refactor: fix new Angular warnings

backend/backend/package.json

@@ -100,7 +100,7 @@
     "supertest": "6.3.3",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

backend/proxy/package.json

@@ -51,7 +51,7 @@
     "is-cidr": "4.0.2",
     "mustache": "4.2.0",
     "semver": "7.6.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "devDependencies": {
     "@openstapps/api-cli": "workspace:*",

configuration/eslint-config/package.json

@@ -19,11 +19,11 @@
     "@openstapps/tsconfig": "workspace:*",
     "@types/node": "22.15.31",
     "eslint": "8.57.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "peerDependencies": {
-    "@typescript-eslint/eslint-plugin": "7.11.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.11.0",
+    "@typescript-eslint/parser": "7.18.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-jsdoc": "48.2.1",

configuration/prettier-config/index.js

@@ -9,7 +9,8 @@ const config = {
   trailingComma: 'all',
   bracketSpacing: false,
   arrowParens: 'avoid',
-  endOfLine: 'lf'
+  endOfLine: 'lf',
+  htmlWhitespaceSensitivity: 'strict'
 }
 
 module.exports = config;

configuration/projectmanagement/package.json

@@ -64,7 +64,7 @@
     "mocha-junit-reporter": "2.2.0",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

examples/minimal-connector/package.json

@@ -55,7 +55,7 @@
     "nock": "13.3.1",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

examples/minimal-plugin/package.json

@@ -44,7 +44,7 @@
     "@types/express": "4.17.17",
     "@types/node": "22.15.31",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

frontend/app/.eslintrc.json

@@ -65,7 +65,8 @@
         ],
         "@typescript-eslint/lines-between-class-members": ["error", "always"],
         "@typescript-eslint/no-explicit-any": "error",
-        "@angular-eslint/use-lifecycle-interface": "error"
+        "@angular-eslint/use-lifecycle-interface": "error",
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

frontend/app/package.json

