refactor: migrate to angular esbuild

refactor: migrate to ionic standalone components
refactor: migrate ion icons to a custom element

.changeset/forty-bulldogs-help.md

@@ -0,0 +1,5 @@
+---
+"@openstapps/app": patch
+---
+
+Migrated IonIcons replacer to a custom component

.changeset/thin-dodos-thank.md

@@ -0,0 +1,7 @@
+---
+"@openstapps/app": patch
+---
+
+Migrated to Ionic standalone components
+
+Angular ESBuild will not work with `IonicModule` apps

.changeset/yellow-jobs-guess.md

@@ -0,0 +1,5 @@
+---
+"@openstapps/app": patch
+---
+
+Migrated to Angular ESBuild

.gitlab-ci.yml

@@ -67,9 +67,9 @@ build:
     # "🦋  error Error: Failed to find where HEAD diverged from master. Does master exist?"
     # - pnpm changeset:status
     - pnpm build:full $TURBO_CACHE_BYPASS
-    - .gitlab/ci/enableGitlabReviewToolbar.sh frontend/app/www/index.html "$CI_PROJECT_ID" "$CI_OPEN_MERGE_REQUESTS"
-    - cp frontend/app/www/index.html frontend/app/www/200.html
-    - pnpm dlx surge -p frontend/app/www -d https://$CI_PROJECT_NAME-$DEPLOY_ID.surge.sh/
+    - .gitlab/ci/enableGitlabReviewToolbar.sh frontend/app/www/browser/index.html "$CI_PROJECT_ID" "$CI_OPEN_MERGE_REQUESTS"
+    - cp frontend/app/www/browser/index.html frontend/app/www/browser/200.html
+    - pnpm dlx surge -p frontend/app/www/browser -d https://$CI_PROJECT_NAME-$DEPLOY_ID.surge.sh/
   cache:
     <<: *pnpm_cache
     policy: pull-push

flake.nix

@@ -18,71 +18,56 @@
       let
         pkgs = import nixpkgs {
           inherit system;
-          overlays = [
-            (final: prev: rec {
-              fontMin = prev.python311.withPackages (
-                ps:
-                with ps;
-                [
-                  brotli
-                  fonttools
-                ]
-                ++ (with fonttools.optional-dependencies; [ woff ])
-              );
-              android = prev.androidenv.composeAndroidPackages {
-                buildToolsVersions = [
-                  "34.0.0"
-                  aapt2buildToolsVersion
-                ];
-                platformVersions = [ "34" ];
-              };
-              cypress = prev.cypress.overrideAttrs (cyPrev: rec {
-                version = "13.2.0";
-                src = prev.fetchzip {
-                  url = "https://cdn.cypress.io/desktop/${version}/linux-x64/cypress.zip";
-                  hash = "sha256-9o0nprGcJhudS1LNm+T7Vf0Dwd1RBauYKI+w1FBQ3ZM=";
-                };
-              });
-              nodejs = prev.nodejs_18;
-              corepack = prev.corepack_18;
-            })
-          ];
           config = {
             allowUnfree = true;
             android_sdk.accept_license = true;
           };
         };
