@propbinder/mobile-design 0.2.23 → 0.2.25

package/fesm2022/propbinder-mobile-design.mjs

@@ -2355,14 +2355,50 @@ class DsMobileProfileActionsSheetComponent {
     constructor(modalController, injector) {
         this.modalController = modalController;
         this.injector = injector;
-        // Initialize selected language when component is created
-        this.selectedLanguage.set(this.currentLanguage);
-        this.initialLanguage = this.currentLanguage;
         // Set initial height after render
         afterNextRender(() => {
             this.updateHeight();
         }, { injector: this.injector });
     }
+    ngOnChanges(changes) {
+        if (changes['currentLanguage']) {
+            const val = changes['currentLanguage'].currentValue;
+            if (val) {
+                this.selectedLanguage.set(val);
+                this.initialLanguage = val;
+            }
+        }
+    }
+    ngOnInit() {
+        // Try to get language from localStorage as fallback
+        const storedLangCode = this.getLanguageFromStorage();
+        if (storedLangCode) {
+            this.selectedLanguage.set(storedLangCode);
+            this.initialLanguage = storedLangCode;
+        }
+        else if (!this.selectedLanguage()) {
+            // Fallback to input if storage is empty
+            this.selectedLanguage.set(this.currentLanguage);
+            this.initialLanguage = this.currentLanguage;
+        }
+    }
+    /**
+     * Try to resolve short language code from localStorage ('selectedLanguage' key)
+     */
+    getLanguageFromStorage() {
+        try {
+            const stored = localStorage.getItem('selectedLanguage'); // e.g. "da-DK", "sv-SE"
+            if (!stored)
+                return null;
+            // Find the code from availableLanguages that matches this locale/string
+            // We check if any language code is part of the stored string (e.g. 'da' in 'da-DK')
+            const match = this.availableLanguages.find(lang => lang.code === stored || stored.startsWith(lang.code + '-'));
+            return match ? match.code : null;
+        }
+        catch (e) {
+            return null;
+        }
+    }
     /**
      * Handle action item click
      */
@@ -2500,7 +2536,7 @@ class DsMobileProfileActionsSheetComponent {
         this.modalController.dismiss({ action }, 'select');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobileProfileActionsSheetComponent, deps: [{ token: i1.ModalController }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileProfileActionsSheetComponent, isStandalone: true, selector: "ds-mobile-profile-actions-sheet", inputs: { actionGroups: "actionGroups", currentLanguage: "currentLanguage", availableLanguages: "availableLanguages" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["viewContainer"], descendants: true, read: ElementRef }, { propertyName: "sheetWrapper", first: true, predicate: ["sheetWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobileProfileActionsSheetComponent, isStandalone: true, selector: "ds-mobile-profile-actions-sheet", inputs: { actionGroups: "actionGroups", currentLanguage: "currentLanguage", availableLanguages: "availableLanguages" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["viewContainer"], descendants: true, read: ElementRef }, { propertyName: "sheetWrapper", first: true, predicate: ["sheetWrapper"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
     <ds-mobile-bottom-sheet-wrapper>
       <div class="profile-sheet-content" #sheetWrapper>
         <!-- View Container with CSS Animation -->