@@ -48,35 +48,35 @@
     "test:integration": "sh integration-test.sh"
   },
   "dependencies": {
-    "@angular/animations": "18.2.13",
+    "@angular/animations": "19.2.25",
-    "@angular/cdk": "18.2.13",
+    "@angular/cdk": "19.2.19",
-    "@angular/common": "18.2.13",
+    "@angular/common": "19.2.25",
-    "@angular/core": "18.2.13",
+    "@angular/core": "19.2.25",
-    "@angular/forms": "18.2.13",
+    "@angular/forms": "19.2.25",
-    "@angular/platform-browser": "18.2.13",
+    "@angular/platform-browser": "19.2.25",
-    "@angular/router": "18.2.13",
+    "@angular/router": "19.2.25",
     "@awesome-cordova-plugins/calendar": "8.1.0",
     "@awesome-cordova-plugins/core": "8.1.0",
     "@capacitor-community/in-app-review": "8.0.0",
     "@capacitor-community/screen-brightness": "8.0.0",
     "@capacitor/app": "8.0.1",
-    "@capacitor/browser": "8.0.2",
+    "@capacitor/browser": "8.0.4",
     "@capacitor/clipboard": "8.0.1",
     "@capacitor/core": "8.2.0",
-    "@capacitor/device": "8.0.1",
+    "@capacitor/device": "8.0.3",
     "@capacitor/dialog": "8.0.1",
-    "@capacitor/filesystem": "8.1.2",
+    "@capacitor/filesystem": "8.1.3",
     "@capacitor/geolocation": "8.1.0",
-    "@capacitor/haptics": "8.0.1",
+    "@capacitor/haptics": "8.0.2",
-    "@capacitor/keyboard": "8.0.1",
+    "@capacitor/keyboard": "8.0.5",
     "@capacitor/local-notifications": "8.0.2",
     "@capacitor/network": "8.0.1",
     "@capacitor/preferences": "8.0.1",
     "@capacitor/screen-orientation": "8.0.1",
     "@capacitor/share": "8.0.1",
-    "@capacitor/splash-screen": "8.0.1",
+    "@capacitor/splash-screen": "8.0.2",
-    "@ionic/angular": "8.7.16",
+    "@ionic/angular": "8.8.19",
-    "@ionic/angular-server": "8.7.16",
+    "@ionic/angular-server": "8.8.19",
     "@ionic/storage-angular": "4.0.0",
     "@maplibre/ngx-maplibre-gl": "17.4.1",
     "@ngx-translate/core": "15.0.0",
@@ -86,71 +86,71 @@
     "@openstapps/collection-utils": "workspace:*",
     "@openstapps/core": "workspace:*",
     "@transistorsoft/capacitor-background-fetch": "8.0.0",
-    "@types/dom-view-transitions": "1.0.4",
+    "@types/dom-view-transitions": "1.0.6",
-    "capacitor-secure-storage-plugin": "0.12.0",
+    "capacitor-secure-storage-plugin": "0.13.0",
     "cordova-plugin-calendar": "5.1.6",
     "date-fns": "3.6.0",
     "deepmerge": "4.3.1",
-    "form-data": "4.0.4",
+    "form-data": "4.0.6",
     "geojson": "0.5.0",
     "ionic-appauth": "2.1.0",
-    "ionicons": "8.0.13",
+    "ionicons": "8.1.0",
     "jsonpath-plus": "10.3.0",
     "maplibre-gl": "4.0.2",
     "material-symbols": "0.17.1",
     "moment": "2.30.1",
     "ngx-date-fns": "11.0.0",
     "ngx-logger": "5.0.12",
-    "ngx-markdown": "17.2.1",
+    "ngx-markdown": "18.1.0",
     "ngx-moment": "6.0.2",
     "opening_hours": "3.8.0",
     "pmtiles": "3.0.3",
     "prettier": "3.1.1",
-    "rxjs": "7.8.1",
+    "rxjs": "7.8.2",
     "semver": "7.6.0",
     "swiper": "8.4.5",
     "tslib": "2.6.2",
-    "zone.js": "0.14.10"
+    "zone.js": "0.16.2"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "0.1802.20",
+    "@angular-devkit/architect": "0.1902.27",
-    "@angular-devkit/build-angular": "18.2.20",
+    "@angular-devkit/build-angular": "19.2.27",
-    "@angular-devkit/core": "18.2.20",
+    "@angular-devkit/core": "19.2.27",
-    "@angular-devkit/schematics": "18.2.20",
+    "@angular-devkit/schematics": "19.2.27",
-    "@angular-eslint/builder": "18.4.3",
+    "@angular-eslint/builder": "19.8.1",
-    "@angular-eslint/eslint-plugin": "18.4.3",
+    "@angular-eslint/eslint-plugin": "19.8.1",
-    "@angular-eslint/eslint-plugin-template": "18.4.3",
+    "@angular-eslint/eslint-plugin-template": "19.8.1",
-    "@angular-eslint/schematics": "18.4.1",
+    "@angular-eslint/schematics": "19.8.1",
-    "@angular-eslint/template-parser": "18.4.3",
+    "@angular-eslint/template-parser": "19.8.1",
-    "@angular/cli": "18.2.20",
+    "@angular/cli": "19.2.27",
-    "@angular/compiler": "18.2.13",
+    "@angular/compiler": "19.2.25",
-    "@angular/compiler-cli": "18.2.13",
+    "@angular/compiler-cli": "19.2.25",
-    "@angular/language-server": "18.2.0",
+    "@angular/language-server": "19.2.2",
-    "@angular/language-service": "18.2.13",
+    "@angular/language-service": "19.2.25",
-    "@angular/platform-browser-dynamic": "18.2.13",
+    "@angular/platform-browser-dynamic": "19.2.25",
     "@capacitor/android": "8.2.0",
     "@capacitor/assets": "3.0.5",
     "@capacitor/cli": "8.2.0",
     "@capacitor/ios": "8.2.0",
-    "@compodoc/compodoc": "1.1.23",
+    "@compodoc/compodoc": "1.2.1",
     "@cypress/schematic": "4.1.1",
     "@ionic/angular-toolkit": "12.3.0",
     "@ionic/cli": "7.2.1",
     "@openstapps/prettier-config": "workspace:*",
     "@openstapps/tsconfig": "workspace:*",
-    "@types/fontkit": "2.0.7",
+    "@types/fontkit": "2.0.9",
     "@types/geojson": "1.0.6",
     "@types/glob": "8.1.0",
     "@types/jasmine": "5.1.4",
     "@types/jasminewd2": "2.0.13",
     "@types/jsonpath": "0.2.0",
-    "@types/karma": "6.3.8",
+    "@types/karma": "6.3.9",
     "@types/karma-coverage": "2.0.3",
     "@types/karma-jasmine": "4.0.5",
     "@types/node": "22.15.31",
     "@types/semver": "7.5.8",
-    "@typescript-eslint/eslint-plugin": "7.11.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.11.0",
+    "@typescript-eslint/parser": "7.18.0",
     "cordova-res": "0.15.4",
     "cypress": "15.0.0",
     "eslint": "8.57.0",
@@ -158,28 +158,28 @@
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-unicorn": "51.0.1",
     "fast-deep-equal": "3.1.3",
-    "fontkit": "2.0.2",
+    "fontkit": "2.0.4",
     "glob": "10.5.0",
     "http-server": "14.1.1",
     "is-docker": "2.2.1",
     "jasmine-core": "5.1.2",
     "jasmine-spec-reporter": "7.0.0",
     "junit-report-merger": "6.0.3",
-    "karma": "6.4.3",
+    "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
     "karma-jasmine": "5.1.0",
     "karma-junit-reporter": "2.0.1",
     "karma-mocha-reporter": "2.2.5",
     "license-checker": "25.0.1",
-    "stylelint": "16.3.1",
+    "stylelint": "17.14.1",
-    "stylelint-config-clean-order": "5.4.1",
+    "stylelint-config-clean-order": "10.0.0",
     "stylelint-config-prettier-scss": "1.0.0",
-    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-config-recommended-scss": "17.0.1",
-    "stylelint-config-standard-scss": "13.0.0",
+    "stylelint-config-standard-scss": "17.0.0",
     "surge": "0.23.1",
     "ts-node": "10.9.2",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "cordova": {
     "plugins": {},

frontend/app/src/app/app-routing.module.ts

@@ -26,6 +26,7 @@ const routes: Routes = [{path: '', redirectTo: '/overview', pathMatch: 'full'}];
     RouterModule.forRoot(routes, {
       preloadingStrategy: PreloadAllModules,
       errorHandler: error => {
+        console.error(error);
         // Handle unknown routes, at the moment this can only be done via window.location
         if (error.message.includes('Cannot match any routes')) {
           window.location.href = '/overview';

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

@@ -32,6 +32,7 @@ import {SplashScreen} from '@capacitor/splash-screen';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
+  standalone: false,
 })
 export class AppComponent implements AfterContentInit {
   /**

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

@@ -21,6 +21,7 @@ import {ConfigProvider} from '../config/config.provider';
   templateUrl: 'about-changelog.html',
   styleUrls: ['about-changelog.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class AboutChangelogComponent {
   config = inject(ConfigProvider);

frontend/app/src/app/modules/about/about-license-modal.component.ts

@@ -20,6 +20,7 @@ import {License} from './about-licenses.component';
   selector: 'about-license-modal',
   templateUrl: 'about-license-modal.html',
   styleUrls: ['about-license-modal.scss'],
+  standalone: false,
 })
 export class AboutLicenseModalComponent {
   @Input() license: License;

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

@@ -32,6 +32,7 @@ export interface License {
   selector: 'about-changelog',
   templateUrl: 'about-licenses.html',
   styleUrls: ['about-licenses.scss', './about-page/about-page.scss'],
+  standalone: false,
 })
 export class AboutLicensesComponent implements OnInit {
   licenses: License[];

frontend/app/src/app/modules/about/about-page/about-page-content.component.ts

@@ -19,6 +19,7 @@ import {SCAboutPageContent} from '@openstapps/core';
   selector: 'about-page-content',
   templateUrl: 'about-page-content.html',
   styleUrls: ['about-page-content.scss'],
+  standalone: false,
 })
 export class AboutPageContentComponent {
   @Input() content: SCAboutPageContent;

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

@@ -25,6 +25,7 @@ import {Capacitor} from '@capacitor/core';
   selector: 'about-page',
   templateUrl: 'about-page.html',
   styleUrls: ['about-page.scss'],
+  standalone: false,
 })
 export class AboutPageComponent implements OnInit {
   content: SCAboutPage;

frontend/app/src/app/modules/about/about-page/about-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 '../../../../theme/util/mixins';
+@use '../../../../theme/util/mixins';
 
 ion-text {
   margin-inline: var(--spacing-md);
@@ -64,7 +64,7 @@ ion-text {
   .about-changelog,
   .licenses-content,
   .page-content {
-    @include border-radius-in-parallax(var(--border-radius-default));
+    @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
     display: flex;
     flex-direction: column;
@@ -76,7 +76,7 @@ ion-text {
     background: var(--ion-item-background);
 
     & > * {
-      @include border-radius-in-parallax(var(--border-radius-default));
+      @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
       position: relative;
       overflow: hidden;

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

@@ -21,6 +21,7 @@ import {ConfigProvider} from '../config/config.provider';
   templateUrl: 'about-release-notes.html',
   styleUrls: ['about-release-notes.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class AboutReleaseNotesComponent {
   config = inject(ConfigProvider);

frontend/app/src/app/modules/about/about-release-notes.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 '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 ion-button {
   --color: var(--ion-color-primary-contrast);
@@ -22,7 +22,7 @@ ion-button {
 }
 
 .release-notes {
-  @include border-radius-in-parallax(var(--border-radius-default));
+  @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
   display: block;
   margin: var(--spacing-md);

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

@@ -20,7 +20,7 @@
   }
 
   blockquote {
-    background: var(--ion-item-background);
     border-left: 0.25em solid var(--ion-color-medium);
+    background: var(--ion-item-background);
   }
 }

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

@@ -17,7 +17,6 @@ import {UtilModule} from '../../util/util.module';
   selector: 'stapps-release-notes',
   templateUrl: 'release-notes.html',
   styleUrls: ['release-notes.scss', 'release-notes-markdown.scss'],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     UtilModule,

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

@@ -1,11 +1,11 @@
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 ion-title {
   padding-block: var(--spacing-md);
 }
 
 .content-card {
-  @include border-radius-in-parallax(var(--border-radius-default));
+  @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
   display: block;
   margin: var(--spacing-md);

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

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'assessments-detail',
   templateUrl: 'assessments-detail.html',
   styleUrls: ['assessments-detail.scss'],
+  standalone: false,
 })
 export class AssessmentsDetailComponent implements OnInit {
   destroy$ = inject(DestroyRef);

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

@@ -21,6 +21,7 @@ import {Observable} from 'rxjs';
   selector: 'assessments-data-list',
   templateUrl: './assessments-data-list.html',
   styleUrls: ['./assessments-data-list.scss'],
+  standalone: false,
 })
 export class AssessmentsDataListComponent {
   /**

frontend/app/src/app/modules/assessments/list/assessments-list-item.component.ts

@@ -20,6 +20,7 @@ import {SCThings} from '@openstapps/core';
   selector: 'assessments-list-item',
   templateUrl: 'assessments-list-item.html',
   styleUrls: ['assessments-list-item.scss'],
+  standalone: false,
 })
 export class AssessmentsListItemComponent {
   /**

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

@@ -23,6 +23,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'assessments-simple-data-list',
   templateUrl: 'assessments-simple-data-list.html',
   styleUrls: ['assessments-simple-data-list.scss'],
+  standalone: false,
 })
 export class AssessmentsSimpleDataListComponent implements OnInit {
   /**

frontend/app/src/app/modules/assessments/list/assessments-tree-list.component.ts

@@ -20,6 +20,7 @@ import {SCThings} from '@openstapps/core';
   selector: 'assessments-tree-list',
   templateUrl: 'assessments-tree-list.html',
   styleUrls: ['assessments-tree-list.scss'],
+  standalone: false,
 })
 export class AssessmentsTreeListComponent {
   @Input() items?: Promise<SCThings[] | undefined>;

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

@@ -29,6 +29,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   templateUrl: 'assessments-page.html',
   styleUrls: ['assessments-page.scss'],
   animations: [materialSharedAxisX],
+  standalone: false,
 })
 export class AssessmentsPageComponent implements OnInit, AfterViewInit {
   assessments: Promise<

frontend/app/src/app/modules/assessments/types/assessment/assessment-base-info.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'assessment-base-info',
   templateUrl: 'assessment-base-info.html',
   styleUrls: ['assessment-base-info.scss'],
+  standalone: false,
 })
 export class AssessmentBaseInfoComponent {
   _item: SCAssessment;

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

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'assessment-detail',
   templateUrl: 'assessment-detail.html',
   styleUrls: ['assessment-detail.scss'],
+  standalone: false,
 })
 export class AssessmentDetailComponent {
   @Input() item: SCAssessment;

frontend/app/src/app/modules/assessments/types/assessment/assessment-list-item.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'stapps-assessment-list-item',
   templateUrl: './assessment-list-item.html',
   styleUrls: ['./assessment-list-item.scss'],
+  standalone: false,
 })
 export class AssessmentListItemComponent {
   @Input() item: SCAssessment;

frontend/app/src/app/modules/assessments/types/course-of-study/course-of-study-assessment.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment, SCCourseOfStudyWithoutReferences} from '@openstapps/core';
   selector: 'course-of-study-assessment',
   templateUrl: 'course-of-study-assessment.html',
   styleUrls: ['course-of-study-assessment.scss'],
+  standalone: false,
 })
 export class CourseOfStudyAssessmentComponent {
   @Input() courseOfStudy?: SCCourseOfStudyWithoutReferences | null;

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

@@ -25,6 +25,7 @@ import {DefaultAuthService} from '../../default-auth.service';
 @Component({
   templateUrl: 'auth-callback-page.component.html',
   styleUrls: ['auth-callback-page.component.scss'],
+  standalone: false,
 })
 export class AuthCallbackPageComponent {
   constructor(

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

@@ -42,6 +42,7 @@ interface ICalInfo {
   selector: 'add-event-review-modal',
   templateUrl: 'add-event-review-modal.html',
   styleUrls: ['add-event-review-modal.scss'],
+  standalone: false,
 })
 export class AddEventReviewModalComponent implements OnInit {
   moment = moment;

frontend/app/src/app/modules/catalog/catalog.component.html

@@ -23,7 +23,7 @@
   </ion-toolbar>
   <ion-toolbar color="primary" mode="md">
     <ion-segment (ionChange)="segmentChanged($event)" [value]="selectedSemesterUID" mode="md">
-      @for (semester of availableSemesters; track semester) {
+      @for (semester of availableSemesters; track semester.uid) {
         <ion-segment-button [value]="semester.uid">
           <ion-label>{{ semester.acronym }}</ion-label>
         </ion-segment-button>
@@ -35,7 +35,7 @@
 <ion-content>
   @if (catalogs && catalogs.length > 0) {
     <ion-list>
-      @for (catalog of catalogs; track catalog) {
+      @for (catalog of catalogs; track catalog.uid) {
         <ion-item button="true" lines="inset" (click)="notifySelect(catalog)">
           <ion-label>
             <h2>{{ catalog.name }}</h2>
@@ -46,7 +46,7 @@
   }
   @if (!catalogs) {
     <ion-list>
-      @for (skeleton of [].constructor(10); track skeleton) {
+      @for (skeleton of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; track skeleton) {
         <stapps-skeleton-list-item> </stapps-skeleton-list-item>
       }
     </ion-list>

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

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'app-catalog',
   templateUrl: './catalog.component.html',
   styleUrls: ['./catalog.component.scss'],
+  standalone: false,
 })
 export class CatalogComponent implements OnInit {
   /**

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

@@ -13,9 +13,9 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
-@include ion-md-down {
+@include mixins.ion-md-down {
   ion-toolbar,
   .logo,
   .schedule,

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

@@ -21,7 +21,7 @@
 <div #schedule class="schedule">
   <a [routerLink]="['/schedule/weekly-view']">
     <ion-icon [size]="36" [weight]="300" name="calendar_month"></ion-icon>
-    <ion-label [innerHTML]="'schedule.recurring' | translate"></ion-label>
+    <ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
   </a>
   <!-- Avoid structural directives here, they might interfere with the collapse animation -->
   <a

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

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 :host ion-header {
   z-index: 1;
@@ -59,15 +59,6 @@ ion-content {
 }
 
 .schedule {
-  @include ion-md-up {
-    position: unset;
-
-    width: unset;
-    height: calc(var(--tablet-top-bar-height) + (2 * var(--spacing-xl)));
-    margin: 0;
-    padding: var(--spacing-xl);
-  }
-
   z-index: 3;
 
   display: flex;
@@ -82,6 +73,15 @@ ion-content {
 
   background: var(--ion-color-primary);
 
+  @include mixins.ion-md-up {
+    position: unset;
+
+    width: unset;
+    height: calc(var(--tablet-top-bar-height) + (2 * var(--spacing-xl)));
+    margin: 0;
+    padding: var(--spacing-xl);
+  }
+
   a {
     display: flex;
     flex-direction: column;
@@ -89,18 +89,13 @@ ion-content {
     height: auto;
     min-height: 80px;
     padding: var(--spacing-sm);
+    border-radius: var(--border-radius-default);
 
     color: var(--ion-color-primary-contrast);
     text-decoration: none;
-
-    border-radius: var(--border-radius-default);
   }
 
   a:first-child {
-    @include phone-landscape {
-      height: auto;
-    }
-
     overflow: hidden;
     flex: 0 0 auto;
     gap: var(--spacing-sm);
@@ -108,27 +103,22 @@ ion-content {
     justify-content: center;
 
     height: 100%;
+    border: 2px solid var(--ion-color-primary-tint);
 
     text-align: center;
 
-    border: 2px solid var(--ion-color-primary-tint);
+    @include mixins.phone-landscape {
+      height: auto;
+    }
 
     ion-label {
       font-size: var(--font-size-xxs);
       font-weight: var(--font-weight-semi-bold);
-      word-break: break-word;
+      word-break: overflow-wrap;
     }
   }
 
   a:last-child {
-    @include ion-md-up {
-      flex: 1 1 100%;
-    }
-
-    @include phone-landscape {
-      flex: 1 1 85%;
-    }
-
     z-index: 1;
 
     flex: 1 1 65%;
@@ -138,6 +128,14 @@ ion-content {
 
     background: var(--linear-gradient);
 
+    @include mixins.ion-md-up {
+      flex: 1 1 100%;
+    }
+
+    @include mixins.phone-landscape {
+      flex: 1 1 85%;
+    }
+
     ion-label {
       font-size: var(--font-size-xxs);
       font-weight: var(--font-weight-bold);

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

@@ -38,6 +38,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss', './dashboard.collapse.component.scss'],
+  standalone: false,
 })
 export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild('toolbar', {read: ElementRef}) toolbarRef: ElementRef;

frontend/app/src/app/modules/dashboard/sections/favorites-section/favorites-section.component.html

@@ -19,7 +19,7 @@
   </ion-button>
   @if (items | async; as items) {
     <simple-swiper @fade>
-      @for (item of items; track item) {
+      @for (item of items; track item.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [listItemEndInteraction]="false"

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

@@ -27,6 +27,7 @@ import {isMensaThing} from '../../mensa-filters';
   styleUrls: ['favorites-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class FavoritesSectionComponent {
   items = this.favoritesService.favoriteThings$.pipe(

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

@@ -19,7 +19,7 @@
   </ion-button>
   @if (jobs | async; as jobs) {
     <simple-swiper @fade>
-      @for (item of jobs; track item) {
+      @for (item of jobs; track item.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [item]="item"

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

@@ -29,8 +29,8 @@ simple-swiper {
 
   &::part(native) {
     height: 100%;
-    background: none;
     border-radius: var(--border-radius-default);
+    background: none;
   }
 
   ion-label {

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

@@ -26,6 +26,7 @@ import {fadeAnimation} from '../../fade.animation';
   styleUrls: ['job-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class JobSectionComponent {
   jobs = inject(DataProvider)

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section-content.component.html

@@ -16,7 +16,7 @@
 @if (dishes | async; as dishes) {
   @if (dishes.length > 0) {
     <simple-swiper @fade>
-      @for (dish of dishes; track dish) {
+      @for (dish of dishes; track dish.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [item]="dish"

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

@@ -27,6 +27,7 @@ import {isToday} from 'date-fns';
   styleUrls: ['mensa-section-content.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MensaSectionContentComponent {
   /**

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section.component.html

@@ -15,7 +15,7 @@
 
 @if (items | async; as items) {
   @if (items.length !== 0) {
-    @for (item of items; track item) {
+    @for (item of items; track item.uid) {
       <stapps-section @fade [item]="item" [title]="'name' | thingTranslate: item">
         <ion-button slot="button-end" fill="clear" color="medium" (click)="favoritesService.delete(item)">
           <ion-icon slot="icon-only" name="delete" [size]="24"></ion-icon>

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

@@ -27,6 +27,7 @@ import {isMensaThing} from '../../mensa-filters';
   styleUrls: ['mensa-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MensaSectionComponent {
   items = this.favoritesService.favoriteThings$.pipe(map(favorites => favorites.filter(isMensaThing)));

frontend/app/src/app/modules/dashboard/sections/news-section/news-section.component.scss

@@ -23,8 +23,8 @@ simple-swiper {
 
   &::part(native) {
     height: 100%;
-    background: none;
     border-radius: var(--border-radius-default);
+    background: none;
   }
 
   ion-label {
@@ -64,10 +64,9 @@ simple-swiper {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
 
     white-space: break-spaces;
-
-    -webkit-line-clamp: 3;
   }
 
   .title-sub {

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

@@ -25,6 +25,7 @@ import {fadeAnimation} from '../../fade.animation';
   styleUrls: ['news-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class NewsSectionComponent {
   news = this.newsProvider

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

@@ -23,6 +23,7 @@ import {homePageSearchTransition} from './search-route-transition';
   selector: 'stapps-search-section',
   templateUrl: 'search-section.component.html',
   styleUrls: ['search-section.component.scss'],
+  standalone: false,
 })
 export class SearchSectionComponent {
   routeTransition = homePageSearchTransition(this.animationController);

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

@@ -22,6 +22,7 @@ import {SCDateSeries, SCThingType, SCThings} from '@openstapps/core';
   selector: 'stapps-action-chip-list',
   templateUrl: 'action-chip-list.html',
   styleUrls: ['action-chip-list.scss'],
+  standalone: false,
 })
 export class ActionChipListComponent {
   private _item: SCThings;

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

@@ -36,6 +36,7 @@ import {MaterialSymbol} from 'material-symbols';
   templateUrl: 'add-event-action-chip.html',
   styleUrls: ['add-event-action-chip.scss'],
   animations: [chipSkeletonTransition, chipTransition],
+  standalone: false,
 })
 export class AddEventActionChipComponent {
   /**

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

@@ -22,6 +22,7 @@ import {SCThing} from '@openstapps/core';
 @Component({
   selector: 'stapps-locate-action-chip',
   templateUrl: 'locate-action-chip.html',
+  standalone: false,
 })
 export class LocateActionChipComponent {
   /**

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

@@ -19,6 +19,7 @@ import {SCPlaceWithoutReferences, SCThings} from '@openstapps/core';
   selector: 'stapps-navigate-action-chip',
   templateUrl: 'navigate-action-chip.html',
   styleUrls: ['navigate-action-chip.scss'],
+  standalone: false,
 })
 export class NavigateActionChipComponent {
   place: SCPlaceWithoutReferences;

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

@@ -38,6 +38,7 @@ import {SelectionValue, TreeNode} from './tree-node';
   selector: 'stapps-edit-event-selection',
   templateUrl: 'edit-event-selection.html',
   styleUrls: ['edit-event-selection.scss'],
+  standalone: false,
 })
 export class EditEventSelectionComponent implements OnInit {
   /**

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

@@ -21,6 +21,7 @@ import {Component, EventEmitter, Input, Output} from '@angular/core';
   selector: 'stapps-chip-filter',
   templateUrl: './chip-filter.component.html',
   styleUrls: ['./chip-filter.component.scss'],
+  standalone: false,
 })
 export class ChipFilterComponent {
   /**

frontend/app/src/app/modules/data/data-icon.pipe.ts

@@ -21,6 +21,7 @@ import {DataIcons} from './data-icon.config';
  */
 @Pipe({
   name: 'dataIcon',
+  standalone: false,
 })
 export class DataIconPipe implements PipeTransform {
   /**

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

@@ -24,6 +24,7 @@ import {ModalController} from '@ionic/angular/standalone';
   selector: 'stapps-data-detail-content',
   styleUrls: ['data-detail-content.scss'],
   templateUrl: 'data-detail-content.html',
+  standalone: false,
 })
 export class DataDetailContentComponent {
   /**

frontend/app/src/app/modules/data/detail/data-detail-content.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 '../../../../theme/util/mixins';
+@use '../../../../theme/util/mixins';
 
 :host {
   display: contents;
@@ -34,8 +34,8 @@ stapps-origin-detail {
   padding: 0 var(--spacing-md);
 
   ::ng-deep > * {
-    @include border-radius-in-parallax(var(--border-radius-default));
+    @include mixins.border-radius-in-parallax(var(--border-radius-default));
-    @include content-padding;
+    @include mixins.content-padding;
 
     position: relative;
 

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

@@ -36,6 +36,7 @@ export interface ExternalDataLoadEvent {
   selector: 'stapps-data-detail',
   styleUrls: ['data-detail.scss'],
   templateUrl: 'data-detail.html',
+  standalone: false,
 })
 export class DataDetailComponent implements OnInit {
   /**

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

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'stapps-data-path',
   templateUrl: './data-path.html',
   styleUrls: ['./data-path.scss'],
+  standalone: false,
 })
 export class DataPathComponent implements OnInit {
   path: Promise<SCThingWithoutReferences[]>;

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

@@ -21,6 +21,7 @@ import {SCPostalAddress} from '@openstapps/core';
 @Component({
   selector: 'stapps-address-detail',
   templateUrl: 'address-detail.html',
+  standalone: false,
 })
 export class AddressDetailComponent {
   /**

frontend/app/src/app/modules/data/elements/certifications-in-detail.component.ts

@@ -19,6 +19,7 @@ import {SCCertificationWithoutReferences} from '@openstapps/core';
   selector: 'stapps-certifications-in-detail',
   templateUrl: 'certifications-in-detail.html',
   styleUrls: ['certifications-in-detail.scss'],
+  standalone: false,
 })
 export class CertificationsInDetailComponent {
   @Input() certifications: SCCertificationWithoutReferences[] = [];

frontend/app/src/app/modules/data/elements/external-link.component.ts

@@ -20,6 +20,7 @@ import {SimpleBrowser} from '../../../util/browser.factory';
   selector: 'stapps-external-link',
   templateUrl: './external-link.html',
   styleUrls: ['./external-link.scss'],
+  standalone: false,
 })
 export class ExternalLinkComponent {
   @Input() link: string;

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

@@ -26,6 +26,7 @@ import {map, take} from 'rxjs/operators';
   templateUrl: './favorite-button.component.html',
   styleUrls: ['./favorite-button.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class FavoriteButtonComponent {
   /**

frontend/app/src/app/modules/data/elements/long-inline-text.component.ts

@@ -20,6 +20,7 @@ import {Component, Input} from '@angular/core';
 @Component({
   selector: 'stapps-long-inline-text',
   templateUrl: 'long-inline-text.html',
+  standalone: false,
 })
 export class LongInlineTextComponent {
   /**

frontend/app/src/app/modules/data/elements/long-inline-text.html

@@ -13,20 +13,20 @@
 ~ this program. If not, see <https://www.gnu.org/licenses/>.
 -->
 @if (text !== undefined) {
-  <span class="ion-hide-sm-up">
+  <span class="ion-hide-sm-up"
-    {{ text | slice: 0 : size }}
+    >{{ text | slice: 0 : size }}
     @if (text.length > size) {
       <span class="ion-hide-sm-up">…</span>
     }
   </span>
-  <span class="ion-hide-sm-down ion-hide-md-up">
+  <span class="ion-hide-sm-down ion-hide-md-up"
-    {{ text | slice: 0 : size * 2 }}
+    >{{ text | slice: 0 : size * 2 }}
     @if (text.length > size * 2) {
       <span class="ion-hide-sm-down ion-hide-md-up"> … </span>
     }
   </span>
-  <span class="ion-hide-md-down">
+  <span class="ion-hide-md-down"
-    {{ text | slice: 0 : size * 3 }}
+    >{{ text | slice: 0 : size * 3 }}
     @if (text.length > size * 3) {
       <span class="ion-hide-md-down">…</span>
     }

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

@@ -18,6 +18,7 @@ import {SCAcademicPriceGroup, SCThingThatCanBeOfferedOffer} from '@openstapps/co
 @Component({
   selector: 'stapps-offers-detail',
   templateUrl: 'offers-detail.html',
+  standalone: false,
 })
 export class OffersDetailComponent {
   @Input() offers: Array<SCThingThatCanBeOfferedOffer<SCAcademicPriceGroup>>;

frontend/app/src/app/modules/data/elements/offers-in-list.component.ts

@@ -24,6 +24,7 @@ import {SettingsProvider} from '../../settings/settings.provider';
   selector: 'stapps-offers-in-list',
   templateUrl: 'offers-in-list.html',
   styleUrls: ['offers-in-list.scss'],
+  standalone: false,
 })
 export class OffersInListComponent {
   @Input() set offers(it: Array<SCThingThatCanBeOfferedOffer<SCAcademicPriceGroup>>) {

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

@@ -22,6 +22,7 @@ import {SCThingUserOrigin, SCThingRemoteOrigin} from '@openstapps/core';
   selector: 'stapps-origin-detail',
   templateUrl: 'origin-detail.html',
   styleUrl: 'origin-detail.scss',
+  standalone: false,
 })
 export class OriginDetailComponent {
   /**

frontend/app/src/app/modules/data/elements/origin-in-list.component.ts

@@ -21,6 +21,7 @@ import {SCThingUserOrigin, SCThingRemoteOrigin} from '@openstapps/core';
 @Component({
   selector: 'stapps-origin-in-list',
   templateUrl: 'origin-in-list.html',
+  standalone: false,
 })
 export class OriginInListComponent {
   /**

frontend/app/src/app/modules/data/elements/rating.component.ts

@@ -26,6 +26,7 @@ import {catchError, map} from 'rxjs/operators';
   styleUrls: ['rating.scss'],
   animations: [ratingAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class StappsRatingComponent {
   performRating = new BehaviorSubject(false);

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

@@ -34,9 +34,9 @@ ion-button {
   justify-content: flex-start;
 
   padding-inline: var(--spacing-xl);
+  border-radius: var(--border-radius-default);
 
   background: var(--ion-color-light);
-  border-radius: var(--border-radius-default);
 
   > ion-icon {
     &:active,

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

@@ -6,6 +6,7 @@ import {environment} from '../../../../environments/environment';
   selector: 'stapps-share-button',
   templateUrl: 'share-button.html',
   styleUrls: ['share-button.scss'],
+  standalone: false,
 })
 export class ShareButtonComponent {
   canShare = false;

frontend/app/src/app/modules/data/elements/simple-card.component.ts

@@ -18,6 +18,7 @@ import {SCThingWithoutReferences} from '@openstapps/core';
 @Component({
   selector: 'stapps-simple-card',
   templateUrl: 'simple-card.html',
+  standalone: false,
 })
 export class SimpleCardComponent {
   areThings = false;

frontend/app/src/app/modules/data/elements/simple-card.html

@@ -24,7 +24,7 @@
       }
     } @else {
       @if (content && isThing(content[0])) {
-        @for (thing of $any(content); track thing) {
+        @for (thing of $any(content); track thing.uid) {
           <a [routerLink]="['/data-detail', thing.uid]">
             <p>{{ 'name' | thingTranslate: thing }}</p>
           </a>

frontend/app/src/app/modules/data/elements/skeleton-list-item.component.ts

@@ -21,6 +21,7 @@ import {Component, Input} from '@angular/core';
   selector: 'stapps-skeleton-list-item',
   templateUrl: 'skeleton-list-item.html',
   styleUrls: ['skeleton-list-item.scss'],
+  standalone: false,
 })
 export class SkeletonListItemComponent {
   @Input() hideThumbnail = false;

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

@@ -20,5 +20,6 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'stapps-skeleton-segment-button',
   templateUrl: 'skeleton-segment-button.html',
+  standalone: false,
 })
 export class SkeletonSegmentComponent {}

frontend/app/src/app/modules/data/elements/skeleton-simple-card.component.ts

@@ -20,6 +20,7 @@ import {Component, Input} from '@angular/core';
 @Component({
   selector: 'stapps-skeleton-simple-card',
   templateUrl: 'skeleton-simple-card.html',
+  standalone: false,
 })
 export class SkeletonSimpleCardComponent {
   /**

frontend/app/src/app/modules/data/elements/title-card.component.ts

@@ -26,6 +26,7 @@ const AccordionButtonState = {
   selector: 'stapps-title-card',
   templateUrl: './title-card.component.html',
   styleUrls: ['./title-card.component.scss'],
+  standalone: false,
 })
 export class TitleCardComponent implements OnInit, OnChanges {
   /**

frontend/app/src/app/modules/data/list/data-list-item-host-default.component.ts

@@ -18,6 +18,7 @@ import {SCThings} from '@openstapps/core';
 @Component({
   selector: 'data-list-item-host-default',
   templateUrl: 'data-list-item-host-default.html',
+  standalone: false,
 })
 export class DataListItemHostDefaultComponent {
   @Input() item: SCThings;

frontend/app/src/app/modules/data/list/data-list-item-host.directive.ts

@@ -59,6 +59,7 @@ const DataListItemIndex: Partial<Record<SCThingType, Type<DataListItem>>> = {
 
 @Directive({
   selector: '[dataListItemHost]',
+  standalone: false,
 })
 export class DataListItemHostDirective {
   private type?: Type<DataListItem>;

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

@@ -24,6 +24,7 @@ import {DataListContext} from './data-list.component';
   selector: 'stapps-data-list-item',
   styleUrls: ['data-list-item.scss'],
   templateUrl: 'data-list-item.html',
+  standalone: false,
 })
 export class DataListItemComponent {
   /**

frontend/app/src/app/modules/data/list/data-list-item.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 '../../../../theme/util/mixins';
+@use '../../../../theme/util/mixins';
 
 :host {
   display: block;
@@ -26,7 +26,7 @@ ion-item::part(native) {
 ion-item {
   --border-color: transparent;
   --inner-padding-end: 0;
-  @include border-radius-in-parallax(var(--border-radius-default));
+  @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
   overflow: hidden;
   height: 100%;
@@ -44,9 +44,8 @@ ion-item {
 .ion-text-wrap ::ng-deep ion-label {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  white-space: normal !important;
-
   -webkit-line-clamp: 3;
+  white-space: normal !important;
 }
 
 [slot='end'] {
@@ -64,22 +63,20 @@ ion-item ::ng-deep {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
 
     white-space: break-spaces;
-
-    -webkit-line-clamp: 2;
   }
 
   .title-sub {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
 
     margin-block: var(--spacing-xs);
 
     white-space: break-spaces;
-
-    -webkit-line-clamp: 1;
   }
 }
 

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

@@ -43,6 +43,7 @@ export interface DataListContext<T> {
   selector: 'stapps-data-list',
   templateUrl: 'data-list.html',
   styleUrls: ['data-list.scss'],
+  standalone: false,
 })
 export class DataListComponent implements OnChanges, OnInit {
   /**

frontend/app/src/app/modules/data/list/data-list.html

@@ -16,7 +16,7 @@
 @if (itemStream | async; as items) {
   <ng-content select="[header]"></ng-content>
   <ion-list [style.display]="items && items.length ? 'block' : 'none'">
-    @for (item of items; track item) {
+    @for (item of items; track item.uid) {
       <ng-container
         *ngTemplateOutlet="listItemTemplateRef || defaultListItem; context: {$implicit: item}"
       ></ng-container>

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

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
  */
 @Component({
   templateUrl: 'food-data-list.html',
+  standalone: false,
 })
 export class FoodDataListComponent {
   isNotInView$ = new BehaviorSubject(true);

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

@@ -52,6 +52,7 @@ import {enterAnimation, leaveAnimation} from '../../menu/context/context-menu-mo
   templateUrl: 'search-page.html',
   styleUrls: ['search-page.scss'],
   providers: [ContextMenuService],
+  standalone: false,
 })
 export class SearchPageComponent implements OnInit {
   @Input() title = 'search.title';

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

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'stapps-simple-data-list',
   templateUrl: 'simple-data-list.html',
   styleUrls: ['simple-data-list.scss'],
+  standalone: false,
 })
 export class SimpleDataListComponent implements OnInit {
   @Input() items?: Promise<SCThings[] | undefined>;

frontend/app/src/app/modules/data/list/simple-data-list.html

@@ -23,7 +23,7 @@
         </ion-text>
       </ion-list-header>
     }
-    @for (item of items; track item) {
+    @for (item of items; track item.uid) {
       <ng-container
         *ngTemplateOutlet="listItemTemplateRef || defaultListItem; context: {$implicit: item}"
       ></ng-container>
@@ -34,7 +34,7 @@
   }
 } @else {
   <ion-list>
-    @for (skeleton of [].constructor(skeletonItems); track skeleton) {
+    @for (skeleton of [1, 2, 3, 4, 5, 6]; track skeleton) {
       <stapps-skeleton-list-item [hideThumbnail]="singleType"> </stapps-skeleton-list-item>
     }
   </ion-list>

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

@@ -19,5 +19,6 @@ import {Component} from '@angular/core';
   selector: 'skeleton-list',
   templateUrl: 'skeleton-list.html',
   styleUrls: ['skeleton-list.scss'],
+  standalone: false,
 })
 export class SkeletonListComponent {}

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

@@ -21,6 +21,7 @@ import {DataListContext} from './data-list.component';
   selector: 'tree-list-fragment',
   templateUrl: 'tree-list-fragment.html',
   styleUrls: ['tree-list-fragment.scss'],
+  standalone: false,
 })
 export class TreeListFragmentComponent {
   entries?: [string, Tree<SCThings>][];

frontend/app/src/app/modules/data/list/tree-list-fragment.html

@@ -25,7 +25,7 @@
           </div>
         }
         <ion-list slot="content" lines="none">
-          @for (item of entry[1]._ || []; track item) {
+          @for (item of entry[1]._ || []; track item.uid) {
             <div class="tree-indicator">
               <ng-container
                 *ngTemplateOutlet="listItemTemplateRef || defaultListItem; context: {$implicit: item}"

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

@@ -21,6 +21,7 @@ import {Tree, treeGroupBy} from '@openstapps/collection-utils';
   selector: 'tree-list',
   templateUrl: 'tree-list.html',
   styleUrls: ['tree-list.scss'],
+  standalone: false,
 })
 export class TreeListComponent {
   _items?: Promise<SCThings[] | undefined>;

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

@@ -18,6 +18,7 @@ import {SCArticle} from '@openstapps/core';
 @Component({
   selector: 'stapps-article-detail-content',
   templateUrl: 'article-detail-content.html',
+  standalone: false,
 })
 export class ArticleDetailContentComponent {
   @Input() item: SCArticle;

frontend/app/src/app/modules/data/types/article/article-item.component.ts

@@ -23,6 +23,7 @@ import {DataListItemComponent} from '../../list/data-list-item.component';
   selector: 'stapps-article-item',
   templateUrl: 'article-list-item.html',
   styleUrl: 'article-list-item.scss',
+  standalone: false,
 })
 export class ArticleListItemComponent extends DataListItemComponent {
   /**

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

@@ -21,6 +21,7 @@ import {SCBook} from '@openstapps/core';
 @Component({
   selector: 'stapps-book-detail-content',
   templateUrl: 'book-detail-content.html',
+  standalone: false,
 })
 export class BookDetailContentComponent {
   /**

frontend/app/src/app/modules/data/types/book/book-list-item.component.ts

@@ -23,6 +23,7 @@ import {DataListItemComponent} from '../../list/data-list-item.component';
   selector: 'stapps-book-list-item',
   templateUrl: 'book-list-item.html',
   styleUrl: 'book-list-item.scss',
+  standalone: false,
 })
 export class BookListItemComponent extends DataListItemComponent {
   /**