-        androidFhs = pkgs.buildFHSUserEnv {
-          name = "android-env";
-          targetPkgs = pkgs: with pkgs; [ ];
-          runScript = "bash";
-          profile = ''
-            export ALLOW_NINJA_ENV=true
-            export USE_CCACHE=1
-            export LD_LIBRARY_PATH=/usr/lib:/usr/lib32
-          '';
+        fontMin = pkgs.python311.withPackages (
+          ps:
+          with ps;
+          [
+            brotli
+            fonttools
+          ]
+          ++ (with fonttools.optional-dependencies; [ woff ])
+        );
+        android = pkgs.androidenv.composeAndroidPackages {
+          buildToolsVersions = [
+            "30.0.3"
+            aapt2buildToolsVersion
+          ];
+          platformVersions = [ "33" ];
         };
+        androidJdk = pkgs.jdk17;
+        cypress = pkgs.cypress.overrideAttrs (cyPrev: rec {
+          version = "13.2.0";
+          src = pkgs.fetchzip {
+            url = "https://cdn.cypress.io/desktop/${version}/linux-x64/cypress.zip";
+            hash = "sha256-9o0nprGcJhudS1LNm+T7Vf0Dwd1RBauYKI+w1FBQ3ZM=";
+          };
+        });
       in
       {
         devShell = pkgs.mkShell rec {
-          nativeBuildInputs = [ androidFhs ];
-          buildInputs = with pkgs; [
-            nodejs
-            corepack
+          buildInputs = [
+            pkgs.nodejs_18
+            pkgs.corepack
             # tools
-            curl
-            jq
+            pkgs.curl
+            pkgs.jq
             fontMin
             cypress
             # android
-            jdk17
+            androidJdk
             android.androidsdk
           ];
-          ANDROID_JAVA_HOME = "${pkgs.jdk.home}";
-          ANDROID_SDK_ROOT = "${pkgs.android.androidsdk}/libexec/android-sdk";
+          ANDROID_JAVA_HOME = "${androidJdk.home}";
+          ANDROID_SDK_ROOT = "${android.androidsdk}/libexec/android-sdk";
           GRADLE_OPTS = "-Dorg.gradle.project.android.aapt2FromMavenOverride=${ANDROID_SDK_ROOT}/build-tools/${aapt2buildToolsVersion}/aapt2";
           CYPRESS_INSTALL_BINARY = "0";
-          CYPRESS_RUN_BINARY = "${pkgs.cypress}/bin/Cypress";
+          CYPRESS_RUN_BINARY = "${cypress}/bin/Cypress";
+          CHROME_BIN = pkgs.lib.getExe pkgs.chromium;
         };
       }
     );

frontend/app/CHANGELOG.md

@@ -1,17 +1,5 @@
 # @openstapps/app
 
-## 3.3.4
-
-### Minor Changes
-
-- 8b581ef9: Use user facing changelogs in the about pages as the primary source, with the technical changes accessible through a sub menu.
-
-## 3.3.3
-
-### Patch Changes
-
-- 496b50d8: Bug fixes and Android target sdk version is now 34
-
 ## 3.3.2
 
 ### Patch Changes
@@ -328,225 +316,3 @@
 - Updated dependencies [64caebaf]
   - @openstapps/api@3.0.0-next.0
   - @openstapps/core@3.0.0-next.0
-
-## 2.1.1
-
-### Bug Fixes
-
-- autofocus searchbar only when no default data is displayed ([e90286f](https://gitlab.com/openstapps/app/commit/e90286fc6814f5c40af3e297be42f23128b991be))
-- breadcrumbs are under parallax ([9e160e8](https://gitlab.com/openstapps/app/commit/9e160e8d1ee9409e4fbe518c9dd9748705e680e1))
-- browser logout only if endSession url defined ([7f6de94](https://gitlab.com/openstapps/app/commit/7f6de94ab572be66d7f10758c37dcf10af46b4e0)), closes [#395](https://gitlab.com/openstapps/app/issues/395)
-- can't select some list elements on safari 16.4 ([3e99d7f](https://gitlab.com/openstapps/app/commit/3e99d7fa8fcae4538e1afe6a017570b0cb6ff45e))
-- canteen view removes item select listener on view exit ([05e996a](https://gitlab.com/openstapps/app/commit/05e996ae9052b11c23dc1093ef526f08e3e2e6b6))
-- catalog module semester selection ([afbd1fc](https://gitlab.com/openstapps/app/commit/afbd1fc048997acbc0113f8957016f8947b58626))
-- catalog semester selection ([a8c7d5a](https://gitlab.com/openstapps/app/commit/a8c7d5ab5934adf853cc40c1df311178df54057e))
-- data detail local favorite fallback causing duplicate nested favorite view ([dff4a95](https://gitlab.com/openstapps/app/commit/dff4a95acc55574b4872b0e4e39555cce0b2fd60))
-- data-detail favorite button color leaking to list items ([95f2da2](https://gitlab.com/openstapps/app/commit/95f2da2def39ec56f40a660a63e5f7fddb4b3d53))
-- location flow on iOS devices ([f207e02](https://gitlab.com/openstapps/app/commit/f207e029f1b30624bf411a57b3c552ef259e13ed))
-- parallax broken since safari 16.4 ([0f970fa](https://gitlab.com/openstapps/app/commit/0f970fa1f164a310e24a85140d8bf0da21e5a5f1))
-- remove infinite scroll e2e test ([47565e5](https://gitlab.com/openstapps/app/commit/47565e51b0dda5c8227238b6dc19f0d277408429))
-- replace breadcrumb popover with simply expanding the breadcrumbs ([1318cbc](https://gitlab.com/openstapps/app/commit/1318cbca7f0cf72e10d96fff1a1116ba073fe8dc))
-- schedule tabs navigating to the wrong url ([abf2ab6](https://gitlab.com/openstapps/app/commit/abf2ab6a5a94941d439adf54ec677332823892db))
-- translate simple pipe doesn't update on language changes ([f5ca150](https://gitlab.com/openstapps/app/commit/f5ca1508fb9d95693615bfb9e03bc127bd83be00))
-- typo in catalog provider query ([f49c44f](https://gitlab.com/openstapps/app/commit/f49c44f5c53780e4794dc1ef4cbacfb20cabbd97))
-- workaround for side menu items not being active on page load ([947cab4](https://gitlab.com/openstapps/app/commit/947cab458ca770f116d28a1f22687ae620e71b59))
-
-### Features
-
-- add content to empty catalogs ([982fb16](https://gitlab.com/openstapps/app/commit/982fb1653b3c1253aac9366733f14c22c94d2537))
-- add easy way to configure search filtering for nested properties ([2220ab2](https://gitlab.com/openstapps/app/commit/2220ab24b385188515da7c176bf9c1ac72651fd9))
-- dark theme ([e75a466](https://gitlab.com/openstapps/app/commit/e75a46633ca3685d6044eb9a8b2fd670f2cd030f))
-- dashboard search rework ([8c30a47](https://gitlab.com/openstapps/app/commit/8c30a47706f07eb222fac47ad7fed61f9044328a))
-- implement custom cdk virtual scroll behavior ([968cb72](https://gitlab.com/openstapps/app/commit/968cb729575c529fd6d1d35da1b50a8689057c46))
-- optional logout from identity provider ([8cd2d77](https://gitlab.com/openstapps/app/commit/8cd2d777ab3a67b1ab24f03aa50a3ff73550c3d2)), closes [#372](https://gitlab.com/openstapps/app/issues/372)
-- revamp dashboard mensa section ([33a74d9](https://gitlab.com/openstapps/app/commit/33a74d96ae92137f53a775e90bff99e5f2d41f6a))
-- rework settings page design ([2f1298c](https://gitlab.com/openstapps/app/commit/2f1298c9d7df25d2a16576245ea62c1b6094e507))
-- show in-place in date series modal, resolves [#385](https://gitlab.com/openstapps/app/issues/385) ([22e70ae](https://gitlab.com/openstapps/app/commit/22e70ae92b35578b559e6644dccb8d4bfd06af1e)), closes [#386](https://gitlab.com/openstapps/app/issues/386) [#388](https://gitlab.com/openstapps/app/issues/388)
-- transition to full sidebar at xl instead of lg ([cc939f3](https://gitlab.com/openstapps/app/commit/cc939f38873833b7cc0260525a2ecd536f27bfa5))
-
-## 2.0.1
-
-### Bug Fixes
-
-- assessment segments can become unreadable ([939fb6e](https://gitlab.com/openstapps/app/commit/939fb6ef0f11b40cb71fbe61da90f50b1f75c3f7))
-- login button not easily found ([11d1ac3](https://gitlab.com/openstapps/app/commit/11d1ac3f7ce27c2822ea8f839df3f3dffbd6c020))
-- remove misleading assessment calculations ([aefae33](https://gitlab.com/openstapps/app/commit/aefae33d5c9fa9ee3efe346e45429aca79ae3c48))
-- right-align add event detail chip ([1eee652](https://gitlab.com/openstapps/app/commit/1eee652533c6b8f613ce09df9c3421f89209419a))
-
-### Features
-
-- offline notice ([9b4caf5](https://gitlab.com/openstapps/app/commit/9b4caf526ffb53ec8d8885342323fcc52fd9fc09))
-- separate prettier from eslint ([a88d000](https://gitlab.com/openstapps/app/commit/a88d000ccd6cbdeb5fbb07d209f2491023f9d76c))
-
-# 2.0.0
-
-### Bug Fixes
-
-- daia_url missing in environment configs ([863a3ff](https://gitlab.com/openstapps/app/commit/863a3ffd488425e3313ab9b812c4b6d50c68a244))
-- 404 on all surge links ([f1b4930](https://gitlab.com/openstapps/app/commit/f1b4930a3068e73aee20b4c3d71dac551ab60c35))
-- add areaServed to person detail ([488150f](https://gitlab.com/openstapps/app/commit/488150f7f5558c05c1ec8a71afcb9f9a37e68a37))
-- add event popover expanding beyond screen width ([046a95b](https://gitlab.com/openstapps/app/commit/046a95ba1dca3f5ded7e5555d3167f52f95be107))
-- add location info to dates from timetable ([92adb9d](https://gitlab.com/openstapps/app/commit/92adb9dd2db18027dcc327433027e28c81ecbd4b)), closes [#344](https://gitlab.com/openstapps/app/issues/344)
-- add missing profile translation ([cdb6ac4](https://gitlab.com/openstapps/app/commit/cdb6ac4084f8704d7f2336387a837b86f78c062b))
-- add nav button to schedule page ([e628f39](https://gitlab.com/openstapps/app/commit/e628f396e22e51da2c9f2489fe89e42ccf474e2b))
-- add openingHours config and catch its errors ([6125d43](https://gitlab.com/openstapps/app/commit/6125d43e8c18f2bf2afda67c0ff72e00d98ab34f))
-- add PKCE parameters for PAIA auth ([f3e83bf](https://gitlab.com/openstapps/app/commit/f3e83bfcc88423f0935a060ccd0bf6198da58351))
-- address late init from ionic components ([0bce9e5](https://gitlab.com/openstapps/app/commit/0bce9e5452fc5d05123756348dc30308de675bfa))
-- adjust code to overcome the breaking changes (ionic 4 to 5) ([f779042](https://gitlab.com/openstapps/app/commit/f7790426cd2da4a6b33e2aa73783943f45b3de02)), closes [#70](https://gitlab.com/openstapps/app/issues/70)
-- adjust hebis catalog templates ([83d9a4a](https://gitlab.com/openstapps/app/commit/83d9a4a8b8fe5b8687c72a717b3a2964524006e0))
-- adjust library account user info ([bafabb1](https://gitlab.com/openstapps/app/commit/bafabb1d4ec299e2bea43cd4b8442ef33be2329a)), closes [#331](https://gitlab.com/openstapps/app/issues/331)
-- adjust npm docker scripts and typos ([82bb15b](https://gitlab.com/openstapps/app/commit/82bb15b863e2d2e4df20244fda2f2e0d049ff43f))
-- angular1 ng-if leftover ([25434d5](https://gitlab.com/openstapps/app/commit/25434d54e3800fd72a6c5d9188fb11f441d73aa9))
-- assign navigation app name dynamically ([90b9733](https://gitlab.com/openstapps/app/commit/90b97339d3948b0864f634519416fe4a458b459f))
-- background fetch crashing android app ([3316ad9](https://gitlab.com/openstapps/app/commit/3316ad9169ed2b29a2755405589213f824aec9d1))
-- calculating SCDateSeries for next unit view ([82ba5f8](https://gitlab.com/openstapps/app/commit/82ba5f81211fb10cc5fde04991856567c4ac9680))
-- canteen module layout ([b89f5c4](https://gitlab.com/openstapps/app/commit/b89f5c4edd1ed14f7529edc4e4ea54f9d98fda7c))
-- canteen module layout ([6f7c680](https://gitlab.com/openstapps/app/commit/6f7c680ed89f027d863ebc02f5b24895d84f32e4))
-- cards not having rounded corners in safari ([8a04a43](https://gitlab.com/openstapps/app/commit/8a04a439032920ead799f8b7483f29b896797c37))
-- catch error `Setting "language" not provided` ([584878d](https://gitlab.com/openstapps/app/commit/584878d9503b8406b6ee7ec69dde5b8b3c4fd954))
-- CI stage/job setup ([ae429ca](https://gitlab.com/openstapps/app/commit/ae429ca5fb3b5f10cad377d37b251806b3dabf6c))
-- config.get issue by updating ionic ([9386351](https://gitlab.com/openstapps/app/commit/93863510fac32ed5b887011175a4807df3f522b8))
-- **config:** fix catch ConfigFetchError in getValue ([161da63](https://gitlab.com/openstapps/app/commit/161da630ea59f6205ee53dece950972d4f36ada5)), closes [#46](https://gitlab.com/openstapps/app/issues/46)
-- correct data path color ([0d755bc](https://gitlab.com/openstapps/app/commit/0d755bcbd3d6fea59a4f7a59981fd28844ff90d5))
-- correct html whitespace handling for icon detection ([9bc3642](https://gitlab.com/openstapps/app/commit/9bc3642990b687dd524470fd26df80351aa85f1e))
-- daia availability ([13cee2d](https://gitlab.com/openstapps/app/commit/13cee2d4261c7301c1c763446ae44dcdd005172d))
-- dashboard next unit structural directive causing animation issues ([c8f6a27](https://gitlab.com/openstapps/app/commit/c8f6a27c571e51bcc0ac0120968e6bc9a20c8dd7))
-- **data:** fix and adjust detail test using translation ([478f49a](https://gitlab.com/openstapps/app/commit/478f49a8744211b3c9458b3dadc791d62a46ae46)), closes [#50](https://gitlab.com/openstapps/app/issues/50)
-- **data:** fix template and other consistency issues ([c3bc227](https://gitlab.com/openstapps/app/commit/c3bc227a3ca4a295b2b31bfe7fd34830b33c9f05))
-- detail page when dish of mensa selected ([e5c2270](https://gitlab.com/openstapps/app/commit/e5c227073a183a1c562e17f3fe14a51048d01637)), closes [#140](https://gitlab.com/openstapps/app/issues/140)
-- download events should respect selection ([28fbfef](https://gitlab.com/openstapps/app/commit/28fbfef18cc3b457f7020a70157ea7a4fff345d0))
-- enable background fetch on iOS ([a1592f8](https://gitlab.com/openstapps/app/commit/a1592f84cc48f7cae8c55ef806cddbe806034bb5))
-- enable overflow for day labels in schedule ([1195c5f](https://gitlab.com/openstapps/app/commit/1195c5ffc8cea07f1e224d92a7fb25aa5858bf0a))
-- encode URI parameter to proxy URI ([bc13cc5](https://gitlab.com/openstapps/app/commit/bc13cc5e1fe6144fe0a0e53c0748a154844a5c29)), closes [#326](https://gitlab.com/openstapps/app/issues/326)
-- extend landing period button not working on android ([0caa69c](https://gitlab.com/openstapps/app/commit/0caa69c28cbb2f962b70a1da13659739c1c6dd3e)), closes [#333](https://gitlab.com/openstapps/app/issues/333)
-- failing native http requests with body ([fed4f20](https://gitlab.com/openstapps/app/commit/fed4f20c3cf43221512f3d2b6dd3c3fe7a4cf43a))
-- feedback not allowing valid emails ([cf74c8e](https://gitlab.com/openstapps/app/commit/cf74c8e19f8bd34a31d5af931781e84be2c04dea)), closes [#349](https://gitlab.com/openstapps/app/issues/349)
-- fix issues found by ng build for production ([a503811](https://gitlab.com/openstapps/app/commit/a503811c1cfcf909571af766ccd884856aad8ec9)), closes [#48](https://gitlab.com/openstapps/app/issues/48)
-- fix various typos ([ad0dae4](https://gitlab.com/openstapps/app/commit/ad0dae46ff04d28551d2ece950d9a4d3442541d2))
-- fixate webdriver to match used chrome version ([24dbb42](https://gitlab.com/openstapps/app/commit/24dbb42b345458b7dbdd17b2759824b3b68cb0e4))
-- generate library online links properly ([9854541](https://gitlab.com/openstapps/app/commit/9854541a0c062c31bce167673586dccc8af81785)), closes [#340](https://gitlab.com/openstapps/app/issues/340)
-- handle prices as an optional property ([9e71efc](https://gitlab.com/openstapps/app/commit/9e71efca9f7b1086db26f580192d6b349bdcb964)), closes [#219](https://gitlab.com/openstapps/app/issues/219)
-- header logo changing size on ios navigate ([38f0a30](https://gitlab.com/openstapps/app/commit/38f0a300769a5b7cda35af0927c17099f93981b8))
-- ignore null-island location ([d3188f5](https://gitlab.com/openstapps/app/commit/d3188f50905d610097de6c90bc58e6373d30e0dc)), closes [#149](https://gitlab.com/openstapps/app/issues/149)
-- item not available in offer template ([7b402d6](https://gitlab.com/openstapps/app/commit/7b402d61c30aed81a5671d778a38c8393a5bc7c8)), closes [#110](https://gitlab.com/openstapps/app/issues/110)
-- library account missing ready for pickup ([e504d8c](https://gitlab.com/openstapps/app/commit/e504d8cf6dd1c12fcb8f6a315527337313662385)), closes [#330](https://gitlab.com/openstapps/app/issues/330)
-- library fines should load item title only if needed ([cbb949e](https://gitlab.com/openstapps/app/commit/cbb949e3977a5821e6bd1b654dec66a82e4d8c81)), closes [#342](https://gitlab.com/openstapps/app/issues/342)
-- links of timetable tabs ([837c69b](https://gitlab.com/openstapps/app/commit/837c69bb21c92a91259051d5680e1073b390fc0e)), closes [#144](https://gitlab.com/openstapps/app/issues/144)
-- logged out button not showing on profile ([ebdc14d](https://gitlab.com/openstapps/app/commit/ebdc14d3c398ac7564c077757c564f4e414fe244)), closes [#239](https://gitlab.com/openstapps/app/issues/239)
-- make action chips react to changes of their item ([c0d0b1b](https://gitlab.com/openstapps/app/commit/c0d0b1bd9934e8d9e23f47825cae6a5d8ea2f38a))
-- make keyboard dismissable on mobile devices ([b2cc1fd](https://gitlab.com/openstapps/app/commit/b2cc1fd91fc5bd66c994dcbe10771a22d91a1b3e))
-- map search on iOS ([7d449b4](https://gitlab.com/openstapps/app/commit/7d449b43d0d86825f711848110ac6f044084eba0)), closes [#148](https://gitlab.com/openstapps/app/issues/148)
-- map widget not loading tiles properly ([09aa7bb](https://gitlab.com/openstapps/app/commit/09aa7bb5c59e8d167fa91c69745f5f80229094d7)), closes [#127](https://gitlab.com/openstapps/app/issues/127)
-- missing init (config setup) in default auth service ([f16e539](https://gitlab.com/openstapps/app/commit/f16e5394cce5a8019f4dfe367e5e0a2f0cca4ce2)), closes [#227](https://gitlab.com/openstapps/app/issues/227)
-- missing translations ([30d801a](https://gitlab.com/openstapps/app/commit/30d801a3b419b382d40d96dda995bd35e493523d))
-- modals not reacting after several uses ([f39c29f](https://gitlab.com/openstapps/app/commit/f39c29f10bc05ab986b74dfa8a8648df5fb307b4))
-- news module not scrollable on large screens ([44b6a4a](https://gitlab.com/openstapps/app/commit/44b6a4aea008ca6c89f6cb289467429fb3f8c1fa))
-- ngx-translate defaultLanguage not set ([581a5b2](https://gitlab.com/openstapps/app/commit/581a5b2e55ceda99cf7c41200366c3c5e09f1c63))
-- omit sync native calendar when no uuids ([c9720dc](https://gitlab.com/openstapps/app/commit/c9720dc104cce78ae1a422d5efed7b8a58946836)), closes [#177](https://gitlab.com/openstapps/app/issues/177)
-- opening hours pipe refreshing too often ([95e1734](https://gitlab.com/openstapps/app/commit/95e1734d26b175d8d1156abb10863155fed89ec0))
-- overhaul auth to avoid issues ([99e8d6c](https://gitlab.com/openstapps/app/commit/99e8d6c9bcbc68b639b035af36bc05de0237b1f9)), closes [#336](https://gitlab.com/openstapps/app/issues/336)
-- overview search bar scrolling behind header ([a037090](https://gitlab.com/openstapps/app/commit/a037090eec06e867a703b88a43620a74770287fe))
-- performance degradation when scrolling ([f0a45d1](https://gitlab.com/openstapps/app/commit/f0a45d1b8eb2b33a6c68b94ed7f96f81db3a728b))
-- person list should use long-inline-text ([8b2b853](https://gitlab.com/openstapps/app/commit/8b2b853942ac76904ff49d940dfef625b0397150))
-- prevent multiple heavy setting inits ([f772637](https://gitlab.com/openstapps/app/commit/f7726378f443d9809a6174411d25a811e1d0b5e9))
-- prevent opening invalid links ([fdee2db](https://gitlab.com/openstapps/app/commit/fdee2db8a42b8f6c99c4a72b3104ae0ba1a41c5a)), closes [#328](https://gitlab.com/openstapps/app/issues/328)
-- profile module items show click effect on scroll ([8b2f2c0](https://gitlab.com/openstapps/app/commit/8b2f2c063c65278580d9469b00d9e67f01caaffb))
-- recurring schedule offset and event limit ([9c6b513](https://gitlab.com/openstapps/app/commit/9c6b5131cd4cadb2572769d368b346054f19de1c))
-- refresh token not used by default auth provider ([15ccbe4](https://gitlab.com/openstapps/app/commit/15ccbe4c1879417f2fc5849204fa9f6bdcce87fc)), closes [#311](https://gitlab.com/openstapps/app/issues/311)
-- remove "extend landing" button when renewal not possible ([f60a228](https://gitlab.com/openstapps/app/commit/f60a22839200019a38586a14a0cce32e2c0029e7)), closes [#338](https://gitlab.com/openstapps/app/issues/338)
-- remove item before adding it to secure storage ([ec511fb](https://gitlab.com/openstapps/app/commit/ec511fb8f40219e2559b08c62bd915d773d2a36f))
-- schedule navigation bar layout ([e7d5f83](https://gitlab.com/openstapps/app/commit/e7d5f83100f43564b55249909a6658e583e3a9b2))
-- set android status bar color correctly ([b38a969](https://gitlab.com/openstapps/app/commit/b38a96996a10e4e43ff1b06ecd2235a0e3bdfa1c))
-- setting of default language ([ccf8b1a](https://gitlab.com/openstapps/app/commit/ccf8b1a5cc9fe834ba3e04a1ed67b2d082004403))
-- show nothing for empty array properties ([1c56c89](https://gitlab.com/openstapps/app/commit/1c56c891e15b034826b5d6b2b35141fc872c922d)), closes [#154](https://gitlab.com/openstapps/app/issues/154)
-- single map place width ([88684f0](https://gitlab.com/openstapps/app/commit/88684f068ab130f43e520c87f1d7383e0ae43944)), closes [#147](https://gitlab.com/openstapps/app/issues/147)
-- some android devices don't support implied css animation units ([54cc883](https://gitlab.com/openstapps/app/commit/54cc8838aefe8f8c2d25d9228a136ef727a08230))
-- status bar being black on Android 13 devices ([feee9e8](https://gitlab.com/openstapps/app/commit/feee9e8db90e66cf2346f7c5cc24f075eb70676c))
-- suppress router event logs in console ([28caaf1](https://gitlab.com/openstapps/app/commit/28caaf1d21f7961b678cf339a712abf860ade5e7)), closes [#207](https://gitlab.com/openstapps/app/issues/207)
-- swap missing icon after ionic update ([643b6c9](https://gitlab.com/openstapps/app/commit/643b6c967f3268cb305a24d614c3bc91275b0ac3))
-- temporary disable flaky ui test ([6b9b1fa](https://gitlab.com/openstapps/app/commit/6b9b1fa8548d5c5fca04b2c1d63e893de39278a2))
-- timetable dates cannot be removed ([9242438](https://gitlab.com/openstapps/app/commit/924243813207fa791d3c4938f8653a999b6382ff))
-- translate back button title ([b8db0f3](https://gitlab.com/openstapps/app/commit/b8db0f3e70a46f2b493e183a244cb29d1954c257))
-- translations ([5e1a902](https://gitlab.com/openstapps/app/commit/5e1a902d4c0d2345f21500fba5394c1907e04eb8))
-- typo in translation ([7928534](https://gitlab.com/openstapps/app/commit/7928534d88a26db28b098bbceb47bc1103022a57))
-- update core and apply stricter tslint rules ([911492d](https://gitlab.com/openstapps/app/commit/911492d064ff0280dd6626244cd8038cbfc0f408))
-- use HashLocationStrategy for routes ([9d68212](https://gitlab.com/openstapps/app/commit/9d682125db55c87cab2b33c7633bfa133d2fc5a9)), closes [#54](https://gitlab.com/openstapps/app/issues/54)
-- use localized date and time ([6ca0b97](https://gitlab.com/openstapps/app/commit/6ca0b9763761c5204a757a243056a087c5f35fd9))
-- use stapps core version to compare with backends' core version ([66b8720](https://gitlab.com/openstapps/app/commit/66b8720da0f264824a396f2d9e598b0e48c8e3d1)), closes [#77](https://gitlab.com/openstapps/app/issues/77)
-- user info card ([998edcb](https://gitlab.com/openstapps/app/commit/998edcb5cdfb588c2986f466f4a2951f172a8bb4)), closes [#305](https://gitlab.com/openstapps/app/issues/305)
-
-### Features
-
-- add "no results" screen to search ([c75ca68](https://gitlab.com/openstapps/app/commit/c75ca68c440a20e197213ecbb47d05fc293afd9c))
-- add about module ([d420008](https://gitlab.com/openstapps/app/commit/d42000892694f4a3b29fa623c43fb45f8ba54687))
-- add action chips to search results ([67fb4a4](https://gitlab.com/openstapps/app/commit/67fb4a43c95043caba50d43ace2ab276f3319b81))
-- add auth support (default and paia) ([b5f239e](https://gitlab.com/openstapps/app/commit/b5f239ea4edebd0d27b1cdaad4a830998ce2f681))
-- add backend toggle ([c1d3330](https://gitlab.com/openstapps/app/commit/c1d33303aa11da3b3e150c6717d77ef484a16ac1))
-- add basic templates for data list items ([3e697b1](https://gitlab.com/openstapps/app/commit/3e697b17b4448c15781d0f6dd55577b638e9d974))
-- add catalog module ([03084b1](https://gitlab.com/openstapps/app/commit/03084b1c966de98b3723d0bee2b2475589393c59))
-- add ConfigModule and FakeBackendInterceptor ([406f400](https://gitlab.com/openstapps/app/commit/406f40055567bfde4ec5edf26cff942411bd073e)), closes [#34](https://gitlab.com/openstapps/app/issues/34) [#37](https://gitlab.com/openstapps/app/issues/37)
-- add detail view for news ([2566a71](https://gitlab.com/openstapps/app/commit/2566a71a81a3408dbb16b97d3a453d95e25d1f00))
-- add duration pipe with frequency capabilites ([49a1758](https://gitlab.com/openstapps/app/commit/49a1758da358958ffe590700c19aaf90ec748ee5))
-- add favorites support ([e9452d6](https://gitlab.com/openstapps/app/commit/e9452d6520c34f6513623c16e291dc23d6ea9757))
-- add feedback module ([867f9e9](https://gitlab.com/openstapps/app/commit/867f9e9b832e3bd54c04801fef63a11543e8f3dd))
-- add filter chips for news ([5435f85](https://gitlab.com/openstapps/app/commit/5435f85cc43dc3baa774a5008d2920ac7b3783f6))
-- add formatting pipes basted on Intl ([4b932af](https://gitlab.com/openstapps/app/commit/4b932af1c07e1af4369414667a987d31181c073c))
-- add HeBIS HDS search ([9a3241c](https://gitlab.com/openstapps/app/commit/9a3241c42ab59e15c0084178f76dc4a2450a2bb8))
-- add library account screens ([080e6fa](https://gitlab.com/openstapps/app/commit/080e6fa3e8c18e9608d7fa2efc95e4fd65c43a15))
-- add library action confirmations ([42b860e](https://gitlab.com/openstapps/app/commit/42b860e41793fc3983a39237a4f7128416485fae)), closes [#334](https://gitlab.com/openstapps/app/issues/334)
-- add logger ([a0c798f](https://gitlab.com/openstapps/app/commit/a0c798f765d87c5eebcbed65b70f3b05f285d0ce))
-- add map module ([c1c9a92](https://gitlab.com/openstapps/app/commit/c1c9a92ec900403218b887fdebfe5132b232e1e0))
-- add new font and new icons ([915fd72](https://gitlab.com/openstapps/app/commit/915fd72bd4bfed16e15fcc3c57879db0ec0379e2))
-- add not found screen ([e3d9ef4](https://gitlab.com/openstapps/app/commit/e3d9ef40ccd626c81c67ea2d790eecbe6e025780))
-- add permission check for geoLocation setting ([d5fa2fd](https://gitlab.com/openstapps/app/commit/d5fa2fd9a578d48cd2513eeb1380f1d2bc4d3754))
-- add service and pipe for core translator ([4565600](https://gitlab.com/openstapps/app/commit/456560026cc9550a10a9f42657d942122be34d53))
-- apply new layout overhaul ([7bbdba5](https://gitlab.com/openstapps/app/commit/7bbdba5c0b886e2789d2a603c4be627dfd16b60e))
-- assessment tree view ([0b037f9](https://gitlab.com/openstapps/app/commit/0b037f96e634b412fbaaee24747df08afdc0e565))
-- assessments module ([e68d1b7](https://gitlab.com/openstapps/app/commit/e68d1b73f94b36abcefe9b2bf42e98de00b69188))
-- calendar plugin ([a57c302](https://gitlab.com/openstapps/app/commit/a57c3029df61ac3157c856744380a85dc001abc6))
-- dashboard ui tests ([9f8ab5c](https://gitlab.com/openstapps/app/commit/9f8ab5c7a15a918f7bd05423f0a43f22a33d9228))
-- **data:** add basic methods of data provider ([ffe05e4](https://gitlab.com/openstapps/app/commit/ffe05e4548fc399183ef651047cb02a3cdc80c67)), closes [#1](https://gitlab.com/openstapps/app/issues/1)
-- **data:** add data detail templates ([5855acc](https://gitlab.com/openstapps/app/commit/5855accc169579d87f5779fd602d4f00f2b479a1))
-- **data:** add method that checks if data item has been saved ([017fc67](https://gitlab.com/openstapps/app/commit/017fc67765bdb75542045830fb85f8eb4b899485))
-- **data:** implement basic facets handling ([b6f92a7](https://gitlab.com/openstapps/app/commit/b6f92a74494e1a39d5c828d593eb70c7002bb0f6)), closes [#1](https://gitlab.com/openstapps/app/issues/1)
-- **data:** show skeleton screens before data is loaded ([e1039aa](https://gitlab.com/openstapps/app/commit/e1039aa2260a0e9d8ccca5a18ded480bf2f12530)), closes [#4](https://gitlab.com/openstapps/app/issues/4)
-- **data:** use data provider for list and detail view ([7caaa18](https://gitlab.com/openstapps/app/commit/7caaa18b7eb94ed8e4ff4e54d760ba1dba3ae3be))
-- **data:** use general template for all offers ([58960a2](https://gitlab.com/openstapps/app/commit/58960a29ea0cd73f26a43186b41f5b53864810e0))
-- display availability and item data for library items ([d571b1d](https://gitlab.com/openstapps/app/commit/d571b1dbe59f8e2270d88dd050b94283bf0a7056))
-- dynamic news page rows ([848d257](https://gitlab.com/openstapps/app/commit/848d2574c7046d6f84b91e32aa83ca57fca8ad2e))
-- expandable accordion in grades module ([3f81afd](https://gitlab.com/openstapps/app/commit/3f81afda82cf87bb393fbb3b71d27eee77ae42d9))
-- get tab navigation items from config ([c3130a3](https://gitlab.com/openstapps/app/commit/c3130a392a53c9ec3657e24a53ed0b3333ba162b))
-- Implement variable for styling ([8ecf347](https://gitlab.com/openstapps/app/commit/8ecf347c9a8abac9347dca45e99ebe35eca8f252))
-- include font licenses in the licenses section ([82479f4](https://gitlab.com/openstapps/app/commit/82479f463cbee834507a0c8faf895a729631eb06))
-- Ionic v6 breadcrumbs in catalog module ([7b491ed](https://gitlab.com/openstapps/app/commit/7b491ed3bb5466a845493bd8ea0bbb836a4f03d2))
-- lazy load all news ([e48134e](https://gitlab.com/openstapps/app/commit/e48134eddcd1ca4d5ec5dbf910571e33a3311ba1))
-- **menu:** add context menu ([1dbf451](https://gitlab.com/openstapps/app/commit/1dbf4515fe57cc8250a7fa2213ced682e3e5e0fc)), closes [#3](https://gitlab.com/openstapps/app/issues/3)
-- navigation rail ([6b08af6](https://gitlab.com/openstapps/app/commit/6b08af6a746bf12005d3297ec97c130e84477615))
-- news module ([22cd0af](https://gitlab.com/openstapps/app/commit/22cd0af1bf92a4576316f5510c22f012e085a237))
-- profile page sections ([e395e9d](https://gitlab.com/openstapps/app/commit/e395e9d270f41bd4f6e5ecd88e438a28dde92465)), closes [#233](https://gitlab.com/openstapps/app/issues/233) [#261](https://gitlab.com/openstapps/app/issues/261) [#267](https://gitlab.com/openstapps/app/issues/267)
-- refresh on pull for news module ([1f3d9ad](https://gitlab.com/openstapps/app/commit/1f3d9ad5f0c0557add2dcf242cf0b7dd7685bb1b))
-- resume at origin path after login ([a5e5a5b](https://gitlab.com/openstapps/app/commit/a5e5a5b40799e7505557f7ebd764b9c563be0f4b)), closes [#168](https://gitlab.com/openstapps/app/issues/168)
-- schedule layout ([e416590](https://gitlab.com/openstapps/app/commit/e4165901bb5efa6b38e397cdf5d66138e396d7f2))
-- scroll schedule cursor into view ([bc4c3d7](https://gitlab.com/openstapps/app/commit/bc4c3d78dbd906243dcddac4db9ac8ccaca79056))
-- search url query param handling ([f349bd7](https://gitlab.com/openstapps/app/commit/f349bd72335c47d292d0a007b1a4ce7f5c694a61))
-- seperate dishes by menu sections ([400c6b8](https://gitlab.com/openstapps/app/commit/400c6b8d8c5300035862186096e38883f781d297))
-- show availability in offers ([5fdef95](https://gitlab.com/openstapps/app/commit/5fdef95c065e7b467a13045adbb56a641cb2dc12))
-- show feedback when map search yields no results ([c54ea86](https://gitlab.com/openstapps/app/commit/c54ea867bd64af187446dbf8dc03967aae600961))
-- show menu for multiple days for canteens and cafes ([3c079cd](https://gitlab.com/openstapps/app/commit/3c079cd189e3b75d3b203bd46ab57378f99e88cc)), closes [#19](https://gitlab.com/openstapps/app/issues/19) [#79](https://gitlab.com/openstapps/app/issues/79)
-- **storage:** add search using regex ([86b9bff](https://gitlab.com/openstapps/app/commit/86b9bff09a51b17151efa5ec322cddcc50a54cb2))
-- **storage:** support deletion of multiple entries ([63266f5](https://gitlab.com/openstapps/app/commit/63266f588f6ddb2476e2cea4bab42a3864f77470))
-- **storage:** support search using a string ([4334cad](https://gitlab.com/openstapps/app/commit/4334cad68c7d0abb7443e245b6eb983804547925))
-- support deep links ([2e3f668](https://gitlab.com/openstapps/app/commit/2e3f6684ef5fbac8e4fb127c536b2b438399ce37))
-- support overlapping timetable dates ([93c37b2](https://gitlab.com/openstapps/app/commit/93c37b26cca7764dea66fb12c0e53acc8fd78d2b))
-- tab navigation bar animations and state ([7ecba0b](https://gitlab.com/openstapps/app/commit/7ecba0b7819ae5a7ab32d86f6049de0ab6c68e55))
-- timetable module - schedule and calendar ([d8ede00](https://gitlab.com/openstapps/app/commit/d8ede006dfbd613dfbc752eb6de80db2e7e84531))
-- turn on oauth2 state check for PAIA ([5bd0b50](https://gitlab.com/openstapps/app/commit/5bd0b50816973548a0a4aa5dbed3f2d0902590dd)), closes [#172](https://gitlab.com/openstapps/app/issues/172)
-- use http interceptor for backendless development ([2558163](https://gitlab.com/openstapps/app/commit/2558163ad6c3038445a79e6338f1827cb1e6510e)), closes [#37](https://gitlab.com/openstapps/app/issues/37)
-- use school-neutral news image fallback via css ([bb94c71](https://gitlab.com/openstapps/app/commit/bb94c71761ca5d3bf6639476ba0c143678cfabbd))
-- webpack bundle analyzer ([552911c](https://gitlab.com/openstapps/app/commit/552911cfcfecec8d9be8b8bbb155b597d1f70fa2))
-
-## 0.0.1
-
-### Features
-
-- add the app ([8b23159](https://gitlab.com/openstapps/app/commit/8b23159e678773b08252bc5826510de2a302fa1d))

frontend/app/Dockerfile

@@ -4,10 +4,10 @@
 FROM node:18-alpine3.18
 
 WORKDIR /app
-COPY www/ /app/www
+COPY www/browser /app/www/browser
 COPY package.json /app
 
 EXPOSE 8100
 
 RUN npm install -g http-server
-CMD http-server www --p 8100
+CMD http-server www/browser --p 8100

frontend/app/angular.json

@@ -11,12 +11,12 @@
       "schematics": {},
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "www",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "zone.js",
+            "browser": "src/main.ts",
+            "polyfills": ["zone.js", "src/ion-icons.js"],
             "tsConfig": "tsconfig.app.json",
             "allowedCommonJsDependencies": [
               "moment",
@@ -35,11 +35,6 @@
                 "glob": "**/*",
                 "input": "src/assets",
                 "output": "assets"
-              },
-              {
-                "glob": "CHANGELOG.md",
-                "input": ".",
-                "output": "assets"
               }
             ],
             "styles": [
@@ -72,9 +67,7 @@
               ]
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true

frontend/app/capacitor.config.ts

@@ -3,7 +3,7 @@ import {CapacitorConfig} from '@capacitor/cli';
 const config: CapacitorConfig = {
   appId: 'de.anyschool.app',
   appName: 'StApps',
-  webDir: 'www',
+  webDir: 'www/browser',
   cordova: {
     preferences: {
       'AndroidXEnabled': 'true',

frontend/app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/app",
   "description": "The generic app tailored to fulfill needs of German universities, written using Ionic Framework.",
-  "version": "3.3.4",
+  "version": "3.3.2",
   "private": true,
   "license": "GPL-3.0-only",
   "author": "Karl-Philipp Wulfert <krlwlfrt@gmail.com>",
@@ -14,12 +14,9 @@
     "Thea Schöbl <dev@theaninova.de>"
   ],
   "scripts": {
-    "analyze": "webpack-bundle-analyzer www/stats.json",
-    "build": "pnpm check-icons && ng build --configuration=production --stats-json && webpack-bundle-analyzer www/stats.json --mode static --report www/bundle-info.html --no-open",
-    "build:analyze": "npm run build:stats && npm run analyze",
+    "build": "pnpm check-icons && ng build --configuration=production",
     "build:android": "ionic capacitor build android --no-open && cd android && ./gradlew clean assemble && cd ..",
     "build:prod": "ng build --configuration=production",
-    "build:stats": "ng build --configuration=production --stats-json",
     "changelog": "conventional-changelog -p angular -i src/assets/about/CHANGELOG.md -s -r 0",
     "check-icons": "node scripts/check-icon-correctness.mjs",
     "chromium:no-cors": "chromium --disable-web-security --user-data-dir=\".browser-data/chromium\"",
@@ -40,7 +37,7 @@
     "lint:fix": "eslint --fix -c .eslintrc.json --ignore-path .eslintignore --ext .ts,.html src/ && stylelint --fix \"**/*.scss\"",
     "minify-icons": "node scripts/minify-icon-font.mjs",
     "postinstall": "jetify && echo \"skipping jetify in production mode\"",
-    "preview": "http-server www --p 8101 -o",
+    "preview": "http-server www/browser --p 8101 -o",
     "push": "git push && git push origin \"v$npm_package_version\"",
     "resources:ios": "capacitor-assets generate --ios --iconBackgroundColor $(grep -oE \"^@include ion-color\\(primary, #[a-fA-F0-9]{3,6}\" src/theme/colors.scss | grep -oE \"#[a-fA-F0-9]{3,6}\") --splashBackgroundColor $(grep -oE \"^@include ion-color\\(primary, #[a-fA-F0-9]{3,6}\" src/theme/colors.scss | grep -oE \"#[a-fA-F0-9]{3,6}\")",
     "run:android": "ionic capacitor run android --livereload --external",
@@ -97,7 +94,8 @@
     "form-data": "4.0.0",
     "geojson": "0.5.0",
     "ionic-appauth": "0.9.0",
-    "jsonpath-plus": "10.0.6",
+    "ionicons": "7.4.0",
+    "jsonpath-plus": "6.0.1",
     "maplibre-gl": "4.0.2",
     "material-symbols": "0.17.1",
     "moment": "2.30.1",
@@ -181,8 +179,7 @@
     "stylelint-config-standard-scss": "13.0.0",
     "surge": "0.23.1",
     "ts-node": "10.9.2",
-    "typescript": "5.4.2",
-    "webpack-bundle-analyzer": "4.10.1"
+    "typescript": "5.4.2"
   },
   "cordova": {
     "plugins": {},

frontend/app/src/app/animation/fab-expand.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {AnimationBuilder, AnimationController} from '@ionic/angular';
+import {AnimationBuilder, AnimationController} from '@ionic/angular/standalone';
 import {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 import {iosDuration, iosEasing, mdDuration, mdEasing} from './easings';
 

frontend/app/src/app/app.component.spec.ts

@@ -17,7 +17,7 @@
 import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
 import {TestBed} from '@angular/core/testing';
 
-import {ModalController, Platform} from '@ionic/angular';
+import {ModalController, Platform} from '@ionic/angular/standalone';
 
 import {TranslateService} from '@ngx-translate/core';
 import {ThingTranslateService} from './translation/thing-translate.service';

frontend/app/src/app/app.component.ts

@@ -15,7 +15,7 @@
 import {AfterContentInit, Component, NgZone} from '@angular/core';
 import {Router} from '@angular/router';
 import {App, URLOpenListenerEvent} from '@capacitor/app';
-import {Platform, ToastController} from '@ionic/angular';
+import {Platform, ToastController} from '@ionic/angular/standalone';
 import {SettingsProvider} from './modules/settings/settings.provider';
 import {AuthHelperService} from './modules/auth/auth-helper.service';
 import {environment} from '../environments/environment';

frontend/app/src/app/app.module.ts

@@ -18,7 +18,7 @@ import localeDe from '@angular/common/locales/de';
 import {APP_INITIALIZER, NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 import {RouteReuseStrategy} from '@angular/router';
-import {IonicModule, IonicRouteStrategy, Platform} from '@ionic/angular';
+import {IonicRouteStrategy, Platform, provideIonicAngular, IonApp} from '@ionic/angular/standalone';
 import {TranslateLoader, TranslateModule, TranslateService} from '@ngx-translate/core';
 import {TranslateHttpLoader} from '@ngx-translate/http-loader';
 import moment from 'moment';
@@ -61,7 +61,6 @@ import {RoutingStackService} from './util/routing-stack.service';
 import {SCLanguageCode, SCSettingValue} from '@openstapps/core';
 import {DefaultAuthService} from './modules/auth/default-auth.service';
 import {PAIAAuthService} from './modules/auth/paia/paia-auth.service';
-import {IonIconModule} from './util/ion-icon/ion-icon.module';
 import {NavigationModule} from './modules/menu/navigation/navigation.module';
 import {browserFactory, SimpleBrowser} from './util/browser.factory';
 import {getDateFnsLocale} from './translation/dfns-locale';
@@ -156,8 +155,6 @@ export function createTranslateLoader(http: HttpClient) {
     DashboardModule,
     DataModule,
     HebisModule,
-    IonicModule.forRoot(),
-    IonIconModule,
     JobModule,
     FavoritesModule,
     LibraryModule,
@@ -185,6 +182,7 @@ export function createTranslateLoader(http: HttpClient) {
     LoggerModule.forRoot({
       level: environment.production ? NgxLoggerLevel.FATAL : NgxLoggerLevel.TRACE,
     }),
+    IonApp,
   ],
   providers: [
     {
@@ -221,6 +219,7 @@ export function createTranslateLoader(http: HttpClient) {
       useClass: ServiceHandlerInterceptor,
       multi: true,
     },
+    provideIonicAngular(),
   ],
 })
 export class AppModule {

frontend/app/src/app/modules/about/about-changelog.component.ts

@@ -13,15 +13,11 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
-import {ConfigProvider} from '../config/config.provider';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'about-changelog',
   templateUrl: 'about-changelog.html',
-  styleUrls: ['about-changelog.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
+  styleUrls: ['about-changelog.scss', './about-page/about-page.scss'],
 })
-export class AboutChangelogComponent {
-  config = inject(ConfigProvider);
-}
+export class AboutChangelogComponent {}

frontend/app/src/app/modules/about/about-changelog.html

@@ -16,14 +16,14 @@
 <ion-header>
   <ion-toolbar color="primary" mode="ios">
     <ion-buttons slot="start">
-      <ion-back-button defaultHref="/about/changelog"></ion-back-button>
+      <ion-back-button></ion-back-button>
     </ion-buttons>
-    <ion-title>{{ 'about.TECHNICAL_CHANGELOG' | translate }}</ion-title>
+    <ion-title>Changelog</ion-title>
+    <!-- TODO: translation -->
   </ion-toolbar>
 </ion-header>
 <ion-content parallax>
-  <p class="disclaimer">{{ 'about.TECHNICAL_CHANGELOG_DISCLAIMER' | translate }}</p>
   <div class="about-changelog">
-    <markdown class="release-notes" src="assets/CHANGELOG.md"></markdown>
+    <markdown src="assets/about/CHANGELOG.md"></markdown>
   </div>
 </ion-content>

frontend/app/src/app/modules/about/about-changelog.scss

@@ -13,13 +13,6 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-ion-toggle {
-  width: fit-content;
-  padding-inline: var(--spacing-md);
-  color: var(--ion-color-primary-contrast);
-}
-
-.disclaimer {
-  margin-block: var(--spacing-xs);
-  color: var(--ion-color-primary-contrast);
+ion-content {
+  --padding-start: 16px;
 }

frontend/app/src/app/modules/about/about-licenses.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, OnInit} from '@angular/core';
-import {ModalController} from '@ionic/angular';
+import {ModalController} from '@ionic/angular/standalone';
 import {AboutLicenseModalComponent} from './about-license-modal.component';
 import licensesFile from 'src/assets/about/licenses.json';
 

frontend/app/src/app/modules/about/about-release-notes.component.ts

@@ -1,27 +0,0 @@
-/*
- * Copyright (C) 2023 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
-import {ConfigProvider} from '../config/config.provider';
-
-@Component({
-  selector: 'about-changelog',
-  templateUrl: 'about-release-notes.html',
-  styleUrls: ['about-release-notes.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AboutReleaseNotesComponent {
-  config = inject(ConfigProvider);
-}

frontend/app/src/app/modules/about/about-release-notes.html

@@ -1,32 +0,0 @@
-<!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
-
-<ion-header>
-  <ion-toolbar color="primary" mode="ios">
-    <ion-buttons slot="start">
-      <ion-back-button defaultHref="/about"></ion-back-button>
-    </ion-buttons>
-    <ion-title>{{ 'about.CHANGELOG' | translate }}</ion-title>
-  </ion-toolbar>
-</ion-header>
-<ion-content parallax>
-  <ion-button fill="clear" [routerLink]="['/about', 'stapps-changelog']"
-    >{{ 'about.TECHNICAL_CHANGELOG' | translate
-    }}<ion-icon slot="end" name="arrow_forward" ios="arrow_forward_ios"></ion-icon
-  ></ion-button>
-  @for (version of config.config.app.versionHistory; track version) {
-    <markdown class="release-notes" [data]="'releaseNotes' | translateSimple: version"></markdown>
-  }
-</ion-content>

frontend/app/src/app/modules/about/about-release-notes.scss

@@ -1,31 +0,0 @@
-/*!
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-@import '../../../theme/util/mixins';
-
-ion-button {
-  --color: var(--ion-color-primary-contrast);
-
-  width: fit-content;
-  margin-block: 0;
-}
-
-.release-notes {
-  @include border-radius-in-parallax(var(--border-radius-default));
-
-  display: block;
-  margin: var(--spacing-md);
-  margin-block-start: 0;
-  background: var(--ion-item-background);
-}

frontend/app/src/app/modules/about/about.module.ts

@@ -16,7 +16,6 @@ import {RouterModule, Routes} from '@angular/router';
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {AboutPageComponent} from './about-page/about-page.component';
@@ -28,13 +27,34 @@ import {ScrollingModule} from '@angular/cdk/scrolling';
 import {AboutLicenseModalComponent} from './about-license-modal.component';
 import {AboutChangelogComponent} from './about-changelog.component';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
-import {AboutReleaseNotesComponent} from './about-release-notes.component';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonChip,
+  IonCol,
+  IonContent,
+  IonGrid,
+  IonHeader,
+  IonLabel,
+  IonList,
+  IonRouterLink,
+  IonRow,
+  IonSkeletonText,
+  IonText,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const settingsRoutes: Routes = [
   {path: 'about', component: AboutPageComponent},
-  {path: 'about/changelog', component: AboutReleaseNotesComponent},
-  {path: 'about/stapps-changelog', component: AboutChangelogComponent},
+  {path: 'about/changelog', component: AboutChangelogComponent},
   {path: 'about/imprint', component: AboutPageComponent},
   {path: 'about/privacy', component: AboutPageComponent},
   {path: 'about/terms', component: AboutPageComponent},
@@ -51,13 +71,11 @@ const settingsRoutes: Routes = [
     AboutLicensesComponent,
     AboutLicenseModalComponent,
     AboutChangelogComponent,
-    AboutReleaseNotesComponent,
   ],
   imports: [
     CommonModule,
-    IonIconModule,
+    IonIconDirective,
     FormsModule,
-    IonicModule.forRoot(),
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
     RouterModule.forChild(settingsRoutes),
@@ -65,6 +83,27 @@ const settingsRoutes: Routes = [
     DataModule,
     ScrollingModule,
     UtilModule,
+    IonRouterLink,
+    IonBackButton,
+    IonButton,
+    IonButtons,
+    IonText,
+    IonSkeletonText,
+    IonTitle,
+    IonToolbar,
+    IonHeader,
+    IonLabel,
+    IonGrid,
+    IonRow,
+    IonCol,
+    IonCard,
+    IonCardHeader,
+    IonCardTitle,
+    IonCardContent,
+    IonCardSubtitle,
+    IonChip,
+    IonList,
+    IonContent,
   ],
 })
 export class AboutModule {}

frontend/app/src/app/modules/about/app-version.service.ts

@@ -1,12 +1,12 @@
 import {Injectable} from '@angular/core';
 import {StorageProvider} from '../storage/storage.provider';
 import {ConfigProvider} from '../config/config.provider';
-import {ModalController} from '@ionic/angular';
+import {ModalController} from '@ionic/angular/standalone';
+import {Capacitor} from '@capacitor/core';
 import {ReleaseNotesComponent} from './release-notes.component';
 import {SCAppVersionInfo} from '@openstapps/core';
 import {App} from '@capacitor/app';
 import {coerce} from 'semver';
-import {Capacitor} from '@capacitor/core';
 
 export const RELEASE_NOTES_SHOWN_KEY = 'release_notes_shown';
 
@@ -25,11 +25,12 @@ export class AppVersionService {
     if (Capacitor.getPlatform() === 'web') {
       return;
     }
+    const storedVersion = coerce(
+      (await this.storage.has(RELEASE_NOTES_SHOWN_KEY))
+        ? await this.storage.get<string>(RELEASE_NOTES_SHOWN_KEY)
+        : '0.0.0',
+    )!;
     const currentVersion = coerce(await App.getInfo().then(info => info.version))!;
-    if (!(await this.storage.has(RELEASE_NOTES_SHOWN_KEY))) {
-      await this.storage.put(RELEASE_NOTES_SHOWN_KEY, currentVersion);
-    }
-    const storedVersion = coerce(await this.storage.get<string>(RELEASE_NOTES_SHOWN_KEY))!;
 
     return this.config.config.app.versionHistory
       ?.filter(({version}) => {
@@ -38,7 +39,7 @@ export class AppVersionService {
         const isNotFutureVersion = semanticVersion.compare(currentVersion) <= 0;
         return wasNotShown && isNotFutureVersion;
       })
-      ?.sort((a, b) => -coerce(a.version)!.compare(b.version));
+      ?.sort((a, b) => coerce(a.version)!.compare(b.version));
   }
 
   /**

frontend/app/src/app/modules/about/release-notes-markdown.scss

@@ -1,26 +0,0 @@
-.release-notes {
-  max-width: 16cm;
-}
-
-.release-notes ::ng-deep {
-  h1 {
-    font-size: 1.5em;
-    font-weight: bold;
-    color: var(--ion-color-primary);
-  }
-
-  h2 {
-    font-size: 1.2em;
-    font-weight: bold;
-  }
-
-  h3 {
-    font-size: 1.1em;
-    font-weight: bold;
-  }
-
-  blockquote {
-    background: var(--ion-item-background);
-    border-left: 0.25em solid var(--ion-color-medium);
-  }
-}

frontend/app/src/app/modules/about/release-notes.component.ts

@@ -2,17 +2,34 @@ import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {SCAppVersionInfo} from '@openstapps/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
-import {IonicModule, ModalController} from '@ionic/angular';
+import {
+  IonButton,
+  IonButtons,
+  IonHeader,
+  IonTitle,
+  IonToolbar,
+  ModalController,
+} from '@ionic/angular/standalone';
 import {TranslateModule} from '@ngx-translate/core';
 import {UtilModule} from '../../util/util.module';
 
 @Component({
   selector: 'stapps-release-notes',
   templateUrl: 'release-notes.html',
-  styleUrls: ['release-notes.scss', 'release-notes-markdown.scss'],
+  styleUrls: ['release-notes.scss'],
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [UtilModule, MarkdownModule, ThingTranslateModule, IonicModule, TranslateModule],
+  imports: [
+    UtilModule,
+    MarkdownModule,
+    ThingTranslateModule,
+    TranslateModule,
+    IonButton,
+    IonButtons,
+    IonToolbar,
+    IonHeader,
+    IonTitle,
+  ],
 })
 export class ReleaseNotesComponent {
   @Input() versionInfos: SCAppVersionInfo[];

frontend/app/src/app/modules/about/release-notes.html

@@ -13,7 +13,7 @@
 <ion-content parallax>
   @for (versionInfo of versionInfos; track versionInfo) {
     <markdown
-      class="content-card ion-padding release-notes"
+      class="content-card ion-padding"
       [data]="'releaseNotes' | translateSimple: versionInfo"
     ></markdown>
   }

frontend/app/src/app/modules/about/release-notes.scss

@@ -9,6 +9,5 @@ ion-title {
 
   display: block;
   margin: var(--spacing-md);
-  margin-block-start: 0;
   background: var(--ion-item-background);
 }

frontend/app/src/app/modules/assessments/assessments.module.ts

@@ -19,7 +19,6 @@ import {AssessmentBaseInfoComponent} from './types/assessment/assessment-base-in
 import {AssessmentDetailComponent} from './types/assessment/assessment-detail.component';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {DataModule} from '../data/data.module';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
@@ -35,8 +34,25 @@ import {AssessmentsProvider} from './assessments.provider';
 import {AssessmentsSimpleDataListComponent} from './list/assessments-simple-data-list.component';
 import {ProtectedRoutes} from '../auth/protected.routes';
 import {AssessmentsTreeListComponent} from './list/assessments-tree-list.component';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {UtilModule} from '../../util/util.module';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonContent,
+  IonHeader,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonNote,
+  IonSegment,
+  IonSegmentButton,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const routes: ProtectedRoutes = [
   {
@@ -69,14 +85,28 @@ const routes: ProtectedRoutes = [
   imports: [
     CommonModule,
     FormsModule,
-    IonIconModule,
-    IonicModule,
+    IonIconDirective,
     RouterModule.forChild(routes),
     TranslateModule,
     DataModule,
     ThingTranslateModule,
     MomentModule,
     UtilModule,
+    IonBackButton,
+    IonList,
+    IonItem,
+    IonNote,
+    IonCardContent,
+    IonCard,
+    IonLabel,
+    IonSegment,
+    IonSegmentButton,
+    IonButtons,
+    IonTitle,
+    IonContent,
+    IonHeader,
+    IonToolbar,
+    IonButton,
   ],
   providers: [AssessmentsProvider],
   exports: [],

frontend/app/src/app/modules/assessments/detail/assessments-detail.component.ts

@@ -17,7 +17,7 @@ import {Component, DestroyRef, inject, Input, OnInit, ViewChild} from '@angular/
 import {ActivatedRoute} from '@angular/router';
 import {AssessmentsProvider} from '../assessments.provider';
 import {DataDetailComponent, ExternalDataLoadEvent} from '../../data/detail/data-detail.component';
-import {NavController} from '@ionic/angular';
+import {NavController} from '@ionic/angular/standalone';
 import {DataRoutingService} from '../../data/data-routing.service';
 import {SCAssessment} from '@openstapps/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';

frontend/app/src/app/modules/auth/auth-callback/page/auth-callback-page.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component} from '@angular/core';
-import {NavController} from '@ionic/angular';
+import {NavController} from '@ionic/angular/standalone';
 import {Router} from '@angular/router';
 import {AuthActions, IAuthAction} from 'ionic-appauth';
 import {AuthHelperService} from '../../auth-helper.service';

frontend/app/src/app/modules/auth/auth-helper.service.ts

@@ -29,7 +29,7 @@ import {StorageProvider} from '../storage/storage.provider';
 import {DefaultAuthService} from './default-auth.service';
 import {PAIAAuthService} from './paia/paia-auth.service';
 import {SimpleBrowser} from '../../util/browser.factory';
-import {AlertController} from '@ionic/angular';
+import {AlertController} from '@ionic/angular/standalone';
 
 const AUTH_ORIGIN_PATH = 'stapps.auth.origin_path';
 
@@ -81,6 +81,7 @@ export class AuthHelperService {
       user[key as keyof SCUserConfiguration] = JSONPath({
         path: this.userConfigurationMap[key as keyof SCUserConfiguration] as string,
         json: userInfo,
+        preventEval: true,
       })[0];
     }
     if (user.givenName && user.givenName.length > 0 && user.familyName && user.familyName.length > 0) {

frontend/app/src/app/modules/auth/auth.module.ts

@@ -1,6 +1,6 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {Platform} from '@ionic/angular';
+import {Platform} from '@ionic/angular/standalone';
 import {Requestor, StorageBackend} from '@openid/appauth';
 import {storageFactory} from './factories';
 import {Browser} from 'ionic-appauth';

frontend/app/src/app/modules/auth/factories/http.factory.ts

@@ -14,7 +14,7 @@
  */
 
 import {HttpClient} from '@angular/common/http';
-import {Platform} from '@ionic/angular';
+import {Platform} from '@ionic/angular/standalone';
 import {CapacitorRequestor} from '../capacitor-requestor';
 import {NgHttpService} from '../ng-http.service';
 

frontend/app/src/app/modules/auth/factories/storage.factory.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {Platform} from '@ionic/angular';
+import {Platform} from '@ionic/angular/standalone';
 import {IonicStorage} from 'ionic-appauth/lib';
 import {SafeCapacitorSecureStorage} from '../../storage/capacitor-secure-storage';
 

frontend/app/src/app/modules/calendar/add-event-review-modal.html

@@ -67,7 +67,7 @@
   <div class="horizontal-flex">
     <ion-button fill="clear" (click)="export()">
       {{ 'share' | translate }}
-      <ion-icon slot="end" md="share" ios="ios_share"></ion-icon>
+      <ion-icon slot="end" name="share"></ion-icon>
     </ion-button>
     @if (isWeb) {
       <ion-button fill="outline" (click)="download()">

frontend/app/src/app/modules/calendar/calendar.module.ts

@@ -18,26 +18,46 @@ import {AddEventReviewModalComponent} from './add-event-review-modal.component';
 import {Calendar} from '@awesome-cordova-plugins/calendar/ngx';
 import {CalendarService} from './calendar.service';
 import {ScheduleProvider} from './schedule.provider';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {FormsModule} from '@angular/forms';
 import {CommonModule} from '@angular/common';
 import {MomentModule} from 'ngx-moment';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonButton,
+  IonCardContent,
+  IonCardHeader,
+  IonCardTitle,
+  IonItem,
+  IonItemDivider,
+  IonItemGroup,
+  IonLabel,
+  IonList,
+  IonNote,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @NgModule({
   declarations: [AddEventReviewModalComponent],
   imports: [
-    IonicModule.forRoot(),
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
-    IonIconModule,
+    IonIconDirective,
     FormsModule,
     CommonModule,
     MomentModule,
     UtilModule,
+    IonButton,
+    IonItem,
+    IonNote,
+    IonLabel,
+    IonList,
+    IonItemGroup,
+    IonItemDivider,
+    IonCardContent,
+    IonCardTitle,
+    IonCardHeader,
   ],
   exports: [],
   providers: [Calendar, CalendarService, ScheduleProvider],

frontend/app/src/app/modules/catalog/catalog.module.ts

@@ -16,14 +16,29 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {RouterModule, Routes} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MomentModule} from 'ngx-moment';
 import {DataModule} from '../data/data.module';
 import {SettingsProvider} from '../settings/settings.provider';
 import {CatalogComponent} from './catalog.component';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonHeader,
+  IonToolbar,
+  IonButtons,
+  IonBackButton,
+  IonTitle,
+  IonSegment,
+  IonSegmentButton,
+  IonLabel,
+  IonContent,
+  IonList,
+  IonItem,
+  IonGrid,
+  IonRow,
+  IonCol,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const catalogRoutes: Routes = [
   {path: 'catalog', component: CatalogComponent},
@@ -36,15 +51,28 @@ const catalogRoutes: Routes = [
 @NgModule({
   declarations: [CatalogComponent],
   imports: [
-    IonicModule.forRoot(),
     FormsModule,
     TranslateModule.forChild(),
     RouterModule.forChild(catalogRoutes),
-    IonIconModule,
+    IonIconDirective,
     CommonModule,
     MomentModule,
     DataModule,
     UtilModule,
+    IonHeader,
+    IonToolbar,
+    IonButtons,
+    IonBackButton,
+    IonTitle,
+    IonSegment,
+    IonSegmentButton,
+    IonLabel,
+    IonContent,
+    IonList,
+    IonItem,
+    IonGrid,
+    IonRow,
+    IonCol,
   ],
   providers: [SettingsProvider],
 })

frontend/app/src/app/modules/config/config.provider.spec.ts

@@ -67,8 +67,7 @@ describe('ConfigProvider', () => {
 
   it('should fetch app configuration', async () => {
     spyOn(configProvider.client, 'handshake').and.returnValue(Promise.resolve(sampleIndexResponse));
-    await configProvider.fetch();
-    const result = configProvider.config;
+    const result = await configProvider.fetch();
     expect(result).toEqual(sampleIndexResponse);
   });
 
@@ -111,7 +110,7 @@ describe('ConfigProvider', () => {
     expect(storageProviderSpy.has).toHaveBeenCalled();
     expect(storageProviderSpy.get).toHaveBeenCalledTimes(0);
     expect(configProvider.client.handshake).toHaveBeenCalled();
-    expect(configProvider.getValue('name')).toEqual(sampleIndexResponse.app.name);
+    expect(await configProvider.getValue('name')).toEqual(sampleIndexResponse.app.name);
   });
 
   it('should throw error on failed initialisation', async () => {
@@ -193,31 +192,4 @@ describe('ConfigProvider', () => {
 
     expect(configProvider.getValue('name')).toEqual(sampleIndexResponse.app.name);
   });
-
-  it('should fetch new config from remote on init', async () => {
-    storageProviderSpy.has.and.returnValue(Promise.resolve(true));
-    storageProviderSpy.get.and.returnValue(Promise.resolve(sampleIndexResponse));
-    spyOn(configProvider, 'fetch');
-    await configProvider.init();
-
-    expect(configProvider.fetch).toHaveBeenCalled();
-  });
-
-  it('should update the local config with the one from remote', async () => {
-    storageProviderSpy.has.and.returnValue(Promise.resolve(true));
-    storageProviderSpy.get.and.returnValue(Promise.resolve(sampleIndexResponse));
-    const newConfig = structuredClone(sampleIndexResponse);
-    newConfig.app.name = 'New app name';
-    spyOn(configProvider.client, 'handshake').and.returnValue(Promise.resolve(newConfig));
-    await configProvider.init();
-
-    // Validate that the initial configuration is loaded
-    expect(configProvider.getValue('name')).toEqual(sampleIndexResponse.app.name);
-
-    // Fetch the new configuration from the remote
-    await configProvider.fetch();
-
-    // Validate that the new configuration is now set
-    expect(configProvider.getValue('name')).toEqual(newConfig.app.name);
-  });
 });

frontend/app/src/app/modules/config/config.provider.ts

@@ -83,20 +83,17 @@ export class ConfigProvider {
   /**
    * Fetches configuration from backend
    */
-  async fetch(): Promise<void> {
+  async fetch(): Promise<SCIndexResponse> {
     try {
       const isOffline = await firstValueFrom(this.internetConnectionService.offline$);
       if (isOffline) {
         throw new Error('Device is offline.');
       } else {
-        const fetchedConfig: SCIndexResponse = await this.client.handshake(this.scVersion);
-        await this.set(fetchedConfig);
-        this.logger.log(`Configuration updated from remote`);
+        return await this.client.handshake(this.scVersion);
       }
     } catch (error) {
       const error_ = error instanceof Error ? new ConfigFetchError(error.message) : new ConfigFetchError();
-      this.logger.warn(`Failed to fetch remote configuration:`, error_);
-      throw error_; // Rethrow the error to handle it in init()
+      throw error_;
     }
   }
 
@@ -124,33 +121,40 @@ export class ConfigProvider {
 
   /**
    * Initialises the ConfigProvider
-   * @throws ConfigInitError if no configuration could be loaded both locally and remote.
+   * @throws ConfigInitError if no configuration could be loaded.
+   * @throws WrongConfigVersionInStorage if fetch failed and saved config has wrong SCVersion
    */
   async init(): Promise<void> {
+    let loadError;
+    let fetchError;
+    // load saved configuration
     try {
-      // Attempt to load the configuration from local storage
       this.config = await this.loadLocal();
       this.firstSession = false;
       this.logger.log(`initialised configuration from storage`);
-
-      // Check if the stored configuration has the correct version
       if (this.config.backend.SCVersion.split('.')[0] !== this.scVersion.split('.')[0]) {
-        throw new WrongConfigVersionInStorage(this.scVersion, this.config.backend.SCVersion);
+        loadError = new WrongConfigVersionInStorage(this.scVersion, this.config.backend.SCVersion);
       }
-
-      // Fetch the remote configuration in a non-blocking manner
-      void this.fetch();
-    } catch (loadError) {
+    } catch (error) {
+      loadError = error;
+    }
+    // fetch remote configuration from backend
+    try {
+      const fetchedConfig: SCIndexResponse = await this.fetch();
+      await this.set(fetchedConfig);
+      this.logger.log(`initialised configuration from remote`);
+    } catch (error) {
+      fetchError = error;
+    }
+    // check for occurred errors and throw them
+    if (loadError !== undefined && fetchError !== undefined) {
+      throw new ConfigInitError();
+    }
+    if (loadError !== undefined) {
       this.logger.warn(loadError);
-
-      try {
-        // If local loading fails, immediately try to fetch the configuration from remote
-        await this.fetch();
-      } catch (fetchError) {
-        this.logger.warn(`Failed to fetch remote configuration:`, fetchError);
-        // If both local loading and remote fetching fail, throw ConfigInitError
-        throw new ConfigInitError();
-      }
+    }
+    if (fetchError !== undefined) {
+      this.logger.warn(fetchError);
     }
   }
 

frontend/app/src/app/modules/dashboard/dashboard-collapse.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {Animation, AnimationController} from '@ionic/angular';
+import {Animation, AnimationController} from '@ionic/angular/standalone';
 import {NgZone} from '@angular/core';
 
 export class DashboardCollapse {

frontend/app/src/app/modules/dashboard/dashboard.component.scss

@@ -118,10 +118,6 @@ ion-content {
       font-weight: var(--font-weight-semi-bold);
       word-break: break-word;
     }
-
-    &:hover ::ng-deep stapps-icon {
-      --fill: 1;
-    }
   }
 
   a:last-child {
@@ -159,4 +155,8 @@ ion-content {
       line-height: 1.2;
     }
   }
+
+  a:first-child:hover {
+    --fill: 1;
+  }
 }

frontend/app/src/app/modules/dashboard/dashboard.component.ts

@@ -29,7 +29,7 @@ import moment from 'moment';
 import {SCDateSeries, SCUuid} from '@openstapps/core';
 import {DataRoutingService} from '../data/data-routing.service';
 import {ScheduleProvider} from '../calendar/schedule.provider';
-import {AnimationController, IonContent} from '@ionic/angular';
+import {AnimationController, IonContent} from '@ionic/angular/standalone';
 import {DashboardCollapse} from './dashboard-collapse';
 import {BreakpointObserver} from '@angular/cdk/layout';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
@@ -37,7 +37,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss', '/dashboard.collapse.component.scss'],
+  styleUrls: ['./dashboard.component.scss', './dashboard.collapse.component.scss'],
 })
 export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild('toolbar', {read: ElementRef}) toolbarRef: ElementRef;

frontend/app/src/app/modules/dashboard/dashboard.module.ts

@@ -16,7 +16,6 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {RouterModule, Routes} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {SwiperModule} from 'swiper/angular';
 import {TranslateModule, TranslatePipe} from '@ngx-translate/core';
 import {MomentModule} from 'ngx-moment';
@@ -30,10 +29,23 @@ import {MensaSectionContentComponent} from './sections/mensa-section/mensa-secti
 import {FavoritesSectionComponent} from './sections/favorites-section/favorites-section.component';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {NewsModule} from '../news/news.module';
 import {JobSectionComponent} from './sections/jobs-section/job-section.component';
 import {JobModule} from '../jobs/jobs.module';
+import {
+  IonHeader,
+  IonToolbar,
+  IonLabel,
+  IonImg,
+  IonContent,
+  IonButton,
+  IonItem,
+  IonThumbnail,
+  IonSearchbar,
+  IonRippleEffect,
+  IonRouterLink,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const catalogRoutes: Routes = [
   {
@@ -56,8 +68,7 @@ const catalogRoutes: Routes = [
     JobSectionComponent,
   ],
   imports: [
-    IonicModule.forRoot(),
-    IonIconModule,
+    IonIconDirective,
     FormsModule,
     TranslateModule.forChild(),
     RouterModule.forChild(catalogRoutes),
@@ -69,6 +80,17 @@ const catalogRoutes: Routes = [
     UtilModule,
     NewsModule,
     JobModule,
+    IonHeader,
+    IonToolbar,
+    IonImg,
+    IonContent,
+    IonButton,
+    IonItem,
+    IonLabel,
+    IonThumbnail,
+    IonSearchbar,
+    IonRippleEffect,
+    IonRouterLink,
   ],
   providers: [SettingsProvider, TranslatePipe],
 })

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.ts

@@ -35,4 +35,6 @@ export class JobSectionComponent {
       from: 0,
     })
     .then((result: SCSearchResult) => result.data);
+
+  constructor() {}
 }

frontend/app/src/app/modules/dashboard/sections/search-section/search-route-transition.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {AnimationController} from '@ionic/angular';
+import {AnimationController} from '@ionic/angular/standalone';
 import {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 
 /**

frontend/app/src/app/modules/dashboard/sections/search-section/search-section.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component} from '@angular/core';
-import {AnimationController} from '@ionic/angular';
+import {AnimationController} from '@ionic/angular/standalone';
 import {homePageSearchTransition} from './search-route-transition';
 
 /**

frontend/app/src/app/modules/data/chips/data/add-event-action-chip.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, DestroyRef, inject, Input, ViewChild} from '@angular/core';
-import {IonRouterOutlet, ModalController} from '@ionic/angular';
+import {IonRouterOutlet, ModalController} from '@ionic/angular/standalone';
 import {SCDateSeries, SCThing, SCThingType, SCUuid} from '@openstapps/core';
 import {Subscription} from 'rxjs';
 import {ScheduleProvider} from '../../../calendar/schedule.provider';

frontend/app/src/app/modules/data/chips/edit-event-selection.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
-import {ModalController} from '@ionic/angular';
+import {ModalController} from '@ionic/angular/standalone';
 import {SCDateSeries} from '@openstapps/core';
 import {
   DateSeriesRelevantData,

frontend/app/src/app/modules/data/chips/filter/chip-filter.component.ts

@@ -13,6 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, EventEmitter, Input, Output} from '@angular/core';
+
 /**
  * Shows a chip filter
  */

frontend/app/src/app/modules/data/data.module.ts

@@ -17,13 +17,55 @@ import {CommonModule} from '@angular/common';
 import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {IonicModule, Platform} from '@ionic/angular';
+import {
+  IonAccordion,
+  IonButton,
+  IonCard,
+  IonCardHeader,
+  IonCardTitle,
+  IonCardContent,
+  IonAccordionGroup,
+  IonBreadcrumb,
+  IonBreadcrumbs,
+  IonButtons,
+  IonChip,
+  IonCol,
+  IonContent,
+  IonGrid,
+  IonHeader,
+  IonImg,
+  IonLabel,
+  IonList,
+  IonListHeader,
+  IonNote,
+  IonPopover,
+  IonRow,
+  IonSegment,
+  IonSegmentButton,
+  IonText,
+  IonThumbnail,
+  IonToolbar,
+  Platform,
+  IonMenuButton,
+  IonSearchbar,
+  IonTitle,
+  IonBackButton,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonItem,
+  IonSkeletonText,
+  IonToast,
+  IonBadge,
+  IonCardSubtitle,
+  IonCheckbox,
+  IonFooter,
+  IonRouterLink,
+} from '@ionic/angular/standalone';
 import {TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {MomentModule} from 'ngx-moment';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {SimpleBrowser, browserFactory} from '../../util/browser.factory';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {RoutingStackService} from '../../util/routing-stack.service';
 import {UtilModule} from '../../util/util.module';
 import {CalendarService} from '../calendar/calendar.service';
@@ -106,6 +148,7 @@ import {SemesterListItemComponent} from './types/semester/semester-list-item.com
 import {VideoDetailContentComponent} from './types/video/video-detail-content.component';
 import {VideoListItemComponent} from './types/video/video-list-item.component';
 import {ShareButtonComponent} from './elements/share-button.component';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 /**
  * Module for handling data
@@ -187,10 +230,9 @@ import {ShareButtonComponent} from './elements/share-button.component';
     FormsModule,
     MapWidgetComponent,
     HttpClientModule,
-    IonicModule.forRoot(),
     MarkdownModule.forRoot(),
     MenuModule,
-    IonIconModule,
+    IonIconDirective,
     MomentModule.forRoot({
       relativeTimeThresholdOptions: {
         m: 59,
@@ -202,6 +244,47 @@ import {ShareButtonComponent} from './elements/share-button.component';
     ThingTranslateModule.forChild(),
     UtilModule,
     GeoNavigationDirective,
+    IonButton,
+    IonCard,
+    IonCardHeader,
+    IonCardTitle,
+    IonCardContent,
+    IonCardSubtitle,
+    IonNote,
+    IonLabel,
+    IonGrid,
+    IonCol,
+    IonRow,
+    IonList,
+    IonSegment,
+    IonListHeader,
+    IonSegmentButton,
+    IonChip,
+    IonImg,
+    IonPopover,
+    IonThumbnail,
+    IonBreadcrumbs,
+    IonBreadcrumb,
+    IonAccordion,
+    IonAccordionGroup,
+    IonText,
+    IonContent,
+    IonButtons,
+    IonHeader,
+    IonToolbar,
+    IonMenuButton,
+    IonSearchbar,
+    IonTitle,
+    IonBackButton,
+    IonInfiniteScroll,
+    IonInfiniteScrollContent,
+    IonItem,
+    IonSkeletonText,
+    IonToast,
+    IonBadge,
+    IonCheckbox,
+    IonFooter,
+    IonRouterLink,
   ],
   providers: [
     CoordinatedSearchProvider,

frontend/app/src/app/modules/data/debug-data-collector.service.ts

@@ -14,7 +14,7 @@
  */
 import {Injectable} from '@angular/core';
 import {SCFeedbackRequestMetaData} from '@openstapps/core';
-import {Platform} from '@ionic/angular';
+import {Platform} from '@ionic/angular/standalone';
 import {DataProvider} from './data.provider';
 import {NavigationEnd, Router} from '@angular/router';
 import {SettingsProvider} from '../settings/settings.provider';

frontend/app/src/app/modules/data/detail/data-detail-content.component.ts

@@ -15,7 +15,7 @@
 import {Component, Input, TemplateRef} from '@angular/core';
 import {SCThings} from '@openstapps/core';
 import {DataListContext} from '../list/data-list.component';
-import {ModalController} from '@ionic/angular';
+import {ModalController} from '@ionic/angular/standalone';
 
 /**
  * TODO

frontend/app/src/app/modules/data/detail/data-detail.component.spec.ts

@@ -26,6 +26,7 @@ import {DataDetailComponent} from './data-detail.component';
 import {Observable, of} from 'rxjs';
 import {StorageProvider} from '../../storage/storage.provider';
 import {LoggerModule, NgxLoggerLevel} from 'ngx-logger';
+import {provideIonicAngular} from '@ionic/angular/standalone';
 
 const translations: any = {data: {detail: {TITLE: 'Foo'}}};
 
@@ -71,6 +72,7 @@ describe('DataDetailComponent', () => {
         LoggerModule.forRoot({level: NgxLoggerLevel.TRACE}),
       ],
       providers: [
+        provideIonicAngular(),
         {
           provide: ActivatedRoute,
           useValue: fakeActivatedRoute,

frontend/app/src/app/modules/data/detail/data-detail.component.ts

@@ -14,7 +14,7 @@
  */
 import {Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef} from '@angular/core';
 import {ActivatedRoute, Router} from '@angular/router';
-import {ModalController} from '@ionic/angular';
+import {ModalController} from '@ionic/angular/standalone';
 import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
 import {SCLanguageCode, SCSaveableThing, SCThings, SCUuid} from '@openstapps/core';
 import {DataProvider, DataScope} from '../data.provider';

frontend/app/src/app/modules/data/detail/data-path.component.ts

@@ -19,7 +19,7 @@ import {DataProvider, DataScope} from '../data.provider';
 import {fromEvent, Observable} from 'rxjs';
 import {map, startWith} from 'rxjs/operators';
 import {DataRoutingService} from '../data-routing.service';
-import {NavController} from '@ionic/angular';
+import {NavController} from '@ionic/angular/standalone';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 @Component({

frontend/app/src/app/modules/data/elements/favorite-button.component.scss

@@ -18,7 +18,6 @@ ion-button {
   --background-hover: currentcolor;
   --background-focused: currentcolor;
 
-  aspect-ratio: 1;
   color: inherit;
 }
 
@@ -27,7 +26,7 @@ ion-button {
 }
 
 @media (hover: hover) {
-  ion-button:hover ::ng-deep stapps-icon {
+  ion-button:hover > ion-icon {
     --fill: 1 !important;
   }
 }

frontend/app/src/app/modules/data/elements/rating.scss

@@ -15,7 +15,7 @@
 ion-button {
   margin: 0;
 
-  &.button-disabled::ng-deep stapps-icon {
+  &.button-disabled {
     --fill: 1;
   }
 }
@@ -39,17 +39,17 @@ ion-button {
   border-radius: var(--border-radius-default);
 
   > ion-icon {
-    &:active::ng-deep stapps-icon,
-    &:has(:checked)::ng-deep stapps-icon,
-    &:has(:checked)::ng-deep ~ *::ng-deep stapps-icon,
-    &:active::ng-deep ~ *::ng-deep stapps-icon {
+    &:active,
+    &:has(:checked),
+    &:has(:checked) ~ *,
+    &:active ~ * {
       --fill: 1;
 
       color: var(--ion-color-dark);
     }
     @media (hover: hover) {
-      &:hover ~ *::ng-deep stapps-icon,
-      &:hover::ng-deep stapps-icon {
+      &:hover ~ *,
+      &:hover {
         --fill: 1;
       }
     }

frontend/app/src/app/modules/data/elements/share-button.component.ts

@@ -1,5 +1,5 @@
 import {Component, Input} from '@angular/core';
-import {ToastController} from '@ionic/angular';
+import {ToastController} from '@ionic/angular/standalone';
 import {environment} from '../../../../environments/environment';
 
 @Component({

frontend/app/src/app/modules/data/list/data-list.component.ts

@@ -29,7 +29,7 @@ import {
 } from '@angular/core';
 import {SCThings} from '@openstapps/core';
 import {BehaviorSubject, Observable} from 'rxjs';
-import {IonInfiniteScroll} from '@ionic/angular';
+import {IonInfiniteScroll} from '@ionic/angular/standalone';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 export interface DataListContext<T> {

frontend/app/src/app/modules/data/list/search-page-switch-animation.ts

@@ -13,8 +13,8 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {AnimationBuilder} from '@ionic/angular';
-import {AnimationController} from '@ionic/angular';
+import type {AnimationBuilder} from '@ionic/angular/standalone';
+import {AnimationController} from '@ionic/angular/standalone';
 import type {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 
 /**

frontend/app/src/app/modules/data/list/search-page.component.ts

@@ -15,7 +15,7 @@
 import {Component, DestroyRef, inject, Input, OnInit} from '@angular/core';
 import {ActivatedRoute, Router} from '@angular/router';
 import {Keyboard} from '@capacitor/keyboard';
-import {AlertController, AnimationBuilder, AnimationController} from '@ionic/angular';
+import {AlertController, AnimationBuilder, AnimationController} from '@ionic/angular/standalone';
 import {Capacitor} from '@capacitor/core';
 import {
   SCFacet,

frontend/app/src/app/modules/data/types/place/special/mensa/place-mensa-detail.component.ts

@@ -16,7 +16,7 @@ import {AfterViewInit, Component, DestroyRef, inject, Input} from '@angular/core
 import {SCDish, SCISO8601Date, SCPlace} from '@openstapps/core';
 import {PlaceMensaService} from './place-mensa-service';
 import {Router} from '@angular/router';
-import {IonRouterOutlet} from '@ionic/angular';
+import {IonRouterOutlet} from '@ionic/angular/standalone';
 import {DataRoutingService} from '../../../../data-routing.service';
 import {groupBy} from '@openstapps/collection-utils';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';

frontend/app/src/app/modules/favorites/favorites-page.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, OnInit} from '@angular/core';
-import {AlertController, AnimationController} from '@ionic/angular';
+import {AlertController, AnimationController} from '@ionic/angular/standalone';
 import {ActivatedRoute, Router} from '@angular/router';
 import {NGXLogger} from 'ngx-logger';
 import {debounceTime, distinctUntilChanged, startWith, take} from 'rxjs/operators';

frontend/app/src/app/modules/favorites/favorites.module.ts

@@ -15,14 +15,25 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {FavoritesPageComponent} from './favorites-page.component';
 import {RouterModule, Routes} from '@angular/router';
 import {MenuModule} from '../menu/menu.module';
 import {TranslateModule} from '@ngx-translate/core';
 import {DataModule} from '../data/data.module';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonHeader,
+  IonLabel,
+  IonMenuButton,
+  IonSearchbar,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const favoritesRoutes: Routes = [
   {
@@ -35,13 +46,22 @@ const favoritesRoutes: Routes = [
   imports: [
     CommonModule,
     FormsModule,
-    IonicModule,
     RouterModule.forChild(favoritesRoutes),
     MenuModule,
     TranslateModule,
     DataModule,
-    IonIconModule,
+    IonIconDirective,
     UtilModule,
+    IonLabel,
+    IonHeader,
+    IonToolbar,
+    IonButtons,
+    IonContent,
+    IonButton,
+    IonMenuButton,
+    IonSearchbar,
+    IonTitle,
+    IonBackButton,
   ],
   declarations: [FavoritesPageComponent],
 })

frontend/app/src/app/modules/feedback/feedback-page.component.ts

@@ -23,7 +23,7 @@ import {
 } from '@openstapps/core';
 import {DataProvider} from '../data/data.provider';
 import {DebugDataCollectorService} from '../data/debug-data-collector.service';
-import {AlertController, ToastController} from '@ionic/angular';
+import {AlertController, ToastController} from '@ionic/angular/standalone';
 import {TranslateService} from '@ngx-translate/core';
 
 @Component({

frontend/app/src/app/modules/feedback/feedback-page.html

@@ -80,12 +80,13 @@
         </ion-item>
         <ion-item>
           <ion-checkbox
+            class="ion-text-wrap"
             color="primary"
             label-placement="end"
             justify="start"
             [(ngModel)]="termsAgree"
             name="termsAgree"
-            ><span class="ion-text-wrap">{{ 'feedback.form.termsAgree.0' | translate }}</span></ion-checkbox
+            >{{ 'feedback.form.termsAgree.0' | translate }}</ion-checkbox
           >
         </ion-item>
         <ion-item lines="none">
@@ -103,9 +104,7 @@
             justify="start"
             [(ngModel)]="protocolDataAgree"
             name="protocolDataAgree"
-            ><span class="ion-text-wrap">{{
-              'feedback.form.protocolDataAgree' | translate
-            }}</span></ion-checkbox
+            >{{ 'feedback.form.protocolDataAgree' | translate }}</ion-checkbox
           >
         </ion-item>
         <ion-card>

frontend/app/src/app/modules/feedback/feedback.module.ts

@@ -15,13 +15,30 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {FeedbackPageComponent} from './feedback-page.component';
 import {RouterModule, Routes} from '@angular/router';
 import {TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardTitle,
+  IonCheckbox,
+  IonHeader,
+  IonInput,
+  IonItem,
+  IonLabel,
+  IonSelect,
+  IonSelectOption,
+  IonTextarea,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const feedbackRoutes: Routes = [
   {
@@ -34,12 +51,27 @@ const feedbackRoutes: Routes = [
   imports: [
     CommonModule,
     FormsModule,
-    IonicModule,
-    IonIconModule,
+    IonIconDirective,
     RouterModule.forChild(feedbackRoutes),
     TranslateModule,
     MarkdownModule,
     UtilModule,
+    IonBackButton,
+    IonCard,
+    IonCardContent,
+    IonButton,
+    IonItem,
+    IonLabel,
+    IonCardTitle,
+    IonCheckbox,
+    IonTextarea,
+    IonInput,
+    IonSelect,
+    IonSelectOption,
+    IonTitle,
+    IonButtons,
+    IonToolbar,
+    IonHeader,
   ],
   declarations: [FeedbackPageComponent],
 })

frontend/app/src/app/modules/hebis/daia-availability/daia-availability.component.spec.ts

@@ -27,6 +27,7 @@ import {StorageProvider} from '../../storage/storage.provider';
 import {DaiaDataProvider} from '../daia-data.provider';
 import {ConfigProvider} from '../../config/config.provider';
 import {LoggerTestingModule} from 'ngx-logger/testing';
+import {provideIonicAngular} from '@ionic/angular/standalone';
 
 const translations: any = {data: {detail: {TITLE: 'Foo'}}};
 
@@ -74,6 +75,7 @@ describe('DaiaAvailabilityComponent', () => {
         LoggerTestingModule,
       ],
       providers: [
+        provideIonicAngular(),
         {
           provide: ActivatedRoute,
           useValue: fakeActivatedRoute,

frontend/app/src/app/modules/hebis/daia-availability/daia-holding.scss

@@ -37,6 +37,6 @@ ion-grid {
   }
 }
 
-ion-icon ::ng-deep stapps-icon {
+ion-icon {
   --fill: 1;
 }

frontend/app/src/app/modules/hebis/hebis-detail/hebis-detail.component.spec.ts

@@ -26,9 +26,9 @@ import {HebisDataProvider} from '../hebis-data.provider';
 import {HebisDetailComponent} from './hebis-detail.component';
 import {Observable, of} from 'rxjs';
 import {StorageProvider} from '../../storage/storage.provider';
-import {IonicModule} from '@ionic/angular';
-import {IonIconModule} from '../../../util/ion-icon/ion-icon.module';
 import {LoggerModule, NgxLoggerLevel} from 'ngx-logger';
+import {IonIconDirective} from '../../../util/ion-icon/ion-icon.directive';
+import {provideIonicAngular} from '@ionic/angular/standalone';
 
 const translations: any = {data: {detail: {TITLE: 'Foo'}}};
 
@@ -68,14 +68,14 @@ describe('HebisDetailComponent', () => {
         RouterModule.forRoot([]),
         HebisRoutingModule,
         HebisModule,
-        IonicModule,
-        IonIconModule,
+        IonIconDirective,
         TranslateModule.forRoot({
           loader: {provide: TranslateLoader, useClass: TranslateFakeLoader},
         }),
         LoggerModule.forRoot({level: NgxLoggerLevel.TRACE}),
       ],
       providers: [
+        provideIonicAngular(),
         {
           provide: ActivatedRoute,
           useValue: fakeActivatedRoute,

frontend/app/src/app/modules/hebis/hebis.module.ts

@@ -17,7 +17,6 @@ import {CommonModule} from '@angular/common';
 import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {MomentModule} from 'ngx-moment';
@@ -34,8 +33,27 @@ import {HebisRoutingModule} from './hebis-routing.module';
 import {DataModule} from '../data/data.module';
 import {DaiaAvailabilityComponent} from './daia-availability/daia-availability.component';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {DaiaHoldingComponent} from './daia-availability/daia-holding.component';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCol,
+  IonContent,
+  IonGrid,
+  IonHeader,
+  IonItem,
+  IonLabel,
+  IonNote,
+  IonRow,
+  IonThumbnail,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 /**
  * Module for handling data
@@ -53,9 +71,8 @@ import {DaiaHoldingComponent} from './daia-availability/daia-holding.component';
     DataModule,
     FormsModule,
     HebisRoutingModule,
-    IonIconModule,
+    IonIconDirective,
     HttpClientModule,
-    IonicModule.forRoot(),
     MarkdownModule.forRoot(),
     MenuModule,
     MomentModule.forRoot({
@@ -68,6 +85,23 @@ import {DaiaHoldingComponent} from './daia-availability/daia-holding.component';
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
     UtilModule,
+    IonBackButton,
+    IonLabel,
+    IonButton,
+    IonContent,
+    IonButtons,
+    IonTitle,
+    IonToolbar,
+    IonNote,
+    IonHeader,
+    IonGrid,
+    IonRow,
+    IonCol,
+    IonCard,
+    IonCardContent,
+    IonCardHeader,
+    IonItem,
+    IonThumbnail,
   ],
   providers: [HebisDataProvider, DaiaDataProvider, StAppsWebHttpClient],
 })

frontend/app/src/app/modules/jobs/jobs.module.ts

@@ -1,25 +1,23 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MomentModule} from 'ngx-moment';
 import {DataModule} from '../data/data.module';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {RouterModule, Routes} from '@angular/router';
 import {JobsPageComponent} from './page/jobs-page.component';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const jobsRoutes: Routes = [{path: 'jobs', component: JobsPageComponent}];
 
 @NgModule({
   declarations: [JobsPageComponent],
   imports: [
-    IonicModule.forRoot(),
     ThingTranslateModule.forChild(),
     TranslateModule.forChild(),
     RouterModule.forChild(jobsRoutes),
-    IonIconModule,
+    IonIconDirective,
     CommonModule,
     MomentModule,
     DataModule,

frontend/app/src/app/modules/library/account/library-account.service.ts

@@ -34,7 +34,7 @@ import {PAIATokenResponse} from '../../auth/paia/paia-token-response';
 import {AuthHelperService} from '../../auth/auth-helper.service';
 import {ConfigProvider} from '../../config/config.provider';
 import {TranslateService} from '@ngx-translate/core';
-import {AlertController, ToastController} from '@ionic/angular';
+import {AlertController, ToastController} from '@ionic/angular/standalone';
 import {HebisSearchResponse} from '../../hebis/protocol/response';
 
 @Injectable({

frontend/app/src/app/modules/library/library.module.ts

@@ -16,7 +16,6 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {IonicModule} from '@ionic/angular';
 import {RouterModule, Routes} from '@angular/router';
 import {TranslateModule} from '@ngx-translate/core';
 import {LibraryAccountPageComponent} from './account/account.page';
@@ -32,7 +31,28 @@ import {MomentModule} from 'ngx-moment';
 import {FeeItemComponent} from './account/elements/fee-item/fee-item.component';
 import {DataModule} from '../data/data.module';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonHeader,
+  IonToolbar,
+  IonButtons,
+  IonBackButton,
+  IonTitle,
+  IonContent,
+  IonSkeletonText,
+  IonItem,
+  IonGrid,
+  IonCol,
+  IonRow,
+  IonLabel,
+  IonCard,
+  IonCardContent,
+  IonList,
+  IonSegment,
+  IonSegmentButton,
+  IonButton,
+  IonBadge,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const routes: ProtectedRoutes | Routes = [
   {
@@ -71,13 +91,31 @@ const routes: ProtectedRoutes | Routes = [
   imports: [
     CommonModule,
     FormsModule,
-    IonicModule,
-    IonIconModule,
+    IonIconDirective,
     RouterModule.forChild(routes),
     TranslateModule,
     MomentModule,
     DataModule,
     UtilModule,
+    IonHeader,
+    IonBadge,
+    IonToolbar,
+    IonButtons,
+    IonBackButton,
+    IonTitle,
+    IonContent,
+    IonSkeletonText,
+    IonItem,
+    IonGrid,
+    IonCol,
+    IonRow,
+    IonLabel,
+    IonCard,
+    IonCardContent,
+    IonList,
+    IonSegment,
+    IonSegmentButton,
+    IonButton,
   ],
   declarations: [
     LibraryAccountPageComponent,

frontend/app/src/app/modules/map/controls/attribution.component.ts

@@ -1,10 +1,10 @@
 import {animate, style, transition, trigger} from '@angular/animations';
 import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, Input, inject} from '@angular/core';
-import {IonicModule} from '@ionic/angular';
+import {IonButton} from '@ionic/angular/standalone';
 import {MapService} from '@maplibre/ngx-maplibre-gl';
 import {map, delay, Subject, race, mergeWith} from 'rxjs';
-import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @Component({
   selector: 'stapps-map-attribution',
@@ -12,7 +12,7 @@ import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
   styleUrl: './attribution.scss',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [IonicModule, IonIconModule, AsyncPipe],
+  imports: [IonIconDirective, AsyncPipe, IonButton],
   animations: [
     trigger('fade', [
       transition(':enter', [

frontend/app/src/app/modules/map/controls/compass-control.component.ts

@@ -1,10 +1,10 @@
 import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {IonicModule} from '@ionic/angular';
+import {IonFabButton} from '@ionic/angular/standalone';
 import {MapService} from '@maplibre/ngx-maplibre-gl';
 import {MapEventType} from 'maplibre-gl';
 import {map, mergeMap, fromEventPattern, merge} from 'rxjs';
-import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @Component({
   selector: 'stapps-compass-control',
@@ -12,7 +12,7 @@ import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
   styleUrl: './compass-control.scss',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [AsyncPipe, IonicModule, IonIconModule],
+  imports: [AsyncPipe, IonIconDirective, IonFabButton],
 })
 export class CompassControlComponent {
   transform = this.mapService.mapCreated$.pipe(

frontend/app/src/app/modules/map/controls/geolocate-control.component.ts

@@ -8,12 +8,12 @@ import {
   OnDestroy,
   ViewChild,
 } from '@angular/core';
-import {IonicModule} from '@ionic/angular';
+import {IonFabButton} from '@ionic/angular/standalone';
 import {MapService} from '@maplibre/ngx-maplibre-gl';
 import {FitBoundsOptions, GeolocateControl, GeolocateControlOptions} from 'maplibre-gl';
 import {Map as MapLibre} from 'maplibre-gl';
 import {BehaviorSubject} from 'rxjs';
-import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 type WatchState = InstanceType<typeof GeolocateControl>['_watchState'];
 
@@ -52,7 +52,7 @@ class CustomGeolocateControl extends GeolocateControl {
   styleUrl: './geolocate-control.scss',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [AsyncPipe, IonicModule, IonIconModule],
+  imports: [AsyncPipe, IonIconDirective, IonFabButton],
 })
 export class GeolocateControlComponent implements AfterContentInit, OnDestroy {
   @Input() position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';

frontend/app/src/app/modules/map/elements/poi-marker.component.ts

@@ -1,12 +1,12 @@
 import {ChangeDetectionStrategy, Component, HostBinding, Input, OnInit, Optional} from '@angular/core';
-import {IonicModule} from '@ionic/angular';
-import {IonIconModule} from 'src/app/util/ion-icon/ion-icon.module';
 import {MapIconDirective} from '../map-icon.directive';
 import {Feature, Point} from 'geojson';
 import {SCFeatureProperties} from '../feature-collection.pipe';
 import {MapDataProvider} from '../map-data.provider';
 import {DataRoutingService} from '../../data/data-routing.service';
 import {AddWordBreakOpportunitiesPipe} from '../../../util/word-break-opportunities.pipe';
+import {IonButton, IonLabel} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @Component({
   selector: 'stapps-poi-marker',
@@ -14,7 +14,7 @@ import {AddWordBreakOpportunitiesPipe} from '../../../util/word-break-opportunit
   styleUrl: './poi-marker.scss',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [IonicModule, IonIconModule, MapIconDirective, AddWordBreakOpportunitiesPipe],
+  imports: [IonIconDirective, MapIconDirective, AddWordBreakOpportunitiesPipe, IonLabel, IonButton],
 })
 export class PoiMarkerComponent implements OnInit {
   @Input({required: true}) feature: Feature<Point, SCFeatureProperties>;

frontend/app/src/app/modules/map/geo-navigation.directive.ts

@@ -1,7 +1,7 @@
 import {Directive, HostListener, Input} from '@angular/core';
 import {SCPlaceWithoutReferences, SCThings, SCThingWithoutReferences} from '@openstapps/core';
 import {Device} from '@capacitor/device';
-import {ActionSheetController, ActionSheetOptions, ToastController} from '@ionic/angular';
+import {ActionSheetController, ActionSheetOptions, ToastController} from '@ionic/angular/standalone';
 import {TranslateService} from '@ngx-translate/core';
 import {ThingTranslateService} from '../../translation/thing-translate.service';
 import {Clipboard} from '@capacitor/clipboard';

frontend/app/src/app/modules/map/map-maximize-animation.ts

@@ -12,8 +12,8 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import type {AnimationBuilder} from '@ionic/angular';
-import {AnimationController} from '@ionic/angular';
+import type {AnimationBuilder} from '@ionic/angular/standalone';
+import {AnimationController} from '@ionic/angular/standalone';
 import type {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 import {iosDuration, iosEasing, mdDuration, mdEasing} from 'src/app/animation/easings';
 

frontend/app/src/app/modules/map/map-page.component.ts

@@ -13,7 +13,6 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {IonicModule} from '@ionic/angular';
 import {LngLatBoundsLike, MapLibreEvent} from 'maplibre-gl';
 import {
   ControlComponent,
@@ -28,7 +27,6 @@ import {MediaQueryPipe} from '../../util/media-query.pipe';
 import {MapStyleDirective} from './map-style.directive';
 import {DataProvider} from '../data/data.provider';
 import {SCSearchFilter, SCThingType} from '@openstapps/core';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {DataModule} from '../data/data.module';
 import {AsyncPipe} from '@angular/common';
 import {GeolocateControlComponent} from './controls/geolocate-control.component';
@@ -40,6 +38,8 @@ import {BuildingMarkersComponent} from './elements/building-markers.component';
 import {PoiMarkersComponent} from './elements/poi-markers.component';
 import {AttributionComponent} from './controls/attribution.component';
 import {filter, map} from 'rxjs';
+import {IonButton, IonContent, IonLabel, IonRouterLink} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 /**
  * The main page of the map
@@ -65,8 +65,7 @@ import {filter, map} from 'rxjs';
     DataModule,
     GeolocateControlComponent,
     GeolocateControlDirective,
-    IonIconModule,
-    IonicModule,
+    IonIconDirective,
     MapAuto3dDirective,
     MapComponent,
     MapSizeFixDirective,
@@ -78,6 +77,10 @@ import {filter, map} from 'rxjs';
     ThingPoiFeatureCollectionPipe,
     ThingPolygonFeatureCollectionPipe,
     TranslateModule,
+    IonContent,
+    IonLabel,
+    IonRouterLink,
+    IonButton,
   ],
 })
 export class MapPageComponent {

frontend/app/src/app/modules/map/map-widget.component.ts

@@ -15,11 +15,10 @@
 import {ChangeDetectionStrategy, Component, HostBinding, Input, inject} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {ControlComponent, MapComponent, MarkerComponent} from '@maplibre/ngx-maplibre-gl';
-import {AnimationController, IonicModule} from '@ionic/angular';
+import {AnimationController, IonRouterLink} from '@ionic/angular/standalone';
 import {GeoNavigationDirective} from './geo-navigation.directive';
 import {TranslateModule} from '@ngx-translate/core';
 import {CommonModule} from '@angular/common';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {MapAuto3dDirective} from './map-auto-3d.directive';
 import {MediaQueryPipe} from 'src/app/util/media-query.pipe';
 import {MapStyleDirective} from './map-style.directive';
@@ -31,6 +30,7 @@ import {BuildingMarkersComponent} from './elements/building-markers.component';
 import {ThingBoundsPipe} from './thing-bounds.pipe';
 import {AttributionComponent} from './controls/attribution.component';
 import {mapMaximizeAnimation} from './map-maximize-animation';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 /**
  * The map widget (needs a container with explicit size)
@@ -47,8 +47,7 @@ import {mapMaximizeAnimation} from './map-maximize-animation';
     CommonModule,
     ControlComponent,
     GeoNavigationDirective,
-    IonIconModule,
-    IonicModule,
+    IonIconDirective,
     MapAuto3dDirective,
     MapComponent,
     MapSizeFixDirective,
@@ -61,6 +60,7 @@ import {mapMaximizeAnimation} from './map-maximize-animation';
     ThingPoiFeatureCollectionPipe,
     ThingPolygonFeatureCollectionPipe,
     TranslateModule,
+    IonRouterLink,
   ],
 })
 export class MapWidgetComponent {

frontend/app/src/app/modules/menu/context/context-menu.component.spec.ts

@@ -17,7 +17,6 @@ import {APP_BASE_HREF, CommonModule, Location, LocationStrategy, PathLocationStr
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {FormsModule} from '@angular/forms';
 import {ChildrenOutletContexts, RouterModule, UrlSerializer} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {SCFacet, SCThingType} from '@openstapps/core';
 import {ContextMenuComponent} from './context-menu.component';
@@ -26,6 +25,7 @@ import {ContextMenuService} from './context-menu.service';
 import {FilterContext, SortContext} from './context-type';
 import {Component} from '@angular/core';
 import {By} from '@angular/platform-browser';
+import {provideIonicAngular} from '@ionic/angular/standalone';
 
 @Component({
   template: `<ion-content id="foo"></ion-content><stapps-context contentId="foo"></stapps-context> `,
@@ -40,6 +40,7 @@ describe('ContextMenuComponent', async () => {
     TestBed.configureTestingModule({
       declarations: [ContextMenuComponent, ContextMenuContainerComponent],
       providers: [
+        provideIonicAngular(),
         ChildrenOutletContexts,
         Location,
         UrlSerializer,
@@ -49,7 +50,6 @@ describe('ContextMenuComponent', async () => {
       ],
       imports: [
         FormsModule,
-        IonicModule.forRoot(),
         TranslateModule.forRoot(),
         CommonModule,
         SettingsModule,

frontend/app/src/app/modules/menu/context/context-menu.html

@@ -50,7 +50,7 @@
     </ion-list>
     <!--        Filter Context -->
     @if (filterOption) {
-      <div class="context-filter">
+      <form class="context-filter">
         <ion-list-header>
           <ion-icon name="filter_list"></ion-icon>
           <ion-title>{{ 'menu.context.filter.title' | translate | titlecase }}</ion-title>
@@ -80,6 +80,7 @@
                     <ion-checkbox
                       [(ngModel)]="bucket.checked"
                       (ngModelChange)="filterChanged()"
+                      [name]="facet.onlyOnType + '-' + facet.field + '-' + bucket.key"
                       [value]="{
                         field: facet.field,
                         value: bucket.key,
@@ -107,7 +108,7 @@
             </div>
           </ion-list>
         }
-      </div>
+      </form>
     }
   </ion-content>
 </ion-menu>

frontend/app/src/app/modules/menu/menu.module.ts

@@ -17,12 +17,28 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {RouterModule} from '@angular/router';
 import {LayoutModule} from '@angular/cdk/layout';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {SettingsModule} from '../settings/settings.module';
 import {ContextMenuComponent} from './context/context-menu.component';
 import {ContextMenuService} from './context/context-menu.service';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonButton,
+  IonCheckbox,
+  IonContent,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonListHeader,
+  IonMenu,
+  IonMenuToggle,
+  IonRadio,
+  IonRadioGroup,
+  IonTabBar,
+  IonTabButton,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 /**
  * Menu module
@@ -32,13 +48,27 @@ import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
   exports: [ContextMenuComponent],
   imports: [
     CommonModule,
-    IonIconModule,
+    IonIconDirective,
     FormsModule,
-    IonicModule.forRoot(),
     RouterModule,
     SettingsModule,
     TranslateModule.forChild(),
     LayoutModule,
+    IonLabel,
+    IonTabButton,
+    IonTabBar,
+    IonMenu,
+    IonMenuToggle,
+    IonButton,
+    IonCheckbox,
+    IonItem,
+    IonList,
+    IonListHeader,
+    IonTitle,
+    IonRadio,
+    IonRadioGroup,
+    IonContent,
+    IonToolbar,
   ],
   providers: [ContextMenuService],
 })

frontend/app/src/app/modules/menu/navigation/navigation.module.ts

@@ -17,15 +17,49 @@ import {RootLinkDirective} from './root-link.directive';
 import {NavigationComponent} from './navigation.component';
 import {TabsComponent} from './tabs.component';
 import {CommonModule} from '@angular/common';
-import {IonicModule} from '@ionic/angular';
-import {IonIconModule} from '../../../util/ion-icon/ion-icon.module';
 import {TranslateModule} from '@ngx-translate/core';
 import {RouterModule} from '@angular/router';
 import {OfflineNoticeComponent} from './offline-notice.component';
+import {
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonHeader,
+  IonImg,
+  IonLabel,
+  IonList,
+  IonMenu,
+  IonMenuToggle,
+  IonRouterOutlet,
+  IonSplitPane,
+  IonTabBar,
+  IonTabButton,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @NgModule({
   declarations: [RootLinkDirective, NavigationComponent, TabsComponent, OfflineNoticeComponent],
-  imports: [CommonModule, IonicModule, IonIconModule, TranslateModule, RouterModule],
+  imports: [
+    CommonModule,
+    IonIconDirective,
+    TranslateModule,
+    RouterModule,
+    IonLabel,
+    IonTabBar,
+    IonTabButton,
+    IonMenuToggle,
+    IonButton,
+    IonRouterOutlet,
+    IonList,
+    IonContent,
+    IonImg,
+    IonButtons,
+    IonHeader,
+    IonMenu,
+    IonToolbar,
+    IonSplitPane,
+  ],
   exports: [TabsComponent, RootLinkDirective, NavigationComponent],
 })
 export class NavigationModule {}

frontend/app/src/app/modules/menu/navigation/navigation.scss

@@ -77,9 +77,7 @@ ion-router-outlet {
 }
 
 .link-active > * {
-  color: var(--ion-color-primary);
+  --fill: 1;
 
-  ::ng-deep stapps-icon {
-    --fill: 1;
-  }
+  color: var(--ion-color-primary);
 }

frontend/app/src/app/modules/menu/navigation/root-link.directive.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {DestroyRef, Directive, ElementRef, inject, Input, OnInit, Renderer2} from '@angular/core';
-import {AnimationController, NavController} from '@ionic/angular';
+import {AnimationController, NavController} from '@ionic/angular/standalone';
 import {Router, RouterEvent} from '@angular/router';
 import {tabsTransition} from './tabs-transition';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';

frontend/app/src/app/modules/menu/navigation/tabs-transition.ts

@@ -13,8 +13,8 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import type {AnimationBuilder} from '@ionic/angular';
-import {AnimationController} from '@ionic/angular';
+import type {AnimationBuilder} from '@ionic/angular/standalone';
+import {AnimationController} from '@ionic/angular/standalone';
 import type {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 import {iosDuration, iosEasing, mdDuration, mdEasing} from 'src/app/animation/easings';
 

frontend/app/src/app/modules/menu/navigation/tabs.component.scss

@@ -60,6 +60,6 @@
   }
 }
 
-.tab-selected ::ng-deep stapps-icon {
+.tab-selected {
   --fill: 1;
 }

frontend/app/src/app/modules/menu/navigation/tabs.spec.ts

@@ -23,7 +23,7 @@ import {ConfigProvider} from '../../config/config.provider';
 import {sampleAuthConfiguration} from '../../../_helpers/data/sample-configuration';
 import {TranslateModule, TranslateService} from '@ngx-translate/core';
 import {NGXLogger} from 'ngx-logger';
-import {Platform} from '@ionic/angular';
+import {Platform} from '@ionic/angular/standalone';
 import {ThingTranslateService} from '../../../translation/thing-translate.service';
 import {SettingsProvider} from '../../settings/settings.provider';
 import {ScheduleSyncService} from '../../background/schedule/schedule-sync.service';

frontend/app/src/app/modules/news/news.module.ts

@@ -15,7 +15,6 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {RouterModule, Routes} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MomentModule} from 'ngx-moment';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
@@ -28,7 +27,30 @@ import {ChipFilterComponent} from '../data/chips/filter/chip-filter.component';
 import {SettingsModule} from '../settings/settings.module';
 import {NewsSettingsFilterComponent} from './elements/news-filter-settings/news-settings-filter.component';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonChip,
+  IonCol,
+  IonGrid,
+  IonHeader,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
+  IonLabel,
+  IonRefresher,
+  IonRefresherContent,
+  IonRouterLink,
+  IonRow,
+  IonSkeletonText,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const newsRoutes: Routes = [{path: 'news', component: NewsPageComponent}];
 
@@ -44,17 +66,37 @@ const newsRoutes: Routes = [{path: 'news', component: NewsPageComponent}];
     NewsSettingsFilterComponent,
   ],
   imports: [
-    IonicModule.forRoot(),
     ThingTranslateModule.forChild(),
     TranslateModule.forChild(),
     RouterModule.forChild(newsRoutes),
-    IonIconModule,
+    IonIconDirective,
     CommonModule,
     MomentModule,
     DataModule,
     ThingTranslateModule,
     SettingsModule,
     UtilModule,
+    IonRouterLink,
+    IonBackButton,
+    IonChip,
+    IonLabel,
+    IonInfiniteScroll,
+    IonInfiniteScrollContent,
+    IonGrid,
+    IonCol,
+    IonRow,
+    IonRefresher,
+    IonRefresherContent,
+    IonHeader,
+    IonToolbar,
+    IonButtons,
+    IonTitle,
+    IonSkeletonText,
+    IonCard,
+    IonCardContent,
+    IonCardTitle,
+    IonCardSubtitle,
+    IonCardHeader,
   ],
   providers: [SettingsProvider],
   exports: [NewsItemComponent],

frontend/app/src/app/modules/news/page/news-page.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, OnInit} from '@angular/core';
-import {IonRefresher} from '@ionic/angular';
+import {IonRefresher} from '@ionic/angular/standalone';
 import {SCMessage, SCSearchFilter, SCSearchValueFilter, SCSetting} from '@openstapps/core';
 import {NewsProvider} from '../news.provider';
 

frontend/app/src/app/modules/news/page/news-page.scss

@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-@import 'src/theme/util/mixins';
+@import '../../../../theme/util/mixins';
 
 .news-grid {
   @include auto-grid(300px);

frontend/app/src/app/modules/profile/id-card.component.ts

@@ -4,7 +4,7 @@ import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {AsyncPipe, TitleCasePipe} from '@angular/common';
 import {IntervalIsNowPipe, ToDateIntervalPipe} from '../../util/in-range.pipe';
 import {TranslateModule} from '@ngx-translate/core';
-import {AnimationController, ModalController} from '@ionic/angular';
+import {AnimationController, ModalController} from '@ionic/angular/standalone';
 import {ScreenBrightness} from '@capacitor-community/screen-brightness';
 import {ScreenOrientation} from '@capacitor/screen-orientation';
 import {Capacitor} from '@capacitor/core';

frontend/app/src/app/modules/profile/id-cards.component.ts

@@ -15,13 +15,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {IdCardsProvider} from './id-cards.provider';
 import {SCIdCard} from '@openstapps/core';
-import {IonicModule} from '@ionic/angular';
 import {AsyncPipe, TitleCasePipe} from '@angular/common';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {UtilModule} from '../../util/util.module';
 import {IdCardComponent} from './id-card.component';
 import {TranslateModule} from '@ngx-translate/core';
 import {Observable} from 'rxjs';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 @Component({
   selector: 'stapps-id-cards',
@@ -31,13 +31,13 @@ import {Observable} from 'rxjs';
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
-    IonicModule,
     AsyncPipe,
     ThingTranslateModule,
     UtilModule,
     IdCardComponent,
     TranslateModule,
     TitleCasePipe,
+    IonIconDirective,
   ],
 })
 export class IdCardsComponent {

frontend/app/src/app/modules/profile/id-cards.provider.ts

@@ -41,7 +41,7 @@ export class IdCardsProvider {
                 mergeMap(user => this.fetchFallbackIdCards(user)),
                 startWith([]),
               )
-          : of([]).pipe(tap({next: () => this.encryptedStorageProvider.delete('id-cards')})),
+          : of([]).pipe(tap(() => this.encryptedStorageProvider.delete('id-cards'))),
       ),
     );
   }
@@ -54,7 +54,7 @@ export class IdCardsProvider {
         },
         responseType: 'json',
       })
-      .pipe(tap({next: idCards => this.encryptedStorageProvider.set('id-cards', idCards)}));
+      .pipe(tap(idCards => this.encryptedStorageProvider.set('id-cards', idCards)));
   }
 
   private fetchFallbackIdCards(user: SCUserConfiguration): Observable<SCIdCard[]> {

frontend/app/src/app/modules/profile/profile.module.ts

@@ -16,18 +16,38 @@ import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
 import {RouterModule, Routes} from '@angular/router';
-import {IonicModule} from '@ionic/angular';
 import {ProfilePageComponent} from './page/profile-page.component';
 import {TranslateModule} from '@ngx-translate/core';
 import {SwiperModule} from 'swiper/angular';
 import {UtilModule} from '../../util/util.module';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {ProfilePageSectionComponent} from './page/profile-page-section.component';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {DataModule} from '../data/data.module';
 import {MyCoursesComponent} from './page/my-courses.component';
 import {MomentModule} from 'ngx-moment';
 import {IdCardsComponent} from './id-cards.component';
+import {
+  IonAccordion,
+  IonAccordionGroup,
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCol,
+  IonGrid,
+  IonHeader,
+  IonItem,
+  IonItemDivider,
+  IonItemGroup,
+  IonLabel,
+  IonList,
+  IonRouterLink,
+  IonRow,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
 
 const routes: Routes = [
   {
@@ -41,8 +61,7 @@ const routes: Routes = [
   imports: [
     CommonModule,
     FormsModule,
-    IonIconModule,
-    IonicModule,
+    IonIconDirective,
     RouterModule.forChild(routes),
     TranslateModule,
     SwiperModule,
@@ -51,6 +70,25 @@ const routes: Routes = [
     DataModule,
     MomentModule,
     IdCardsComponent,
+    IonRouterLink,
+    IonBackButton,
+    IonTitle,
+    IonButtons,
+    IonToolbar,
+    IonHeader,
+    IonLabel,
+    IonGrid,
+    IonRow,
+    IonCol,
+    IonCard,
+    IonCardContent,
+    IonItem,
+    IonButton,
+    IonItemGroup,
+    IonItemDivider,
+    IonList,
+    IonAccordion,
+    IonAccordionGroup,
   ],
 })
 export class ProfilePageModule {}

frontend/app/src/app/modules/schedule/page/calendar-view.component.ts

@@ -21,7 +21,7 @@ import {ScheduleProvider} from '../../calendar/schedule.provider';
 import {CalendarComponent} from './components/calendar.component';
 import {CalendarService} from '../../calendar/calendar.service';
 import {InfiniteSwiperComponent} from './grid/infinite-swiper.component';
-import {IonContent} from '@ionic/angular';
+import {IonContent} from '@ionic/angular/standalone';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 /**

frontend/app/src/app/modules/schedule/page/components/calendar.component.ts

@@ -21,7 +21,7 @@ import {ScheduleProvider} from '../../../calendar/schedule.provider';
 import {ScheduleEvent, ScheduleResponsiveBreakpoint} from '../schema/schema';
 import {SwiperComponent} from 'swiper/angular';
 import {InfiniteSwiperComponent} from '../grid/infinite-swiper.component';
-import {IonContent, IonDatetime} from '@ionic/angular';
+import {IonContent, IonDatetime} from '@ionic/angular/standalone';
 import {CalendarService} from '../../../calendar/calendar.service';
 import {getScheduleCursorOffset} from '../grid/schedule-cursor-offset';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';