eiam-user-preference 0.0.83 → 0.0.86

package/dist/cjs/eiam-user-preference.cjs.entry.js

@@ -51,6 +51,8 @@ const EiamUserPreference = class {
     cultureCode;
     applicationId;
     apiUrl;
+    tempSelectedPage = { pageId: null, name: '' };
+    tempApplicationId = null;
     async watchChanges() {
         await this.fetchInitiateValue();
     }
@@ -202,20 +204,43 @@ const EiamUserPreference = class {
         const query = this.pageSearchQuery.toLowerCase();
         return this.pages.filter(page => page.name.toLowerCase().includes(query));
     }
+    //   changeApplication(e: Event) {
+    //     const selectedId = (e.target as HTMLSelectElement).value;
+    //  this.pageSearchQuery = '';         // ✅ reset search
+    //   this.isPageDropdownOpen = false;
+    //     this.selectedPage = { pageId: null, name: '' }; 
+    //     if (selectedId) {
+    //       this.applicationId = selectedId;
+    //       // console.log(this.applicationId, 'this.applicationId on change');
+    //       this.getPagesSApplications();
+    //     } else {
+    //       this.applicationId = null;
+    //     }
+    //   }
     changeApplication(e) {
         const selectedId = e.target.value;
-        this.pageSearchQuery = ''; // ✅ reset search
+        this.pageSearchQuery = '';
         this.isPageDropdownOpen = false;
-        this.selectedPage = { pageId: null, name: '' };
+        this.pages = [];
+        // reset only temp selection, not the saved one
+        this.tempSelectedPage = { pageId: null, name: '' };
         if (selectedId) {
             this.applicationId = selectedId;
-            // console.log(this.applicationId, 'this.applicationId on change');
             this.getPagesSApplications();
         }
         else {
             this.applicationId = null;
         }
     }
+    confirmPageSelection() {
+        // Apply temp to actual
+        this.selectedPage = { ...this.tempSelectedPage };
+        this.userPreferences.defaultLandingPageId = this.tempSelectedPage.pageId?.toString();
+        this.pageSearchQuery = this.tempSelectedPage.name || '';
+        this.pages = [];
+        this.isPageDropdownOpen = false;
+        this.isPageModalOpen = false;
+    }
     async getPagesSApplications() {
         try {
             const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {
@@ -308,13 +333,39 @@ const EiamUserPreference = class {
     toggleModal() {
         this.isModalOpen = !this.isModalOpen;
     }
+    // togglePageModal() {
+    //   this.isPageModalOpen = !this.isPageModalOpen;
+    // }
     togglePageModal() {
+        if (!this.isPageModalOpen) {
+            // Opening - save current values to temp
+            this.tempSelectedPage = { ...this.selectedPage };
+            this.tempApplicationId = this.applicationId;
+            this.pageSearchQuery = this.selectedPage?.name || '';
+            if (this.applicationId) {
+                this.getPagesSApplications(); // load pages for current app
+            }
+        }
+        else {
+            // Closing WITHOUT saving - restore previous values
+            this.applicationId = this.tempApplicationId;
+            this.selectedPage = { ...this.tempSelectedPage };
+            this.pageSearchQuery = this.tempSelectedPage?.name || '';
+            this.pages = [];
+            this.isPageDropdownOpen = false;
+        }
         this.isPageModalOpen = !this.isPageModalOpen;
     }
+    // selectPage(page) {
+    //   this.selectedPage = page;
+    //   this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page
+    //   this.togglePageModal(); // Close the page selection modal
+    // }
     selectPage(page) {
-        this.selectedPage = page;
-        this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page
-        this.togglePageModal(); // Close the page selection modal
+        // Only update temp, not actual yet
+        this.tempSelectedPage = { pageId: page.pageId, name: page.name };
+        this.pageSearchQuery = page.name;
+        this.isPageDropdownOpen = false;
     }
     get pagedPages() {
         const start = (this.currentPage - 1) * this.pageSize;
@@ -325,17 +376,17 @@ const EiamUserPreference = class {
         return Math.ceil(this.pages.length / this.pageSize);
     }
     render() {
-        return (index.h(index.Host, { key: 'f91970ee8cb44f1bbbd275c034afc2f92e11a691' }, index.h("div", { key: 'd69249461cb44c8cd719a9e98456be0e7cfad862', class: "container" }, index.h("svg", { key: '72351bf7406769a6ccab6d0c9d82dd2360261f52', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: '997788a4575a4959c1a30df8e9e3c9b531d1d4f9', stroke: "none", fill: "none" }, index.h("rect", { key: 'c3f4ca6814bc1bba308eb155e87188457cf78e0d', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: 'f9052cecc17c8bdebf99dfaad362bf86153e3c2f', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: '0ec765649b222dd98f7e6755baf863ca4005b90e', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#008fc7", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: '036a181940bfb9b2d66632d2cef34c4f86074d32', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: '704e03f3d53ce6fe8c45be282b535f54b5dd8d4b', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: '0b3b185c7d8879fae1c73b7c6db9ab6b6aec52a5', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '198188df09d8998e7dc80005790c86eca22c9d1a', id: "Menu / Close_SM" }, index.h("path", { key: '9cce34425f6afd8aab94d53933be246ec68e718a', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'bb3791483119e79a2832138a29d92953bb2a7558', class: "kt-quick-panel__nav" }, index.h("ul", { key: '6a40a392bb1787fe03a14ecda87b24b0ce206c57', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: 'fb567c2e7fadfcdf7d3aa799dc75a97df83aa774', class: "nav-item active" }, index.h("a", { key: '6a3891513bd43cf475aa7c7d707d6609b9023af7', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: 'c101a2408c0ed54544f71508bd3d926adf80be85', class: "kt-quick-panel__content" }, index.h("div", { key: 'feb26ad643c3618565c0ba656fab438642689917', class: "tab-content" }, index.h("div", { key: '77e47b1233f38c4e4c3524b8bbe3422d5cd5c569', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'a40799c09e17c2b2b5e3272282197a30a449645b', class: "kt-notification" }, index.h("div", { key: '7cc91ba754caa23c64056e17634069e6be1d20d4', class: "kt-portlet__body" }, index.h("div", { key: '223c2ccb3c5c6fcbb04bcdaf79fee8e96fcaced3', class: "form-group" }, index.h("label", { key: 'b37e116978a264886c3974748070462a1c5579a1' }, "Date Format"), index.h("select", { key: 'eec0f16ed239dd8b5135f4c5de09c723773f5796', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '07f386065a97d79ba4c2affcd571c958428cf56f', class: "form-group" }, index.h("label", { key: 'ab3b72bbe39ad44aafb7d6ac79d37e3cc47e0252' }, "Time Format"), index.h("select", { key: 'ede8582e7d202f51a1b0e536e1eb86598131147e', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: '412f201f26af930b808e73b66aa02aa7078406da', class: "form-group" }, index.h("label", { key: '23104b6033966fa2979bef55bb0ab9861dca7e21' }, "Font Size"), index.h("select", { key: 'f6f6cb182bc7e59404bab9942c3219ef7eef808f', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: 'b5cff7b2cc472f61e20e668cff82c9066997a266', class: "form-group" }, index.h("label", { key: 'be081786fb14d65ddd28e002d61fec6052d121a6' }, "User Display Format"), index.h("select", { key: 'ab4da990853ae25270115287b0c97e1024ef98b4', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: 'f8d98a8ba4d06dd7acb810d8e0a93b256abf982e', class: "form-group" }, index.h("label", { key: 'd02e8d475bd41bbb39474a934eef7036b41f49be' }, "Default Landing Page"), index.h("div", { key: 'fde7e81ec8b52a9f7dd14c04a2c20bdc49753076', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '4f8a27121aa573969b9864844bdf199623233943', class: "input-group-prepend" }, index.h("span", { key: '951717fda681e5941468fa07db6aec2be80eba8e', class: "input-group-text" }, index.h("svg", { key: '2f79d8eb6c05d8c9e99ac95e6cc8c83f782d4566', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: '41a4aae946f5d0317a8d555b479648b45572ad0a', id: "Link-chains" }, index.h("path", { key: '7e86163599f0a3e91d52e801281c6eaf5986acb9', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: '148b0dd408cc6a316cb077fe0e04c657b393d599', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: 'ff204c44b27680812998026ee761a3c2ad8df8b1', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: 'f0a723c6a9345f619fe522f333697ebc3c038a0e', class: "kt-portlet__foot" }, index.h("div", { key: 'fe42768760f376291ee2e487ad6c046e0c028ec8', class: "kt-form__actions" }, index.h("button", { key: '648fa800df9bf91b806dc1228661e0795071973e', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: 'c7482fa90238309ae8f679844281c17709a35e2d', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: 'e3444d7a6f2ad7411fde36f8f144e236f2838712', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: '0a5c84fa18b2969239e8ff7b8baddaca0d7a18d4', class: "modal-overlay" }, index.h("div", { key: 'b7899e9814b398fb4f26367d4161a3f3e60bb680', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: 'd8373d056ffe1b09f65375b4b108b5bc58dc6cdd', class: "modal-content landing-page" }, index.h("div", { key: '4a2b2c871e9b2bc518d47f665cfbb4c71273c583', class: "modal-header" }, index.h("h4", { key: '9777c1bb9d1372a1bb35708b1f8fc5b8fd3ae970', class: "modal-title pull-left" }, " Customize your default landing page "), index.h("button", { key: 'b056b17451205c54989784766bf75d65f39b4bf0', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: 'fb62b376b91d1c80df33710218d30dcbffac922d' }, index.h("svg", { key: 'd36aa63361d7f695deba2d942f2e37b178bbda75', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '9589397049dce4e2d4bc24d1a4b0272b26bdf4bc', id: "Menu / Close_SM" }, index.h("path", { key: '9de29390bd5d7ab3175ccb678ca74f94c3e76b9a', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '0f0ff8f2e221f21b26c1ba0d6fa71115e0f4a51b', class: "modal-body" }, index.h("div", { key: '958baec42107aba2e257d9a5cef4f02b0fed343a', class: "row" }, index.h("div", { key: 'bc2dc9b80ebb664885a73eb4c25d6e6d95f822cc', class: "col-12" }, index.h("div", { key: 'bd7daca964404f05416b4793ab31e73eeb94739c', class: "row" }, index.h("div", { key: 'a1b9cecca0e5312e23e4ca4041612ce5c2617458', class: "form-group" }, index.h("label", { key: '8c5af54c38754182c7274032f1b1bc384ed7fd7d', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: '9179a5246227ca2f3f2942ad8c2ac8bb98e2535c', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: '43453107dab300f16344c71ced47e5d72ef1c827', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), this.applicationId && (index.h("div", { key: '52c2f64fcecbfc88365557284916d9a067b40fb0', class: "form-group", style: { marginTop: '12px' } }, index.h("label", { key: '818c13e9ce8e2e5d372f5859a116fa7e6509715f', htmlFor: "pageSearch" }, "Select Page"), index.h("div", { key: '613c7965eba36b1df24b208673eeb8f309edb911', class: "search-select-wrapper" }, index.h("input", { key: '8908a6ef6a43a9d4b05fe4d0c2abb924b658fb09', type: "text", class: "search-input", placeholder: "Search Pages...", value: this.pageSearchQuery, onInput: e => {
+        return (index.h(index.Host, { key: '8ea23eb7dedd6c2d3b9946c6dc2820d539428b78' }, index.h("div", { key: '4f2294df5b8847e8ef16f8cb3fa048b12a82d4eb', class: "container" }, index.h("svg", { key: 'd8771fcd8351ef687212cc5c60530153528f73ba', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: '21729a737f592e268962c86bb4015631f51408f8', stroke: "none", fill: "none" }, index.h("rect", { key: 'f40f8e32a6ac2772d4e68acc545a9230803c260a', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: '4af4bae2975d33bb32433532d88c900f95dd78a6', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: 'defec4a67669ef3baab730887d532a579f7284ef', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#008fc7", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: 'd9287302ce3f70c6499933e846ff99547a3e3163', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: 'c4d9baa3a43a8ec342ce258752b1b3bc9b3e31cb', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: '0673c95e8c6676f0f1d6cdb2c3e9a9a9bc375a43', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '7a79888fcfec39d48df5bd1f96daa6166b07bd8c', id: "Menu / Close_SM" }, index.h("path", { key: 'c7298e580b3347af671fc0117c9fbc9a9e180d16', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '846c74b489d508ae1aca06e6b652b163ff84a744', class: "kt-quick-panel__nav" }, index.h("ul", { key: 'ab1d7e695d7c2735dda036b70d6bae406e79ef6d', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: 'de72304338e3e1d26d1733ff1928159b0d0bae86', class: "nav-item active" }, index.h("a", { key: 'bfb2547ffd22a2f687882a8ac1b65c9667806c51', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: 'da12d4a71c303dde253b2369b262c6af35aea3bc', class: "kt-quick-panel__content" }, index.h("div", { key: 'fe84865f231a74c2228723ae2c46ac30a4849bcd', class: "tab-content" }, index.h("div", { key: '16ca693713734d2f123833633f48cbc4a0707c62', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'e890e15454b8ee3b0337cd6f11ace2f32cab3397', class: "kt-notification" }, index.h("div", { key: '86f8c663f26176457add034ec35327c15fd5b75b', class: "kt-portlet__body" }, index.h("div", { key: 'd584358c864bb0e68a3ccc50fd20ebe5416d4df3', class: "form-group" }, index.h("label", { key: 'c419282b80d2819ef8e1b975b303f4b9045fe422' }, "Date Format"), index.h("select", { key: '0007edd5e963577ef396b49c9eaaf5c0698a8e6c', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '638a6ee74c548625279ae2a0ff6ebfdaea69eabc', class: "form-group" }, index.h("label", { key: '9a90b1b02d47b4247da655c849bb44d8cda71400' }, "Time Format"), index.h("select", { key: 'ee500361083148855b273bd040e5e051925f3054', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: '959424c5384abfe4e0b8fb036916b1d818bb676a', class: "form-group" }, index.h("label", { key: 'e2d7f109dadd13a90225051da86ded77d67f24a0' }, "Font Size"), index.h("select", { key: 'a494fcd73ea52151ab85a7e1ef93a287b559ae33', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: '1f77e28149fc697550736c463d56b43ca0fcdf5e', class: "form-group" }, index.h("label", { key: 'adc17c941d37b18b4af9198831088c79aaf92d08' }, "User Display Format"), index.h("select", { key: '25827778b86a4c2b412330630ca6046361724510', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: 'e0d8f96e3f89f99d690fe8d9f77c60a6e6a19765', class: "form-group" }, index.h("label", { key: '4bfb02001402890cd2fc165e83b59ae77fbf3033' }, "Default Landing Page"), index.h("div", { key: '9955ce875ca851138922c1416b1b205501dbc4fa', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: 'f0d029fc9e0d867377cfffd7ebe2123d149fc638', class: "input-group-prepend" }, index.h("span", { key: '0083a0bdea15af7112944b547e0dcb5c00d17d37', class: "input-group-text" }, index.h("svg", { key: '4e532505163097dfb44ef2886f37bc7d7a8d0848', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: '0143723c29215c27d909a22715accd82de8298c3', id: "Link-chains" }, index.h("path", { key: '076009ac8abe7c4ba7fa4c8eebefe50594d7201e', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: 'fb44582eea71dffd697446668b6a5dfb6c972bc8', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: 'f8fdec07a80477aba33b9f723e6ff94a995eb2f9', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: 'b85f5defe97b678d93721fcd267773a99b2b94ac', class: "kt-portlet__foot" }, index.h("div", { key: '945368410fc9a2065fe984f538fe899e8ca7fcba', class: "kt-form__actions" }, index.h("button", { key: '95b71a242062b8f56cec97afb27ddaed1dd06fcd', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: '2c139b934b92761cdc2b020c2c7bb4e3aaa073f3', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: '5a3da47cc441101482faafdfb77ab29b75652ed8', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: '9d70b5d3d230272e242d2a65929bef5913703c5d', class: "modal-overlay" }, index.h("div", { key: '1baca1c7015fcb728785ed5f31091f57b709c37c', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: 'b707a0f44230e3ecf8dfd7e18982476bbbb1928e', class: "modal-content landing-page" }, index.h("div", { key: 'b0644d8fd2a52e5a639894e828044b1c5b214d15', class: "modal-header" }, index.h("h4", { key: 'a7593beda51181a62e341d69fe06960f92b71869', class: "modal-title pull-left" }, " Customize your default landing page "), index.h("button", { key: '212181c059e545b929de935358b235764df1aa04', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: '5d2233a5b5e8940ff15bf4a85fdd8c3a9c234d9b' }, index.h("svg", { key: '5f31a70458301500de97c9cd95842d51c520eeab', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: 'b0313258efc1915e3da1c8a47cd2d0e7364c0dfe', id: "Menu / Close_SM" }, index.h("path", { key: '2919b316764a521a828a2b596a2e751edd811044', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '124b318a0dc15c0e4ffe5c22bd155be1ac2abde8', class: "modal-body" }, index.h("div", { key: '1dc6ccfc8809d55d7b78958fde58cc80929697a9', class: "row" }, index.h("div", { key: 'ebceda730dc293a14b11296b14939e0fffc78b35', class: "col-12" }, index.h("div", { key: '8c9e85c64c637a8bf3d747df129e2beee238bbba', class: "row" }, index.h("div", { key: 'c9c37f2f7fd416fd15a0841a65bf3c48bcaca176', class: "form-group" }, index.h("label", { key: '399452562493935e22b08bb07b719e3db27ce867', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: 'ef2a56d47c76fee6e5bc7f440b5ffc3c3d552e6b', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: 'f8dd93f7ba7e82746bcf0a1074c481271ed956bd', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), this.applicationId && (index.h("div", { key: '9b19a2d1ab46be3aa20191ffbe27fd13db716026', class: "form-group", style: { marginTop: '12px' } }, index.h("label", { key: '08d8cb0a289dcaec5e9ecc010e6264986a286e1e', htmlFor: "pageSearch" }, "Select Page"), index.h("div", { key: '11937df107fc776c1e7b06a519288a769bb3b89a', class: "search-select-wrapper" }, index.h("input", { key: '11974ecfcd264bc0cfd4f9fb3dc1fa8c217076a3', type: "text", class: "search-input", placeholder: "Search Pages...", value: this.pageSearchQuery, onInput: e => {
                 this.pageSearchQuery = e.target.value;
                 this.isPageDropdownOpen = true;
-            }, onFocus: () => this.isPageDropdownOpen = true }), this.isPageDropdownOpen && (index.h("div", { key: 'c500c37cc1ffa9b6f13bb01bb7ddc802076ca45c', class: "search-dropdown" }, this.filteredPages.length === 0 ? (index.h("div", { class: "search-no-result" }, "No pages found")) : (this.filteredPages.map(page => (index.h("div", { class: `search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`, onClick: () => {
+            }, onFocus: () => this.isPageDropdownOpen = true }), this.isPageDropdownOpen && (index.h("div", { key: '934728e0bec1fa9be3cd7168b368bd63327af941', class: "search-dropdown" }, this.filteredPages.length === 0 ? (index.h("div", { class: "search-no-result" }, "No pages found")) : (this.filteredPages.map(page => (index.h("div", { class: `search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`, onClick: () => {
                 this.selectPage(page);
                 this.pageSearchQuery = page.name;
                 this.isPageDropdownOpen = false;
             } }, index.h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: '0' } }, index.h("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: "currentColor", "stroke-width": "2" }), index.h("path", { d: "M14 2v6h6", stroke: "currentColor", "stroke-width": "2" })), index.h("span", null, page.name), index.h("small", { class: {
                 'culture-unpublished': page.pageCultureStatus == 1,
                 'culture-published': page.pageCultureStatus == 2,
-            } }, page.cultureCode))))))))))))))))))));
+            } }, page.cultureCode))))))))))))), index.h("div", { key: 'bbdab2028991401bcd05652b0871ea67e5491b74', class: "modal-footer" }, index.h("button", { key: 'd4749caaba172a93bfd91c21a0755ac02900621a', class: "btn btn-primary", onClick: () => this.confirmPageSelection() }, "Confirm"), index.h("button", { key: '92ec1642bf3491961dea0bbc3855988e5ff7645b', class: "btn btn-secondary", onClick: () => this.togglePageModal() }, "Cancel")))))))));
     }
     static get watchers() { return {
         "cultureCode": ["watchChanges"],

package/dist/cjs/eiam-user-preference.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["eiam-user-preference.cjs",[[257,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"isModalOpen":[32],"currentPage":[32],"pageSize":[32],"isPageModalOpen":[32],"selectedPage":[32],"showToastFlag":[32],"toastType":[32],"toastMessage":[32],"pageSearchQuery":[32],"isPageDropdownOpen":[32]},null,{"cultureCode":["watchChanges"],"applicationId":["watchChanges"],"pageId":["watchChanges"],"apiUrl":["watchChanges"]}]]],["my-component.cjs",[[257,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
+  return index.bootstrapLazy([["eiam-user-preference.cjs",[[257,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"isModalOpen":[32],"currentPage":[32],"pageSize":[32],"isPageModalOpen":[32],"selectedPage":[32],"showToastFlag":[32],"toastType":[32],"toastMessage":[32],"tempSelectedPage":[32],"tempApplicationId":[32],"pageSearchQuery":[32],"isPageDropdownOpen":[32]},null,{"cultureCode":["watchChanges"],"applicationId":["watchChanges"],"pageId":["watchChanges"],"apiUrl":["watchChanges"]}]]],["my-component.cjs",[[257,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/eiam-user-preference.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"eiam-user-preference.entry.cjs.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[":root{\r\n  --bs-border-width:1px;\r\n--bs-border-color:#cccccc;\r\n--bs-border-width:0px;--bs-border-radius:.375rem;\r\n}\r\n.kt-quick-panel {\r\n  background-color: #fff;\r\n  -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n  box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n  padding: 0;\r\n}\r\n\r\n.kt-quick-panel__close {\r\n  position: absolute;\r\n  z-index: 1;\r\n  right: 1.5rem;\r\n  top: 1rem;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  background-color: #f7f8fa;\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel__close i {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  font-size: 0.8rem;\r\n  color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__close:hover {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel__close:hover i {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel__nav {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  position: relative;\r\n  padding: 1.5rem 0 0 0;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n}\r\n\r\n.kt-quick-panel__nav .nav {\r\n  width: 100%;\r\n  padding: 0 1.5rem;\r\n  margin: 0;\r\n}\r\n.kt-quick-panel__nav .nav .nav-item {\r\n  margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item .nav-link {\r\n  font-size: 1rem;\r\n  color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel__content {\r\n  padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel__content .ps>.ps__rail-y {\r\n  right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel__content-padding-x {\r\n  padding-left: 1.5rem;\r\n  padding-right: 1.5rem;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x {\r\n  border-bottom-color: rgba(0, 143, 199, 0.1);\r\n}\r\n@media (max-width: 1024px) {\r\n  .kt-quick-panel__close {\r\n    right: 0.5rem;\r\n    top: 0.5rem;\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .kt-quick-panel__close i {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .kt-quick-panel__nav {\r\n    padding: 1rem 0;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-item {\r\n    margin-right: 1rem;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-item:last-child {\r\n    margin-right: 0;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-link {\r\n    padding-top: 0.5rem;\r\n    padding-bottom: 0.5rem;\r\n    font-size: 0.9rem;\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .kt-quick-panel__nav .kt-quick-panel__close i {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .kt-quick-panel__content {\r\n    padding: 1rem 0.5rem 1rem 1rem;\r\n  }\r\n\r\n  .kt-quick-panel__content .tab-pane {\r\n    padding-right: 0.5rem;\r\n  }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n  z-index: 1001;\r\n  position: fixed;\r\n  -webkit-overflow-scrolling: touch;\r\n  top: 0;\r\n  bottom: 0;\r\n  overflow-y: auto;\r\n  -webkit-transform: translate3d(0, 0, 0);\r\n  backface-visibility: hidden;\r\n  -webkit-backface-visibility: hidden;\r\n  width: 425px !important;\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: auto;\r\n  right:0 ;\r\n}\r\n.input-group {\r\n  position: relative;\r\n  display: flex\r\n;\r\n  flex-wrap: nowrap;\r\n  align-items: stretch;\r\n  width: 100%;\r\n} .input-group-prepend, .input-group-append {\r\n  display: flex\r\n;\r\n}\r\n\r\n.input-group-prepend {\r\n  margin-right: -1px;\r\n}\r\n\r\n.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\r\n  border-top-right-radius: 0;\r\n  border-bottom-right-radius: 0;\r\n}.input-group-text {\r\n  display: flex\r\n;\r\n  align-items: center;\r\n  padding: 0.65rem 1rem;\r\n  margin-bottom: 0;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: #6f6f6f;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  background-color: #f7f8fa;\r\n  border: 1px solid #e2e5ec;\r\n  border-radius: 4px;\r\n}\r\n\r\n.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\r\n  border-top-right-radius: 0;\r\n  border-bottom-right-radius: 0;\r\n}.form-control {\r\n  display: block;\r\n  width: 100%;\r\n  padding: .375rem .75rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: var(--bs-body-color);\r\n  appearance: none;\r\n  background-color: var(--bs-body-bg);\r\n  background-clip: padding-box;\r\n  border: var(--bs-border-width) solid var(--bs-border-color);\r\n  border-radius: var(--bs-border-radius);\r\n  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}.form-control {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 0rem .75rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: var(--bs-body-color);\r\n  appearance: none;\r\n  background-color: var(--bs-body-bg);\r\n  background-clip: padding-box;\r\n  /* border: var(--bs-border-width) solid #cccccc; */\r\n  border-radius: var(--bs-border-radius);\r\n  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n  height: 36px;\r\n}.modal-body {\r\n  padding: 15px 0;\r\n}\r\n.modal-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.form-control{\r\n  background-color: #ffffff;\r\n}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n  margin-left: calc(var(--bs-border-width) * -1);\r\n  border-top-left-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}.btn-primary {\r\n  color: #fff;\r\n  background-color: #5867dd;\r\n  border-color: #5867dd;\r\n  color: #ffffff;\r\n}.btn {\r\n  align-items: center;\r\n}.btn {\r\n  --bs-btn-padding-x: 0.75rem;\r\n  --bs-btn-padding-y: 0.375rem;\r\n  --bs-btn-font-family: ;\r\n  --bs-btn-font-size: 1rem;\r\n  --bs-btn-font-weight: 400;\r\n  --bs-btn-line-height: 1.5;\r\n  --bs-btn-color: var(--bs-body-color);\r\n  --bs-btn-bg: transparent;\r\n  --bs-btn-border-width: var(--bs-border-width);\r\n  --bs-btn-border-color: transparent;\r\n  --bs-btn-border-radius: var(--bs-border-radius);\r\n  --bs-btn-hover-border-color: transparent;\r\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\r\n  --bs-btn-disabled-opacity: 0.65;\r\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);\r\n  display: inline-block;\r\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\r\n  font-family: var(--bs-btn-font-family);\r\n  font-size: var(--bs-btn-font-size);\r\n  font-weight: var(--bs-btn-font-weight);\r\n  line-height: var(--bs-btn-line-height);\r\n  color: var(--bs-btn-color);\r\n  text-align: center;\r\n  text-decoration: none;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\r\n  border-radius: var(--bs-btn-border-radius);\r\n  background-color: var(--bs-btn-bg);\r\n  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n  .kt-quick-panel {\r\n    -webkit-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n  right: -445px;\r\n  left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  right: 0;\r\n  left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  width: 25px;\r\n  height: 25px;\r\n  top: 1px;\r\n  z-index: 1002;\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  position: fixed;\r\n  border: 0;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  border-radius: 3px;\r\n  cursor: pointer;\r\n  outline: none !important;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n  .kt-quick-panel-close {\r\n    -webkit-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n  line-height: 0;\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n  text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n  left: auto;\r\n  right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n  left: auto;\r\n  right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  overflow: hidden;\r\n  z-index: 1000;\r\n  background: rgba(0, 0, 0, 0.1);\r\n  -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n  animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n  background: #ffffff;\r\n  -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n  box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n  background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n  color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n  background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n  color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n  width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n  font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n  margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n  margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n  -webkit-box-shadow: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n  background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n  border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n.custom-file {\r\n  width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n  -webkit-box-shadow: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n  text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n  float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n  font-size: 1.2rem;\r\n  float: left;\r\n}\r\n\r\n.input-group i {\r\n  color: #6f6f6f;\r\n  line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n  margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n  margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n  padding-right: 3px;\r\n  padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n  padding-left: 0;\r\n  padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n  padding-right: 0;\r\n  padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n  display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1050; /* Make sure this is higher than your main content */\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n  z-index: 1060;\r\n  width: 600px;\r\n  max-width: 90%;\r\n  position: relative;\r\n}\r\n.modal-content.landing-page {\r\n  padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n}\r\nbody.modal-open {\r\n  overflow: hidden;\r\n}\r\nbutton.close {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #eee;\r\n  cursor: pointer;\r\n  transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n  background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n  color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n  color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n  color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n  width: 100%;\r\n  padding: 8px;\r\n  margin-top: 5px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n  margin-top: 15px;\r\n}\r\n\r\n\r\n.nav-tabs.nav-tabs-line {\r\n  border-bottom: 1px solid #ebedf2;\r\n} .nav-tabs.nav-tabs-line.nav-tabs-line-3x {\r\n  border-bottom-width: 3px !important;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {\r\n  color: #008fc7;\r\n  border-bottom: 1px solid #008fc7;\r\n}\r\n\r\nselect {\r\n  position: relative;\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\nselect {\r\n  height: 36px;\r\n  color: #333;\r\n  background-color: #fff;\r\n  border-radius: 4px;\r\n  border: 1px solid #ccc;\r\n  min-height: 36px;\r\n  align-items: center;\r\n  cursor: default;\r\n  display: flex;\r\n  outline: none;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {\r\n  background-color: transparent;\r\n  color: #595d6e;\r\n  border-bottom: 1px solid #008fc7;\r\n}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n  font-size: 1rem;\r\n  color: #6f6f6f;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link {\r\n  font-weight: 500;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {\r\n  border-bottom-width: 3px !important;\r\n}.nav-tabs .nav-item:last-child .nav-link {\r\n  margin-right: 0;\r\n}.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n  color: #008fc7;\r\n}\r\n\r\n.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n  transition: all 0.3s;\r\n}\r\n.nav {\r\n  --bs-nav-link-padding-x: 1rem;\r\n  --bs-nav-link-padding-y: 0.5rem;\r\n  --bs-nav-link-font-weight: ;\r\n  --bs-nav-link-color: var(--bs-link-color);\r\n  --bs-nav-link-hover-color: var(--bs-link-hover-color);\r\n  --bs-nav-link-disabled-color: var(--bs-secondary-color);\r\n  display: flex\r\n;\r\n  flex-wrap: wrap;\r\n  padding-left: 0;\r\n  margin-bottom: 0;\r\n  list-style: none;\r\n}.nav-tabs.nav-tabs-line {\r\n  border-bottom: 1px solid #ebedf2;\r\n}\r\n.kt-notification-item-padding-x {\r\n  padding-left: 1.5rem !important;\r\n  padding-right: 1.5rem !important;\r\n}.kt-quick-panel .kt-quick-panel__content {\r\n  padding: 1.5rem 10px;\r\n}.form-group {\r\n  margin-bottom: 2rem;\r\n}\r\n.form-group label {\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  margin-bottom: 0.25rem;\r\n}label {\r\n  display: inline-block;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.form-group>label {\r\n  width: 100%;\r\n}\r\n.btn-primary {\r\n  --bs-btn-color: #fff;\r\n  --bs-btn-bg: #0d6efd;\r\n  --bs-btn-border-color: #0d6efd;\r\n  --bs-btn-hover-color: #fff;\r\n  --bs-btn-hover-bg: #0b5ed7;\r\n  --bs-btn-hover-border-color: #0a58ca;\r\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n  --bs-btn-active-color: #fff;\r\n  --bs-btn-active-bg: #0a58ca;\r\n  --bs-btn-active-border-color: #0a53be;\r\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n  --bs-btn-disabled-color: #fff;\r\n  --bs-btn-disabled-bg: #0d6efd;\r\n  --bs-btn-disabled-border-color: #0d6efd;\r\n}.btn:not(:disabled):not(.disabled) {\r\n  cursor: pointer;\r\n}\r\n.btn:not(:first-child) {\r\n  margin-left: 0.5rem;\r\n}\r\n.btn-secondary {\r\n  --bs-btn-color: #fff;\r\n  --bs-btn-bg: #6c757d;\r\n  --bs-btn-border-color: #6c757d;\r\n  --bs-btn-hover-color: #fff;\r\n  --bs-btn-hover-bg: #5c636a;\r\n  --bs-btn-hover-border-color: #565e64;\r\n  --bs-btn-focus-shadow-rgb: 130, 138, 145;\r\n  --bs-btn-active-color: #fff;\r\n  --bs-btn-active-bg: #565e64;\r\n  --bs-btn-active-border-color: #51585e;\r\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n  --bs-btn-disabled-color: #fff;\r\n  --bs-btn-disabled-bg: #6c757d;\r\n  --bs-btn-disabled-border-color: #6c757d;\r\n}\r\n\r\n\r\n.toast {\r\n  position: fixed;\r\n  top: 20px;\r\n  right: 20px;\r\n  padding: 12px 20px;\r\n  border-radius: 5px;\r\n  color: white;\r\n  font-size: 14px;\r\n  z-index: 9999;\r\n  animation: fadeInOut 3s ease-in-out;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.toast.success {\r\n  background-color: #2ecc71;\r\n}\r\n\r\n.toast.error {\r\n  background-color: #e74c3c;\r\n}\r\n\r\n.pagination-controls {\r\n  margin-top: 12px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-family: sans-serif;\r\n}\r\n\r\n.arrow-button {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) {\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.arrow-button:disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-controls span {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.modal-dialog {\r\n  max-width: 420px !important;\r\n  width: 90vw !important;\r\n}\r\n\r\n.modal-inner {\r\n  padding: 8px 4px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.form-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-weight: 500;\r\n  font-size: 13px;\r\n  color: #005b88;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.form-select {\r\n  width: 100%;\r\n  padding: 7px 10px;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  font-size: 13px;\r\n  outline: none;\r\n}\r\n\r\n.form-select:focus {\r\n  border-color: #005b88;\r\n}\r\n\r\n.section-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-weight: 500;\r\n  font-size: 13px;\r\n  color: #005b88;\r\n  border-bottom: 1.5px solid #e0eef4;\r\n  padding-bottom: 7px;\r\n}\r\n\r\n.pages-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  max-height: 220px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.page-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 10px;\r\n  border: 1.5px solid #e0eef4;\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  transition: background 0.15s, border-color 0.15s;\r\n}\r\n\r\n.page-item:hover {\r\n  background: #f0f8fc;\r\n  border-color: #005b88;\r\n}\r\n\r\n.page-icon { flex-shrink: 0; }\r\n\r\n.page-info {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n}\r\n\r\n.page-name {\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  color: #222;\r\n}\r\n\r\n.culture-badge {\r\n  font-size: 10px;\r\n  padding: 2px 6px;\r\n  border-radius: 10px;\r\n}\r\n\r\n.culture-published   { background: #e6f4ea; color: #2e7d32; }\r\n.culture-unpublished { background: #fff3e0; color: #e65100; }\r\n\r\n.page-arrow { flex-shrink: 0; opacity: 0.35; }\r\n.page-item:hover .page-arrow { opacity: 1; }\r\n\r\n.empty-pages {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 20px;\r\n  color: #aaa;\r\n  font-size: 12px;\r\n}\r\n\r\n.pagination-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  padding-top: 8px;\r\n  border-top: 1px solid #e0eef4;\r\n}\r\n\r\n.page-counter { font-size: 12px; color: #555; }\r\n\r\n.arrow-button {\r\n  background: none;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 6px;\r\n  padding: 3px 7px;\r\n  cursor: pointer;\r\n  color: #005b88;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) { background: #e8f4fb; }\r\n.arrow-button:disabled { opacity: 0.35; cursor: not-allowed; }\r\n\r\n.search-select-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  padding: 8px 12px;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  font-size: 13px;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.search-input:focus {\r\n  border-color: #005b88;\r\n}\r\n\r\n.search-dropdown {\r\n  position: absolute;\r\n  top: calc(100% + 4px);\r\n  left: 0;\r\n  right: 0;\r\n  background: white;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  max-height: 220px;\r\n  overflow-y: auto;\r\n  z-index: 9999;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n}\r\n\r\n.search-option {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  transition: background 0.15s;\r\n}\r\n\r\n.search-option:hover {\r\n  background: #f0f8fc;\r\n}\r\n\r\n.search-option.selected {\r\n  background: #e8f4fb;\r\n  color: #005b88;\r\n  font-weight: 600;\r\n}\r\n\r\n.search-no-result {\r\n  padding: 12px;\r\n  text-align: center;\r\n  color: #aaa;\r\n  font-size: 13px;\r\n}\r\n\r\n.culture-published  { background: #e6f4ea; color: #2e7d32; font-size: 10px; padding: 2px 6px; border-radius: 10px; }\r\n.culture-unpublished{ background: #fff3e0; color: #e65100; font-size: 10px; padding: 2px 6px; border-radius: 10px; }","import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'eiam-user-preference',\r\n  styleUrl: 'eiam-user-preference.css',\r\n  shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n  @Element() host: HTMLElement;\r\n  @State() currentRouteSlug: string;\r\n  @State() payload = {\r\n    pagination: {\r\n      pageIndex: 0,\r\n      pageSize: 1000,\r\n    },\r\n    search: {\r\n      pageName: '',\r\n    },\r\n  };\r\n  @Event() preferencesChanged: EventEmitter<any>;\r\n  @State() userPreferences = {\r\n    dateFormat: 'dd/MM/yyyy',\r\n    timeFormat: '',\r\n    fontSize: null,\r\n    displayFormat: 4,\r\n    defaultLandingPageId: '',\r\n    pageName: '',\r\n  };\r\n\r\n  @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n  @State() timeFormats: string[] = ['h:mm a'];\r\n  @State() fontSizes = [\r\n    { label: 'Small', value: '14' },\r\n    { label: 'Medium', value: '16' },\r\n    { label: 'Large', value: '18' },\r\n  ];\r\n  @State() displayFormats: any[] = [];\r\n  @State() userApplications: any[] = [];\r\n  @State() pages: any[] = [];\r\n  @State() isModalOpen = false;\r\n  @State() currentPage: number = 1;\r\n  @State() pageSize: number = 10;\r\n  @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n  @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n  @State() showToastFlag: any;\r\n  @State() toastType: any;\r\n  @State() toastMessage: any;\r\n  @Prop() pageId: any;\r\n  @Prop() cultureCode: string;\r\n  @Prop() applicationId: string;\r\n  @Prop() apiUrl: string;\r\n  @Watch('cultureCode')\r\n  @Watch('applicationId')\r\n  @Watch('pageId')\r\n  @Watch('apiUrl')\r\n\r\n\r\nasync watchChanges() {\r\n  await this.fetchInitiateValue();\r\n}\r\n\r\nasync componentWillLoad() {\r\n  await this.fetchInitiateValue();\r\n}\r\n\r\nprivate isFetching = false;\r\nasync fetchInitiateValue() {\r\n  if (!this.cultureCode || !this.applicationId || !this.apiUrl) {\r\n    return; // wait until all props are ready\r\n  }\r\n\r\n  if (this.isFetching) return; // prevent duplicate calls\r\n  this.isFetching = true;\r\n\r\n  await this.getDisplayFormats();\r\n  await this.getUserPreferences();\r\n  await this.getUserApplications();\r\n\r\n  this.isFetching = false;\r\n}\r\n\r\nprivate isFetchingDisplayFormats = false;\r\nprivate isFetchingUserPreferences = false;\r\nprivate isFetchingApplications = false;\r\n\r\n  async getDisplayFormats() {\r\n     if (this.isFetchingDisplayFormats) return;\r\n  this.isFetchingDisplayFormats = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n        method: 'GET', // Specify GET method\r\n        headers: headers,\r\n        credentials: 'include', // Include credentials (cookies) in the request\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (Array.isArray(data.content)) {\r\n        this.displayFormats = data.content;\r\n      } else {\r\n        // console.error('Invalid response structure:', data);\r\n        this.showToast('Something went wrong', 'error');\r\n      }\r\n    } catch (error) {\r\n      // console.error('Error fetching display formats:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally {\r\n    this.isFetchingDisplayFormats = false;\r\n  }\r\n  }\r\n\r\n  async getUserPreferences() {\r\n      if (this.isFetchingUserPreferences) return;\r\n  this.isFetchingUserPreferences = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n        method: 'GET',\r\n        headers: headers,\r\n        credentials: 'include',\r\n      });\r\n\r\n      let data = await response.json();\r\n      if (data && typeof data !== 'string' && data.code == \"0000\") {\r\n        console.log(data, ' data of user preferances');\r\n        const fontSizeValue = parseInt(data.content.fontSize);\r\n        console.log(fontSizeValue, ' fontSizeValue of user preferances');\r\n\r\n        this.userPreferences = {\r\n          ...this.userPreferences,\r\n          dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n          timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n          fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),\r\n          displayFormat: data.content?.displayFormat || 1,\r\n          defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n          pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n        };\r\n        // this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n        this.selectedPage = {\r\n  ...this.selectedPage,\r\n  name: data.content?.defaultLandingPageDetails?.name || '',\r\n  pageId: data.content?.defaultLandingPageId,  \r\n};\r\n\r\n\r\nthis.pageSearchQuery = data.content?.defaultLandingPageDetails?.name || '';\r\n      }\r\n      \r\n      this.preferencesChanged.emit(data);\r\n    } catch (error) {\r\n      // console.error('Error fetching user preferences:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally {\r\n    this.isFetchingUserPreferences = false;\r\n    }\r\n  }\r\n  private showToast(message: string, type: 'success' | 'error' = 'success') {\r\n    this.toastMessage = message;\r\n    this.toastType = type;\r\n    this.showToastFlag = true;\r\n\r\n    setTimeout(() => {\r\n      this.showToastFlag = false;\r\n    }, 3000);\r\n  }\r\n\r\n  async getUserApplications() {\r\n          if (this.isFetchingApplications) return;\r\n  this.isFetchingApplications = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n        method: 'GET',\r\n        headers: headers,\r\n        credentials: 'include',\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (data && Array.isArray(data.content)) {\r\n   this.userApplications = data.content.filter(el => el.applicationId !== 1);\r\n      } else {\r\n        // console.error('Invalid response structure:', data);\r\n        this.showToast('Something went wrong', 'error');\r\n      }\r\n    } catch (error) {\r\n      // console.error('Error fetching applications:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally{\r\n      this.isFetchingApplications = false;\r\n    }\r\n  }\r\n  @State() pageSearchQuery: string = '';\r\n@State() isPageDropdownOpen: boolean = false;\r\n\r\nget filteredPages() {\r\n  const query = this.pageSearchQuery.toLowerCase();\r\n  return this.pages.filter(page =>\r\n    page.name.toLowerCase().includes(query)\r\n  );\r\n}\r\n  changeApplication(e: Event) {\r\n    const selectedId = (e.target as HTMLSelectElement).value;\r\n this.pageSearchQuery = '';         // ✅ reset search\r\n  this.isPageDropdownOpen = false;\r\n    this.selectedPage = { pageId: null, name: '' }; \r\n    if (selectedId) {\r\n      this.applicationId = selectedId;\r\n      // console.log(this.applicationId, 'this.applicationId on change');\r\n      this.getPagesSApplications();\r\n    } else {\r\n      this.applicationId = null;\r\n    }\r\n  }\r\n\r\n  async getPagesSApplications() {\r\n    try {\r\n      const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n          'CultureCode': this.cultureCode,\r\n          'Source': '2',\r\n          'applicationId': this.applicationId,\r\n        },\r\n        credentials: 'include',\r\n        body: JSON.stringify(this.payload),\r\n      });\r\n\r\n      if (!response.ok) {\r\n        // console.error('Failed to fetch pages');\r\n        this.showToast('Something went wrong', 'error');\r\n        return;\r\n      }\r\n\r\n      const data = await response.json();\r\n      this.pages = data?.content?.data;\r\n      // console.log(data, 'data of all pages ');\r\n    } catch (error) {\r\n      // console.error('Error fetching pages:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }\r\n  }\r\n\r\n  async submitPreferences() {\r\n    const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n    const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n    let pageName = this.selectedPage.name;\r\n    let defaultLandingPageId = this.selectedPage.pageId;\r\n    const headers = {\r\n      'Content-Type': 'application/json',\r\n      'CultureCode': this.cultureCode,\r\n      'Source': '2',\r\n      'applicationId': this.applicationId,\r\n    };\r\n    // console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n    try {\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n        method: 'POST',\r\n        headers,\r\n        body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n        credentials: 'include',\r\n      });\r\n\r\n      if (!response.ok) {\r\n        // console.error('Failed to save preferences:', response.statusText);\r\n        this.showToast('Something went wrong', 'error');\r\n\r\n        return;\r\n      }\r\n      if (response.ok) {\r\n        // Fetch updated preferences\r\n        this.showToast('Preferences updated successfully!', 'success');\r\n\r\n        const newPrefs: any = await this.getUserPreferences();\r\n        if (!newPrefs || typeof newPrefs === 'string') return;\r\n      }\r\n    } catch (error) {\r\n      this.showToast('Something went wrong', 'error');\r\n      // console.error('Error submitting preferences:', error);\r\n    }\r\n  }\r\n\r\n  async resetPreferences() {\r\n    try {\r\n      let res = await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n        method: 'DELETE',\r\n        credentials: 'include',\r\n      });\r\n\r\n      this.userPreferences = {\r\n        dateFormat: 'dd/MM/yyyy',\r\n        timeFormat: '',\r\n        fontSize: '',\r\n        displayFormat: 4,\r\n        defaultLandingPageId: '',\r\n        pageName: '',\r\n      };\r\n      if (res.ok) {\r\n        // Fetch updated preferences\r\n        this.showToast('Preferences updated successfully!', 'success');\r\n\r\n        location.reload(); // If you want to refresh the UI\r\n      }\r\n    } catch (error) {\r\n      // console.error('Failed to reset preferences', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }\r\n  }\r\n  toggleModal() {\r\n    this.isModalOpen = !this.isModalOpen;\r\n  }\r\n  togglePageModal() {\r\n    this.isPageModalOpen = !this.isPageModalOpen;\r\n  }\r\n  selectPage(page) {\r\n    this.selectedPage = page;\r\n    this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n    this.togglePageModal(); // Close the page selection modal\r\n  }\r\n\r\n  get pagedPages() {\r\n    const start = (this.currentPage - 1) * this.pageSize;\r\n    const end = start + this.pageSize;\r\n    return this.pages.slice(start, end);\r\n  }\r\n\r\n  get totalPages() {\r\n    return Math.ceil(this.pages.length / this.pageSize);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"container\">\r\n          <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"28px\" height=\"28px\" viewBox=\"0 0 24 24\" style={{ cursor: 'pointer' }}>\r\n            <g stroke=\"none\" fill=\"none\">\r\n              <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n              <rect fill=\"#008fc7\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n              <path\r\n                d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n                fill=\"#008fc7\"\r\n                opacity=\"0.3\"\r\n              />\r\n            </g>\r\n          </svg>\r\n\r\n          {/* Main Modal */}\r\n          {this.isModalOpen && (\r\n            <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n              <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25px\" height=\"25px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <g id=\"Menu / Close_SM\">\r\n                    <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                  </g>\r\n                </svg>\r\n              </a>\r\n              <div class=\"kt-quick-panel__nav\">\r\n                <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n                  <li class=\"nav-item active\">\r\n                    <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n                      User Preference\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n\r\n              <div class=\"kt-quick-panel__content\">\r\n                <div class=\"tab-content\">\r\n                  <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n                    <div class=\"kt-notification\">\r\n                      <div class=\"kt-portlet__body\">\r\n                        <div class=\"form-group\">\r\n                          <label>Date Format</label>\r\n                          <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n                            {this.dateFormates.map(format => (\r\n                              <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n                                {format}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Time Format</label>\r\n                          <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n                            {this.timeFormats.map(format => (\r\n                              <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n                                {format}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Font Size</label>\r\n                          <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n                            {this.fontSizes.map(size => (\r\n                              <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n                                {size.label}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>User Display Format</label>\r\n                          <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n                            {this.displayFormats.map(format => (\r\n                              <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n                                {format.label}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Default Landing Page</label>\r\n                          <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n                            <div class=\"input-group-prepend\">\r\n                              <span class=\"input-group-text\">\r\n                                <svg\r\n                                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                                  fill=\"#000000\"\r\n                                  height=\"18px\"\r\n                                  width=\"18px\"\r\n                                  version=\"1.1\"\r\n                                  id=\"Layer_1\"\r\n                                  viewBox=\"0 0 64 64\"\r\n                                  enable-background=\"new 0 0 64 64\"\r\n                                >\r\n                                  <g id=\"Link-chains\">\r\n                                    <path d=\"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z\" />\r\n                                    <path d=\"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z\" />\r\n                                  </g>\r\n                                </svg>\r\n                              </span>\r\n                            </div>\r\n                            <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"kt-portlet__foot\">\r\n                        <div class=\"kt-form__actions\">\r\n                          <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n                            Save\r\n                          </button>\r\n                          <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n                            Reset\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {this.showToastFlag && <div class={`toast ${this.toastType}`}>{this.toastMessage}</div>}\r\n\r\n          {/* Page Selection Modal */}\r\n\r\n          {this.isPageModalOpen && (\r\n            <div class=\"modal-overlay\">\r\n              <div class=\"modal-dialog modal-md landing-modal\">\r\n                <div class=\"modal-content landing-page\">\r\n                  <div class=\"modal-header\">\r\n                    <h4 class=\"modal-title pull-left\"> Customize your default landing page </h4>\r\n                    <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n                      <span>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                          <g id=\"Menu / Close_SM\">\r\n                            <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                          </g>\r\n                        </svg>\r\n                      </span>\r\n                    </button>\r\n                  </div>\r\n\r\n                  {/* \r\n                  <div class=\"modal-body\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"form-group\">\r\n                            <label htmlFor=\"\"> Default Landing Page </label>\r\n                            <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n                              <option value=\"\" selected={this.applicationId === null}>\r\n                                -- Select Application --\r\n                              </option>\r\n                              {this.userApplications.map(application => (\r\n                                <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n                                  {application.applicationName}\r\n                                </option>\r\n                              ))}\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <label>Select Page</label>\r\n                        <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n                          {this.pagedPages.map(page => (\r\n                            <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n                              <div class=\"row\">\r\n                                <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n                                  {page.name}\r\n                                </span>\r\n                                <small\r\n                                  class={{\r\n                                    'culture-unpublished': page.pageCultureStatus == 1,\r\n                                    'culture-published': page.pageCultureStatus == 2,\r\n                                  }}\r\n                                >\r\n                                  {page.cultureCode}\r\n                                </small>\r\n                              </div>\r\n                            </div>\r\n                          ))}\r\n                        </div>\r\n\r\n                        {this.totalPages > 1 && (\r\n                          <div class=\"pagination-controls\">\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === 1} onClick={() => this.currentPage--}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                            <span>\r\n                               {this.currentPage} of {this.totalPages}\r\n                            </span>\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === this.totalPages} onClick={() => this.currentPage++}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </div>  */}\r\n\r\n                  <div class=\"modal-body\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"form-group\">\r\n                            <label htmlFor=\"\"> Default Landing Page </label>\r\n                            <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n                              <option value=\"\" selected={this.applicationId === null}>\r\n                                -- Select Application --\r\n                              </option>\r\n                              {this.userApplications.map(application => (\r\n                                <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n                                  {application.applicationName}\r\n                                </option>\r\n                              ))}\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n\r\n      {/* ===== Page Searchable Dropdown (only shows after app is selected) ===== */}\r\n      {this.applicationId && (\r\n        <div class=\"form-group\" style={{ marginTop: '12px' }}>\r\n          <label htmlFor=\"pageSearch\">Select Page</label>\r\n\r\n          {/* Search input */}\r\n          <div class=\"search-select-wrapper\">\r\n            <input\r\n              type=\"text\"\r\n              class=\"search-input\"\r\n              placeholder=\"Search Pages...\"\r\n              value={this.pageSearchQuery}\r\n              onInput={e => {\r\n                this.pageSearchQuery = (e.target as HTMLInputElement).value;\r\n                this.isPageDropdownOpen = true;\r\n              }}\r\n              onFocus={() => this.isPageDropdownOpen = true}\r\n            />\r\n\r\n            {/* Dropdown list */}\r\n            {this.isPageDropdownOpen && (\r\n              <div class=\"search-dropdown\">\r\n                {this.filteredPages.length === 0 ? (\r\n                  <div class=\"search-no-result\">No pages found</div>\r\n                ) : (\r\n                  this.filteredPages.map(page => (\r\n                    <div\r\n                      class={`search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`}\r\n                      onClick={() => {\r\n                        this.selectPage(page);\r\n                        this.pageSearchQuery = page.name;\r\n                        this.isPageDropdownOpen = false;\r\n                      }}>\r\n                      {/* Page icon */}\r\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" style={{ flexShrink: '0' }}>\r\n                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\r\n                          stroke=\"currentColor\" stroke-width=\"2\"/>\r\n                        <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"2\"/>\r\n                      </svg>\r\n\r\n                      <span>{page.name}</span>\r\n\r\n                      {/* Culture badge */}\r\n                      <small class={{\r\n                        'culture-unpublished': page.pageCultureStatus == 1,\r\n                        'culture-published': page.pageCultureStatus == 2,\r\n                      }}>\r\n                        {page.cultureCode}\r\n                      </small>\r\n                    </div>\r\n                  ))\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n        </div>\r\n      )}\r\n                       {/* { <label>Select Page</label>\r\n                        <div style={{ maxHeight: '250px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n                          {this.pagedPages.map(page => (\r\n                            <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n                              <div class=\"row\">\r\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" >\r\n  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"currentColor\"  ></path>\r\n  <path d=\"M14 2v6h6\" stroke=\"currentColor\" ></path>\r\n</svg>\r\n                                <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1', padding: '5px' }}>\r\n                                  {page.name}\r\n                                </span>\r\n                                <small\r\n                                  class={{\r\n                                    'culture-unpublished': page.pageCultureStatus == 1,\r\n                                    'culture-published': page.pageCultureStatus == 2,\r\n                                  }}\r\n                                >\r\n                                  {page.cultureCode}\r\n                                </small>\r\n                              </div>\r\n                            </div>\r\n                          ))}\r\n                        </div>\r\n\r\n                        {this.totalPages > 1 && (\r\n                          <div class=\"pagination-controls\">\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === 1} onClick={() => this.currentPage--}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                            <span>\r\n                              {this.currentPage} of {this.totalPages}\r\n                            </span>\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === this.totalPages} onClick={() => this.currentPage++}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                          </div>\r\n                        )}} */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,8mkBAA8mkB;;MCO/nkB,kBAAkB,GAAA,MAAA;;;;;;AAEpB,IAAA,gBAAgB;AAChB,IAAA,OAAO,GAAG;AACjB,QAAA,UAAU,EAAE;AACV,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;KACF;AACQ,IAAA,kBAAkB;AAClB,IAAA,eAAe,GAAG;AACzB,QAAA,UAAU,EAAE,YAAY;AACxB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,oBAAoB,EAAE,EAAE;AACxB,QAAA,QAAQ,EAAE,EAAE;KACb;IAEQ,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC;AACnE,IAAA,WAAW,GAAa,CAAC,QAAQ,CAAC;AAClC,IAAA,SAAS,GAAG;AACnB,QAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;AAChC,QAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC;IACQ,cAAc,GAAU,EAAE;IAC1B,gBAAgB,GAAU,EAAE;IAC5B,KAAK,GAAU,EAAE;IACjB,WAAW,GAAG,KAAK;IACnB,WAAW,GAAW,CAAC;IACvB,QAAQ,GAAW,EAAE;AACrB,IAAA,eAAe,GAAY,KAAK,CAAC;AACjC,IAAA,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAC5E,IAAA,aAAa;AACb,IAAA,SAAS;AACT,IAAA,YAAY;AACb,IAAA,MAAM;AACN,IAAA,WAAW;AACX,IAAA,aAAa;AACb,IAAA,MAAM;AAOhB,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,MAAM,IAAI,CAAC,kBAAkB,EAAE;;AAGjC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,IAAI,CAAC,kBAAkB,EAAE;;IAGzB,UAAU,GAAG,KAAK;AAC1B,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAC5D,YAAA,OAAO;;QAGT,IAAI,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO;AAC5B,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AAEtB,QAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;AAC9B,QAAA,MAAM,IAAI,CAAC,kBAAkB,EAAE;AAC/B,QAAA,MAAM,IAAI,CAAC,mBAAmB,EAAE;AAEhC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;IAGjB,wBAAwB,GAAG,KAAK;IAChC,yBAAyB,GAAG,KAAK;IACjC,sBAAsB,GAAG,KAAK;AAEpC,IAAA,MAAM,iBAAiB,GAAA;QACpB,IAAI,IAAI,CAAC,wBAAwB;YAAE;AACtC,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI;AAClC,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,mCAAA,CAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAElC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AAC/B,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;;iBAC7B;;AAEL,gBAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;;QAEjD,OAAO,KAAK,EAAE;;AAEd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;gBACxC;AACT,YAAA,IAAI,CAAC,wBAAwB,GAAG,KAAK;;;AAIvC,IAAA,MAAM,kBAAkB,GAAA;QACpB,IAAI,IAAI,CAAC,yBAAyB;YAAE;AACxC,QAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI;AACnC,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;gBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,uCAAA,CAAyC,EAAE;AACpF,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,IAAI,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAChC,YAAA,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE;AAC3D,gBAAA,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC;gBAC9C,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AACrD,gBAAA,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,oCAAoC,CAAC;gBAEhE,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;AACvB,oBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,YAAY;AACpD,oBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC3D,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;AACpF,oBAAA,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC;AAC/C,oBAAA,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB;oBACzD,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBAC/D;;gBAED,IAAI,CAAC,YAAY,GAAG;oBAC1B,GAAG,IAAI,CAAC,YAAY;oBACpB,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;AACzD,oBAAA,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,oBAAoB;iBAC3C;AAGD,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;;AAGpE,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;;QAClC,OAAO,KAAK,EAAE;;AAEd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;gBACxC;AACT,YAAA,IAAI,CAAC,yBAAyB,GAAG,KAAK;;;AAGhC,IAAA,SAAS,CAAC,OAAe,EAAE,IAAA,GAA4B,SAAS,EAAA;AACtE,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAEzB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;SAC3B,EAAE,IAAI,CAAC;;AAGV,IAAA,MAAM,mBAAmB,GAAA;QACjB,IAAI,IAAI,CAAC,sBAAsB;YAAE;AACzC,QAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;AAChC,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;AAClC,gBAAA,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,6DAAA,CAA+D,EAAE;AAC1G,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAElC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AAC5C,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,aAAa,KAAK,CAAC,CAAC;;iBAC/D;;AAEL,gBAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;;QAEjD,OAAO,KAAK,EAAE;;AAEd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;gBACzC;AACN,YAAA,IAAI,CAAC,sBAAsB,GAAG,KAAK;;;IAG9B,eAAe,GAAW,EAAE;IAC9B,kBAAkB,GAAY,KAAK;AAE5C,IAAA,IAAI,aAAa,GAAA;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;QAChD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAC3B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CACxC;;AAED,IAAA,iBAAiB,CAAC,CAAQ,EAAA;AACxB,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK;AAC3D,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC7B,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9C,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU;;YAE/B,IAAI,CAAC,qBAAqB,EAAE;;aACvB;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;;AAI7B,IAAA,MAAM,qBAAqB,GAAA;AACzB,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,mBAAA,CAAqB,EAAE;AAChE,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,cAAc,EAAE,kBAAkB;oBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,oBAAA,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;AACpC,iBAAA;AACD,gBAAA,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AACnC,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;;AAEhB,gBAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;gBAC/C;;AAGF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI;;;QAEhC,OAAO,KAAK,EAAE;;AAEd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;;AAInD,IAAA,MAAM,iBAAiB,GAAA;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AAC/D,QAAA,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,aAAa,CAAA,EAAA,CAAI,GAAG,IAAI;AACpE,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI;AACrC,QAAA,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM;AACnD,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,YAAA,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC;;AAGD,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,wCAAA,CAA0C,EAAE;AACrF,gBAAA,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;AAC3H,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;;AAEhB,gBAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;gBAE/C;;AAEF,YAAA,IAAI,QAAQ,CAAC,EAAE,EAAE;;AAEf,gBAAA,IAAI,CAAC,SAAS,CAAC,mCAAmC,EAAE,SAAS,CAAC;AAE9D,gBAAA,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE;AACrD,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;oBAAE;;;QAEjD,OAAO,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;;;AAKnD,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,IAAI;YACF,IAAI,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,2BAAA,CAA6B,EAAE;AACjE,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;YAEF,IAAI,CAAC,eAAe,GAAG;AACrB,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,UAAU,EAAE,EAAE;AACd,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,oBAAoB,EAAE,EAAE;AACxB,gBAAA,QAAQ,EAAE,EAAE;aACb;AACD,YAAA,IAAI,GAAG,CAAC,EAAE,EAAE;;AAEV,gBAAA,IAAI,CAAC,SAAS,CAAC,mCAAmC,EAAE,SAAS,CAAC;AAE9D,gBAAA,QAAQ,CAAC,MAAM,EAAE,CAAC;;;QAEpB,OAAO,KAAK,EAAE;;AAEd,YAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;;;IAGnD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;;IAEtC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe;;AAE9C,IAAA,UAAU,CAAC,IAAI,EAAA;AACb,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC;AACxD,QAAA,IAAI,CAAC,eAAe,EAAE,CAAC;;AAGzB,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ;AACpD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;;AAGrC,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;;IAGrD,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,EACpJA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAG,CAAA,EAC3CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAG,CAAA,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,EAAA,CACb,CACA,CACA,EAGL,IAAI,CAAC,WAAW,KACfA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC5CA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB,EAAA,EAC/FA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAChGA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACrBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,GAAG,oBAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAG,CAAA,CACpJ,CACA,CACJ,EACJA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9BA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G,EAAA,EACrIA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EACzBA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAA,EAAA,iBAAA,CAEnD,CACD,CACF,CACD,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD,EAAA,EACpHA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAA0B,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EAC1BA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC5F,EAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,KAC3BA,OAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,EAAA,EACvE,MAAM,CACA,CACV,CAAC,CACK,CACL,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAA0B,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EAC1BA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC5F,EAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,KAC1BA,OAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,EAAA,EACvE,MAAM,CACA,CACV,CAAC,CACK,CACL,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAwB,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,WAAA,CAAA,EACxBA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAAA,EAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,KACtBA,OAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAC7E,EAAA,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAkC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,qBAAA,CAAA,EAClCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,EACzG,EAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,KAC7BA,OAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,EACtF,EAAA,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAmC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,sBAAA,CAAA,EACnCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EAC5DA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,WAAW,EAAA,mBAAA,EACD,eAAe,EAAA,EAEjCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,aAAa,EAAA,EACjBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,orCAAorC,EAAG,CAAA,EAC/rCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,29BAA29B,GAAG,CACp+B,CACA,CACD,CACH,EACNA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,IAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,EAAA,CAAG,CACzH,CACF,CACF,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAE9D,EAAA,MAAA,CAAA,EACTA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP,EAEA,IAAI,CAAC,aAAa,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,IAAI,CAAC,SAAS,CAAE,CAAA,EAAA,EAAG,IAAI,CAAC,YAAY,CAAO,EAItF,IAAI,CAAC,eAAe,KACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC9CA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvBA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAA2C,EAAA,uCAAA,CAAA,EAC5EA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAA,YAAA,EAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB,EAAA,EACtGA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAChGA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACrBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,EAAA,gBAAA,EAAgB,OAAO,EAAiB,iBAAA,EAAA,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL,EAgENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACdA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACdA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,EAAE,EAA+B,EAAA,wBAAA,CAAA,EAChDA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAA,EACxDA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,EAE7C,EAAA,0BAAA,CAAA,EACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,KACpCA,OAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,EAAA,EACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF,EAGvB,IAAI,CAAC,aAAa,KACjBA,kEAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAA,EAClDA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,YAAY,EAAoB,EAAA,aAAA,CAAA,EAG/CA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChCA,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,OAAO,EAAE,CAAC,IAAG;gBACX,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AAC3D,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;aAC/B,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAC7C,CAAA,EAGD,IAAI,CAAC,kBAAkB,KACtBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EACzB,EAAA,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAC9BA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAqB,EAAA,gBAAA,CAAA,KAElD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KACzBA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAA,cAAA,EAAiB,IAAI,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,UAAU,GAAG,EAAE,EAAE,EACrF,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACrB,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI;AAChC,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AACjC,aAAC,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,EACpFA,OAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4DAA4D,EAClE,MAAM,EAAC,cAAc,EAAc,cAAA,EAAA,GAAG,EAAE,CAAA,EAC1CA,OAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,EAAA,cAAA,EAAc,GAAG,EAAA,CAAE,CACxD,EAENA,OAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAC,IAAI,CAAQ,EAGxBA,OAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE;AACZ,gBAAA,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;AAClD,gBAAA,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;aACjD,EACE,EAAA,IAAI,CAAC,WAAW,CACX,CACJ,CACP,CAAC,CACH,CACG,CACP,CACG,CAEF,CACP,CA2CqB,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD;;;;;;;;;;;;;"}
+{"version":3,"file":"eiam-user-preference.entry.cjs.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[":root{\r\n  --bs-border-width:1px;\r\n--bs-border-color:#cccccc;\r\n--bs-border-width:0px;--bs-border-radius:.375rem;\r\n}\r\n.kt-quick-panel {\r\n  background-color: #fff;\r\n  -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n  box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n  padding: 0;\r\n}\r\n\r\n.kt-quick-panel__close {\r\n  position: absolute;\r\n  z-index: 1;\r\n  right: 1.5rem;\r\n  top: 1rem;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  background-color: #f7f8fa;\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel__close i {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  font-size: 0.8rem;\r\n  color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__close:hover {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel__close:hover i {\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n  color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel__nav {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  position: relative;\r\n  padding: 1.5rem 0 0 0;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n}\r\n\r\n.kt-quick-panel__nav .nav {\r\n  width: 100%;\r\n  padding: 0 1.5rem;\r\n  margin: 0;\r\n}\r\n.kt-quick-panel__nav .nav .nav-item {\r\n  margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item .nav-link {\r\n  font-size: 1rem;\r\n  color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel__content {\r\n  padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel__content .ps>.ps__rail-y {\r\n  right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel__content-padding-x {\r\n  padding-left: 1.5rem;\r\n  padding-right: 1.5rem;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x {\r\n  border-bottom-color: rgba(0, 143, 199, 0.1);\r\n}\r\n@media (max-width: 1024px) {\r\n  .kt-quick-panel__close {\r\n    right: 0.5rem;\r\n    top: 0.5rem;\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .kt-quick-panel__close i {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .kt-quick-panel__nav {\r\n    padding: 1rem 0;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-item {\r\n    margin-right: 1rem;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-item:last-child {\r\n    margin-right: 0;\r\n  }\r\n\r\n  .kt-quick-panel__nav .nav .nav-link {\r\n    padding-top: 0.5rem;\r\n    padding-bottom: 0.5rem;\r\n    font-size: 0.9rem;\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .kt-quick-panel__nav .kt-quick-panel__close i {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .kt-quick-panel__content {\r\n    padding: 1rem 0.5rem 1rem 1rem;\r\n  }\r\n\r\n  .kt-quick-panel__content .tab-pane {\r\n    padding-right: 0.5rem;\r\n  }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n  z-index: 1001;\r\n  position: fixed;\r\n  -webkit-overflow-scrolling: touch;\r\n  top: 0;\r\n  bottom: 0;\r\n  overflow-y: auto;\r\n  -webkit-transform: translate3d(0, 0, 0);\r\n  backface-visibility: hidden;\r\n  -webkit-backface-visibility: hidden;\r\n  width: 425px !important;\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: auto;\r\n  right:0 ;\r\n}\r\n.input-group {\r\n  position: relative;\r\n  display: flex\r\n;\r\n  flex-wrap: nowrap;\r\n  align-items: stretch;\r\n  width: 100%;\r\n} .input-group-prepend, .input-group-append {\r\n  display: flex\r\n;\r\n}\r\n\r\n.input-group-prepend {\r\n  margin-right: -1px;\r\n}\r\n\r\n.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\r\n  border-top-right-radius: 0;\r\n  border-bottom-right-radius: 0;\r\n}.input-group-text {\r\n  display: flex\r\n;\r\n  align-items: center;\r\n  padding: 0.65rem 1rem;\r\n  margin-bottom: 0;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: #6f6f6f;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  background-color: #f7f8fa;\r\n  border: 1px solid #e2e5ec;\r\n  border-radius: 4px;\r\n}\r\n\r\n.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\r\n  border-top-right-radius: 0;\r\n  border-bottom-right-radius: 0;\r\n}.form-control {\r\n  display: block;\r\n  width: 100%;\r\n  padding: .375rem .75rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: var(--bs-body-color);\r\n  appearance: none;\r\n  background-color: var(--bs-body-bg);\r\n  background-clip: padding-box;\r\n  border: var(--bs-border-width) solid var(--bs-border-color);\r\n  border-radius: var(--bs-border-radius);\r\n  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}.form-control {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 0rem .75rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: var(--bs-body-color);\r\n  appearance: none;\r\n  background-color: var(--bs-body-bg);\r\n  background-clip: padding-box;\r\n  /* border: var(--bs-border-width) solid #cccccc; */\r\n  border-radius: var(--bs-border-radius);\r\n  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n  height: 36px;\r\n}.modal-body {\r\n  padding: 15px 0;\r\n}\r\n.modal-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.form-control{\r\n  background-color: #ffffff;\r\n}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n  margin-left: calc(var(--bs-border-width) * -1);\r\n  border-top-left-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}.btn-primary {\r\n  color: #fff;\r\n  background-color: #5867dd;\r\n  border-color: #5867dd;\r\n  color: #ffffff;\r\n}.btn {\r\n  align-items: center;\r\n}.btn {\r\n  --bs-btn-padding-x: 0.75rem;\r\n  --bs-btn-padding-y: 0.375rem;\r\n  --bs-btn-font-family: ;\r\n  --bs-btn-font-size: 1rem;\r\n  --bs-btn-font-weight: 400;\r\n  --bs-btn-line-height: 1.5;\r\n  --bs-btn-color: var(--bs-body-color);\r\n  --bs-btn-bg: transparent;\r\n  --bs-btn-border-width: var(--bs-border-width);\r\n  --bs-btn-border-color: transparent;\r\n  --bs-btn-border-radius: var(--bs-border-radius);\r\n  --bs-btn-hover-border-color: transparent;\r\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\r\n  --bs-btn-disabled-opacity: 0.65;\r\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);\r\n  display: inline-block;\r\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\r\n  font-family: var(--bs-btn-font-family);\r\n  font-size: var(--bs-btn-font-size);\r\n  font-weight: var(--bs-btn-font-weight);\r\n  line-height: var(--bs-btn-line-height);\r\n  color: var(--bs-btn-color);\r\n  text-align: center;\r\n  text-decoration: none;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\r\n  border-radius: var(--bs-btn-border-radius);\r\n  background-color: var(--bs-btn-bg);\r\n  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n  .kt-quick-panel {\r\n    -webkit-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n  right: -445px;\r\n  left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  right: 0;\r\n  left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  width: 25px;\r\n  height: 25px;\r\n  top: 1px;\r\n  z-index: 1002;\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  position: fixed;\r\n  border: 0;\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  border-radius: 3px;\r\n  cursor: pointer;\r\n  outline: none !important;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n  .kt-quick-panel-close {\r\n    -webkit-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n  line-height: 0;\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n  text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n  left: auto;\r\n  right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n  -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n  transition: left 0.3s ease, right 0.3s ease;\r\n  left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n  left: auto;\r\n  right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  overflow: hidden;\r\n  z-index: 1000;\r\n  background: rgba(0, 0, 0, 0.1);\r\n  -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n  animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n  background: #ffffff;\r\n  -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n  box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n  background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n  background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n  color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n  background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n  color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n  width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n  font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n  margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n  margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n  -webkit-box-shadow: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n  background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n  border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n.custom-file {\r\n  width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n  -webkit-box-shadow: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n  text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n  float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n  font-size: 1.2rem;\r\n  float: left;\r\n}\r\n\r\n.input-group i {\r\n  color: #6f6f6f;\r\n  line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n  margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n  margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n  padding-right: 3px;\r\n  padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n  padding-left: 0;\r\n  padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n  padding-right: 0;\r\n  padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n  display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1050; /* Make sure this is higher than your main content */\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n  z-index: 1060;\r\n  width: 600px;\r\n  max-width: 90%;\r\n  position: relative;\r\n}\r\n.modal-content.landing-page {\r\n  padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n}\r\nbody.modal-open {\r\n  overflow: hidden;\r\n}\r\nbutton.close {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #eee;\r\n  cursor: pointer;\r\n  transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n  background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n  color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n  color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n  color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n  width: 100%;\r\n  padding: 8px;\r\n  margin-top: 5px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n  margin-top: 15px;\r\n}\r\n\r\n\r\n.nav-tabs.nav-tabs-line {\r\n  border-bottom: 1px solid #ebedf2;\r\n} .nav-tabs.nav-tabs-line.nav-tabs-line-3x {\r\n  border-bottom-width: 3px !important;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {\r\n  color: #008fc7;\r\n  border-bottom: 1px solid #008fc7;\r\n}\r\n\r\nselect {\r\n  position: relative;\r\n  display: block;\r\n  box-sizing: border-box;\r\n}\r\n\r\nselect {\r\n  height: 36px;\r\n  color: #333;\r\n  background-color: #fff;\r\n  border-radius: 4px;\r\n  border: 1px solid #ccc;\r\n  min-height: 36px;\r\n  align-items: center;\r\n  cursor: default;\r\n  display: flex;\r\n  outline: none;\r\n  overflow: hidden;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {\r\n  background-color: transparent;\r\n  color: #595d6e;\r\n  border-bottom: 1px solid #008fc7;\r\n}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n  font-size: 1rem;\r\n  color: #6f6f6f;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link {\r\n  font-weight: 500;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {\r\n  border-bottom-width: 3px !important;\r\n}.nav-tabs .nav-item:last-child .nav-link {\r\n  margin-right: 0;\r\n}.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n  color: #008fc7;\r\n}\r\n\r\n.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n  transition: all 0.3s;\r\n}\r\n.nav {\r\n  --bs-nav-link-padding-x: 1rem;\r\n  --bs-nav-link-padding-y: 0.5rem;\r\n  --bs-nav-link-font-weight: ;\r\n  --bs-nav-link-color: var(--bs-link-color);\r\n  --bs-nav-link-hover-color: var(--bs-link-hover-color);\r\n  --bs-nav-link-disabled-color: var(--bs-secondary-color);\r\n  display: flex\r\n;\r\n  flex-wrap: wrap;\r\n  padding-left: 0;\r\n  margin-bottom: 0;\r\n  list-style: none;\r\n}.nav-tabs.nav-tabs-line {\r\n  border-bottom: 1px solid #ebedf2;\r\n}\r\n.kt-notification-item-padding-x {\r\n  padding-left: 1.5rem !important;\r\n  padding-right: 1.5rem !important;\r\n}.kt-quick-panel .kt-quick-panel__content {\r\n  padding: 1.5rem 10px;\r\n}.form-group {\r\n  margin-bottom: 2rem;\r\n}\r\n.form-group label {\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  margin-bottom: 0.25rem;\r\n}label {\r\n  display: inline-block;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.form-group>label {\r\n  width: 100%;\r\n}\r\n.btn-primary {\r\n  --bs-btn-color: #fff;\r\n  --bs-btn-bg: #0d6efd;\r\n  --bs-btn-border-color: #0d6efd;\r\n  --bs-btn-hover-color: #fff;\r\n  --bs-btn-hover-bg: #0b5ed7;\r\n  --bs-btn-hover-border-color: #0a58ca;\r\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n  --bs-btn-active-color: #fff;\r\n  --bs-btn-active-bg: #0a58ca;\r\n  --bs-btn-active-border-color: #0a53be;\r\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n  --bs-btn-disabled-color: #fff;\r\n  --bs-btn-disabled-bg: #0d6efd;\r\n  --bs-btn-disabled-border-color: #0d6efd;\r\n}.btn:not(:disabled):not(.disabled) {\r\n  cursor: pointer;\r\n}\r\n.btn:not(:first-child) {\r\n  margin-left: 0.5rem;\r\n}\r\n.btn-secondary {\r\n  --bs-btn-color: #fff;\r\n  --bs-btn-bg: #6c757d;\r\n  --bs-btn-border-color: #6c757d;\r\n  --bs-btn-hover-color: #fff;\r\n  --bs-btn-hover-bg: #5c636a;\r\n  --bs-btn-hover-border-color: #565e64;\r\n  --bs-btn-focus-shadow-rgb: 130, 138, 145;\r\n  --bs-btn-active-color: #fff;\r\n  --bs-btn-active-bg: #565e64;\r\n  --bs-btn-active-border-color: #51585e;\r\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n  --bs-btn-disabled-color: #fff;\r\n  --bs-btn-disabled-bg: #6c757d;\r\n  --bs-btn-disabled-border-color: #6c757d;\r\n}\r\n\r\n\r\n.toast {\r\n  position: fixed;\r\n  top: 20px;\r\n  right: 20px;\r\n  padding: 12px 20px;\r\n  border-radius: 5px;\r\n  color: white;\r\n  font-size: 14px;\r\n  z-index: 9999;\r\n  animation: fadeInOut 3s ease-in-out;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.toast.success {\r\n  background-color: #2ecc71;\r\n}\r\n\r\n.toast.error {\r\n  background-color: #e74c3c;\r\n}\r\n\r\n.pagination-controls {\r\n  margin-top: 12px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-family: sans-serif;\r\n}\r\n\r\n.arrow-button {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) {\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.arrow-button:disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-controls span {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.modal-dialog {\r\n  max-width: 420px !important;\r\n  width: 90vw !important;\r\n}\r\n\r\n.modal-inner {\r\n  padding: 8px 4px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.form-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-weight: 500;\r\n  font-size: 13px;\r\n  color: #005b88;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.form-select {\r\n  width: 100%;\r\n  padding: 7px 10px;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  font-size: 13px;\r\n  outline: none;\r\n}\r\n\r\n.form-select:focus {\r\n  border-color: #005b88;\r\n}\r\n\r\n.section-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-weight: 500;\r\n  font-size: 13px;\r\n  color: #005b88;\r\n  border-bottom: 1.5px solid #e0eef4;\r\n  padding-bottom: 7px;\r\n}\r\n\r\n.pages-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  max-height: 220px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.page-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 10px;\r\n  border: 1.5px solid #e0eef4;\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  transition: background 0.15s, border-color 0.15s;\r\n}\r\n\r\n.page-item:hover {\r\n  background: #f0f8fc;\r\n  border-color: #005b88;\r\n}\r\n\r\n.page-icon { flex-shrink: 0; }\r\n\r\n.page-info {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n}\r\n\r\n.page-name {\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  color: #222;\r\n}\r\n\r\n.culture-badge {\r\n  font-size: 10px;\r\n  padding: 2px 6px;\r\n  border-radius: 10px;\r\n}\r\n\r\n.culture-published   { background: #e6f4ea; color: #2e7d32; }\r\n.culture-unpublished { background: #fff3e0; color: #e65100; }\r\n\r\n.page-arrow { flex-shrink: 0; opacity: 0.35; }\r\n.page-item:hover .page-arrow { opacity: 1; }\r\n\r\n.empty-pages {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 20px;\r\n  color: #aaa;\r\n  font-size: 12px;\r\n}\r\n\r\n.pagination-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  padding-top: 8px;\r\n  border-top: 1px solid #e0eef4;\r\n}\r\n\r\n.page-counter { font-size: 12px; color: #555; }\r\n\r\n.arrow-button {\r\n  background: none;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 6px;\r\n  padding: 3px 7px;\r\n  cursor: pointer;\r\n  color: #005b88;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) { background: #e8f4fb; }\r\n.arrow-button:disabled { opacity: 0.35; cursor: not-allowed; }\r\n\r\n.search-select-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  padding: 8px 12px;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  font-size: 13px;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.search-input:focus {\r\n  border-color: #005b88;\r\n}\r\n\r\n.search-dropdown {\r\n  position: absolute;\r\n  top: calc(100% + 4px);\r\n  left: 0;\r\n  right: 0;\r\n  background: white;\r\n  border: 1.5px solid #c8dfe8;\r\n  border-radius: 7px;\r\n  max-height: 220px;\r\n  overflow-y: auto;\r\n  z-index: 9999;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n}\r\n\r\n.search-option {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  transition: background 0.15s;\r\n}\r\n\r\n.search-option:hover {\r\n  background: #f0f8fc;\r\n}\r\n\r\n.search-option.selected {\r\n  background: #e8f4fb;\r\n  color: #005b88;\r\n  font-weight: 600;\r\n}\r\n\r\n.search-no-result {\r\n  padding: 12px;\r\n  text-align: center;\r\n  color: #aaa;\r\n  font-size: 13px;\r\n}\r\n\r\n.culture-published  { background: #e6f4ea; color: #2e7d32; font-size: 10px; padding: 2px 6px; border-radius: 10px; }\r\n.culture-unpublished{ background: #fff3e0; color: #e65100; font-size: 10px; padding: 2px 6px; border-radius: 10px; }","import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'eiam-user-preference',\r\n  styleUrl: 'eiam-user-preference.css',\r\n  shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n  @Element() host: HTMLElement;\r\n  @State() currentRouteSlug: string;\r\n  @State() payload = {\r\n    pagination: {\r\n      pageIndex: 0,\r\n      pageSize: 1000,\r\n    },\r\n    search: {\r\n      pageName: '',\r\n    },\r\n  };\r\n  @Event() preferencesChanged: EventEmitter<any>;\r\n  @State() userPreferences = {\r\n    dateFormat: 'dd/MM/yyyy',\r\n    timeFormat: '',\r\n    fontSize: null,\r\n    displayFormat: 4,\r\n    defaultLandingPageId: '',\r\n    pageName: '',\r\n  };\r\n\r\n  @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n  @State() timeFormats: string[] = ['h:mm a'];\r\n  @State() fontSizes = [\r\n    { label: 'Small', value: '14' },\r\n    { label: 'Medium', value: '16' },\r\n    { label: 'Large', value: '18' },\r\n  ];\r\n  @State() displayFormats: any[] = [];\r\n  @State() userApplications: any[] = [];\r\n  @State() pages: any[] = [];\r\n  @State() isModalOpen = false;\r\n  @State() currentPage: number = 1;\r\n  @State() pageSize: number = 10;\r\n  @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n  @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n  @State() showToastFlag: any;\r\n  @State() toastType: any;\r\n  @State() toastMessage: any;\r\n  @Prop() pageId: any;\r\n  @Prop() cultureCode: string;\r\n  @Prop() applicationId: string;\r\n  @Prop() apiUrl: string;\r\n  @State() tempSelectedPage: { pageId: number; name: string } = { pageId: null, name: '' };\r\n@State() tempApplicationId: string = null;\r\n  @Watch('cultureCode')\r\n  @Watch('applicationId')\r\n  @Watch('pageId')\r\n  @Watch('apiUrl')\r\n\r\n\r\nasync watchChanges() {\r\n  await this.fetchInitiateValue();\r\n}\r\n\r\nasync componentWillLoad() {\r\n  await this.fetchInitiateValue();\r\n}\r\n\r\nprivate isFetching = false;\r\nasync fetchInitiateValue() {\r\n  if (!this.cultureCode || !this.applicationId || !this.apiUrl) {\r\n    return; // wait until all props are ready\r\n  }\r\n\r\n  if (this.isFetching) return; // prevent duplicate calls\r\n  this.isFetching = true;\r\n\r\n  await this.getDisplayFormats();\r\n  await this.getUserPreferences();\r\n  await this.getUserApplications();\r\n\r\n  this.isFetching = false;\r\n}\r\n\r\nprivate isFetchingDisplayFormats = false;\r\nprivate isFetchingUserPreferences = false;\r\nprivate isFetchingApplications = false;\r\n\r\n  async getDisplayFormats() {\r\n     if (this.isFetchingDisplayFormats) return;\r\n  this.isFetchingDisplayFormats = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n        method: 'GET', // Specify GET method\r\n        headers: headers,\r\n        credentials: 'include', // Include credentials (cookies) in the request\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (Array.isArray(data.content)) {\r\n        this.displayFormats = data.content;\r\n      } else {\r\n        // console.error('Invalid response structure:', data);\r\n        this.showToast('Something went wrong', 'error');\r\n      }\r\n    } catch (error) {\r\n      // console.error('Error fetching display formats:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally {\r\n    this.isFetchingDisplayFormats = false;\r\n  }\r\n  }\r\n\r\n  async getUserPreferences() {\r\n      if (this.isFetchingUserPreferences) return;\r\n  this.isFetchingUserPreferences = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n        method: 'GET',\r\n        headers: headers,\r\n        credentials: 'include',\r\n      });\r\n\r\n      let data = await response.json();\r\n      if (data && typeof data !== 'string' && data.code == \"0000\") {\r\n        console.log(data, ' data of user preferances');\r\n        const fontSizeValue = parseInt(data.content.fontSize);\r\n        console.log(fontSizeValue, ' fontSizeValue of user preferances');\r\n\r\n        this.userPreferences = {\r\n          ...this.userPreferences,\r\n          dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n          timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n          fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),\r\n          displayFormat: data.content?.displayFormat || 1,\r\n          defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n          pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n        };\r\n        // this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n        this.selectedPage = {\r\n  ...this.selectedPage,\r\n  name: data.content?.defaultLandingPageDetails?.name || '',\r\n  pageId: data.content?.defaultLandingPageId,  \r\n};\r\n\r\n\r\nthis.pageSearchQuery = data.content?.defaultLandingPageDetails?.name || '';\r\n      }\r\n      \r\n      this.preferencesChanged.emit(data);\r\n    } catch (error) {\r\n      // console.error('Error fetching user preferences:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally {\r\n    this.isFetchingUserPreferences = false;\r\n    }\r\n  }\r\n  private showToast(message: string, type: 'success' | 'error' = 'success') {\r\n    this.toastMessage = message;\r\n    this.toastType = type;\r\n    this.showToastFlag = true;\r\n\r\n    setTimeout(() => {\r\n      this.showToastFlag = false;\r\n    }, 3000);\r\n  }\r\n\r\n  async getUserApplications() {\r\n          if (this.isFetchingApplications) return;\r\n  this.isFetchingApplications = true;\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n        method: 'GET',\r\n        headers: headers,\r\n        credentials: 'include',\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (data && Array.isArray(data.content)) {\r\n   this.userApplications = data.content.filter(el => el.applicationId !== 1);\r\n      } else {\r\n        // console.error('Invalid response structure:', data);\r\n        this.showToast('Something went wrong', 'error');\r\n      }\r\n    } catch (error) {\r\n      // console.error('Error fetching applications:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }finally{\r\n      this.isFetchingApplications = false;\r\n    }\r\n  }\r\n  @State() pageSearchQuery: string = '';\r\n@State() isPageDropdownOpen: boolean = false;\r\n\r\nget filteredPages() {\r\n  const query = this.pageSearchQuery.toLowerCase();\r\n  return this.pages.filter(page =>\r\n    page.name.toLowerCase().includes(query)\r\n  );\r\n}\r\n//   changeApplication(e: Event) {\r\n//     const selectedId = (e.target as HTMLSelectElement).value;\r\n//  this.pageSearchQuery = '';         // ✅ reset search\r\n//   this.isPageDropdownOpen = false;\r\n//     this.selectedPage = { pageId: null, name: '' }; \r\n//     if (selectedId) {\r\n//       this.applicationId = selectedId;\r\n//       // console.log(this.applicationId, 'this.applicationId on change');\r\n//       this.getPagesSApplications();\r\n//     } else {\r\n//       this.applicationId = null;\r\n//     }\r\n//   }\r\nchangeApplication(e: Event) {\r\n  const selectedId = (e.target as HTMLSelectElement).value;\r\n  this.pageSearchQuery = '';\r\n  this.isPageDropdownOpen = false;\r\n  this.pages = [];\r\n  // reset only temp selection, not the saved one\r\n  this.tempSelectedPage = { pageId: null, name: '' };\r\n\r\n  if (selectedId) {\r\n    this.applicationId = selectedId;\r\n    this.getPagesSApplications();\r\n  } else {\r\n    this.applicationId = null;\r\n  }\r\n}\r\nconfirmPageSelection() {\r\n  // Apply temp to actual\r\n  this.selectedPage = { ...this.tempSelectedPage };\r\nthis.userPreferences.defaultLandingPageId = this.tempSelectedPage.pageId?.toString();\r\n  this.pageSearchQuery = this.tempSelectedPage.name || '';\r\n  this.pages = [];\r\n  this.isPageDropdownOpen = false;\r\n  this.isPageModalOpen = false;\r\n}\r\n  async getPagesSApplications() {\r\n    try {\r\n      const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n          'CultureCode': this.cultureCode,\r\n          'Source': '2',\r\n          'applicationId': this.applicationId,\r\n        },\r\n        credentials: 'include',\r\n        body: JSON.stringify(this.payload),\r\n      });\r\n\r\n      if (!response.ok) {\r\n        // console.error('Failed to fetch pages');\r\n        this.showToast('Something went wrong', 'error');\r\n        return;\r\n      }\r\n\r\n      const data = await response.json();\r\n      this.pages = data?.content?.data;\r\n      // console.log(data, 'data of all pages ');\r\n    } catch (error) {\r\n      // console.error('Error fetching pages:', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }\r\n  }\r\n\r\n  async submitPreferences() {\r\n    const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n    const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n    let pageName = this.selectedPage.name;\r\n    let defaultLandingPageId = this.selectedPage.pageId;\r\n    const headers = {\r\n      'Content-Type': 'application/json',\r\n      'CultureCode': this.cultureCode,\r\n      'Source': '2',\r\n      'applicationId': this.applicationId,\r\n    };\r\n    // console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n    try {\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n        method: 'POST',\r\n        headers,\r\n        body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n        credentials: 'include',\r\n      });\r\n\r\n      if (!response.ok) {\r\n        // console.error('Failed to save preferences:', response.statusText);\r\n        this.showToast('Something went wrong', 'error');\r\n\r\n        return;\r\n      }\r\n      if (response.ok) {\r\n        // Fetch updated preferences\r\n        this.showToast('Preferences updated successfully!', 'success');\r\n\r\n        const newPrefs: any = await this.getUserPreferences();\r\n        if (!newPrefs || typeof newPrefs === 'string') return;\r\n      }\r\n    } catch (error) {\r\n      this.showToast('Something went wrong', 'error');\r\n      // console.error('Error submitting preferences:', error);\r\n    }\r\n  }\r\n\r\n  async resetPreferences() {\r\n    try {\r\n      let res = await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n        method: 'DELETE',\r\n        credentials: 'include',\r\n      });\r\n\r\n      this.userPreferences = {\r\n        dateFormat: 'dd/MM/yyyy',\r\n        timeFormat: '',\r\n        fontSize: '',\r\n        displayFormat: 4,\r\n        defaultLandingPageId: '',\r\n        pageName: '',\r\n      };\r\n      if (res.ok) {\r\n        // Fetch updated preferences\r\n        this.showToast('Preferences updated successfully!', 'success');\r\n\r\n        location.reload(); // If you want to refresh the UI\r\n      }\r\n    } catch (error) {\r\n      // console.error('Failed to reset preferences', error);\r\n      this.showToast('Something went wrong', 'error');\r\n    }\r\n  }\r\n  toggleModal() {\r\n    this.isModalOpen = !this.isModalOpen;\r\n  }\r\n  // togglePageModal() {\r\n  //   this.isPageModalOpen = !this.isPageModalOpen;\r\n  // }\r\n  togglePageModal() {\r\n  if (!this.isPageModalOpen) {\r\n    // Opening - save current values to temp\r\n    this.tempSelectedPage = { ...this.selectedPage };\r\n    this.tempApplicationId = this.applicationId;\r\n    this.pageSearchQuery = this.selectedPage?.name || '';\r\n    if (this.applicationId) {\r\n      this.getPagesSApplications(); // load pages for current app\r\n    }\r\n  } else {\r\n    // Closing WITHOUT saving - restore previous values\r\n    this.applicationId = this.tempApplicationId;\r\n    this.selectedPage = { ...this.tempSelectedPage };\r\n    this.pageSearchQuery = this.tempSelectedPage?.name || '';\r\n    this.pages = [];\r\n    this.isPageDropdownOpen = false;\r\n  }\r\n  this.isPageModalOpen = !this.isPageModalOpen;\r\n}\r\n  // selectPage(page) {\r\n  //   this.selectedPage = page;\r\n  //   this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n  //   this.togglePageModal(); // Close the page selection modal\r\n  // }\r\n\r\n  selectPage(page) {\r\n  // Only update temp, not actual yet\r\n  this.tempSelectedPage = { pageId: page.pageId, name: page.name };\r\n  this.pageSearchQuery = page.name;\r\n  this.isPageDropdownOpen = false;\r\n}\r\n  get pagedPages() {\r\n    const start = (this.currentPage - 1) * this.pageSize;\r\n    const end = start + this.pageSize;\r\n    return this.pages.slice(start, end);\r\n  }\r\n\r\n  get totalPages() {\r\n    return Math.ceil(this.pages.length / this.pageSize);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"container\">\r\n          <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"28px\" height=\"28px\" viewBox=\"0 0 24 24\" style={{ cursor: 'pointer' }}>\r\n            <g stroke=\"none\" fill=\"none\">\r\n              <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n              <rect fill=\"#008fc7\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n              <path\r\n                d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n                fill=\"#008fc7\"\r\n                opacity=\"0.3\"\r\n              />\r\n            </g>\r\n          </svg>\r\n\r\n          {/* Main Modal */}\r\n          {this.isModalOpen && (\r\n            <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n              <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25px\" height=\"25px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <g id=\"Menu / Close_SM\">\r\n                    <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                  </g>\r\n                </svg>\r\n              </a>\r\n              <div class=\"kt-quick-panel__nav\">\r\n                <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n                  <li class=\"nav-item active\">\r\n                    <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n                      User Preference\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n\r\n              <div class=\"kt-quick-panel__content\">\r\n                <div class=\"tab-content\">\r\n                  <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n                    <div class=\"kt-notification\">\r\n                      <div class=\"kt-portlet__body\">\r\n                        <div class=\"form-group\">\r\n                          <label>Date Format</label>\r\n                          <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n                            {this.dateFormates.map(format => (\r\n                              <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n                                {format}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Time Format</label>\r\n                          <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n                            {this.timeFormats.map(format => (\r\n                              <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n                                {format}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Font Size</label>\r\n                          <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n                            {this.fontSizes.map(size => (\r\n                              <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n                                {size.label}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>User Display Format</label>\r\n                          <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n                            {this.displayFormats.map(format => (\r\n                              <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n                                {format.label}\r\n                              </option>\r\n                            ))}\r\n                          </select>\r\n                        </div>\r\n\r\n                        <div class=\"form-group\">\r\n                          <label>Default Landing Page</label>\r\n                          <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n                            <div class=\"input-group-prepend\">\r\n                              <span class=\"input-group-text\">\r\n                                <svg\r\n                                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                                  fill=\"#000000\"\r\n                                  height=\"18px\"\r\n                                  width=\"18px\"\r\n                                  version=\"1.1\"\r\n                                  id=\"Layer_1\"\r\n                                  viewBox=\"0 0 64 64\"\r\n                                  enable-background=\"new 0 0 64 64\"\r\n                                >\r\n                                  <g id=\"Link-chains\">\r\n                                    <path d=\"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z\" />\r\n                                    <path d=\"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z\" />\r\n                                  </g>\r\n                                </svg>\r\n                              </span>\r\n                            </div>\r\n                            <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"kt-portlet__foot\">\r\n                        <div class=\"kt-form__actions\">\r\n                          <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n                            Save\r\n                          </button>\r\n                          <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n                            Reset\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {this.showToastFlag && <div class={`toast ${this.toastType}`}>{this.toastMessage}</div>}\r\n\r\n          {/* Page Selection Modal */}\r\n\r\n          {this.isPageModalOpen && (\r\n            <div class=\"modal-overlay\">\r\n              <div class=\"modal-dialog modal-md landing-modal\">\r\n                <div class=\"modal-content landing-page\">\r\n                  <div class=\"modal-header\">\r\n                    <h4 class=\"modal-title pull-left\"> Customize your default landing page </h4>\r\n                    <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n                      <span>\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                          <g id=\"Menu / Close_SM\">\r\n                            <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                          </g>\r\n                        </svg>\r\n                      </span>\r\n                    </button>\r\n                  </div>\r\n\r\n                 \r\n\r\n                  <div class=\"modal-body\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"form-group\">\r\n                            <label htmlFor=\"\"> Default Landing Page </label>\r\n                            <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n                              <option value=\"\" selected={this.applicationId === null}>\r\n                                -- Select Application --\r\n                              </option>\r\n                              {this.userApplications.map(application => (\r\n                                <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n                                  {application.applicationName}\r\n                                </option>\r\n                              ))}\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n\r\n      {/* ===== Page Searchable Dropdown (only shows after app is selected) ===== */}\r\n      {this.applicationId && (\r\n        <div class=\"form-group\" style={{ marginTop: '12px' }}>\r\n          <label htmlFor=\"pageSearch\">Select Page</label>\r\n\r\n          {/* Search input */}\r\n          <div class=\"search-select-wrapper\">\r\n            <input\r\n              type=\"text\"\r\n              class=\"search-input\"\r\n              placeholder=\"Search Pages...\"\r\n              value={this.pageSearchQuery}\r\n              onInput={e => {\r\n                this.pageSearchQuery = (e.target as HTMLInputElement).value;\r\n                this.isPageDropdownOpen = true;\r\n              }}\r\n              onFocus={() => this.isPageDropdownOpen = true}\r\n            />\r\n\r\n            {/* Dropdown list */}\r\n            {this.isPageDropdownOpen && (\r\n              <div class=\"search-dropdown\">\r\n                {this.filteredPages.length === 0 ? (\r\n                  <div class=\"search-no-result\">No pages found</div>\r\n                ) : (\r\n                  this.filteredPages.map(page => (\r\n                    <div\r\n                      class={`search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`}\r\n                      onClick={() => {\r\n                        this.selectPage(page);\r\n                        this.pageSearchQuery = page.name;\r\n                        this.isPageDropdownOpen = false;\r\n                      }}>\r\n                      {/* Page icon */}\r\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" style={{ flexShrink: '0' }}>\r\n                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\r\n                          stroke=\"currentColor\" stroke-width=\"2\"/>\r\n                        <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"2\"/>\r\n                      </svg>\r\n\r\n                      <span>{page.name}</span>\r\n\r\n                      {/* Culture badge */}\r\n                      <small class={{\r\n                        'culture-unpublished': page.pageCultureStatus == 1,\r\n                        'culture-published': page.pageCultureStatus == 2,\r\n                      }}>\r\n                        {page.cultureCode}\r\n                      </small>\r\n                    </div>\r\n                  ))\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n        </div>\r\n      )}\r\n                       {/* { <label>Select Page</label>\r\n                        <div style={{ maxHeight: '250px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n                          {this.pagedPages.map(page => (\r\n                            <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n                              <div class=\"row\">\r\n                            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" >\r\n  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"currentColor\"  ></path>\r\n  <path d=\"M14 2v6h6\" stroke=\"currentColor\" ></path>\r\n</svg>\r\n                                <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1', padding: '5px' }}>\r\n                                  {page.name}\r\n                                </span>\r\n                                <small\r\n                                  class={{\r\n                                    'culture-unpublished': page.pageCultureStatus == 1,\r\n                                    'culture-published': page.pageCultureStatus == 2,\r\n                                  }}\r\n                                >\r\n                                  {page.cultureCode}\r\n                                </small>\r\n                              </div>\r\n                            </div>\r\n                          ))}\r\n                        </div>\r\n\r\n                        {this.totalPages > 1 && (\r\n                          <div class=\"pagination-controls\">\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === 1} onClick={() => this.currentPage--}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                            <span>\r\n                              {this.currentPage} of {this.totalPages}\r\n                            </span>\r\n                            <button class=\"arrow-button\" disabled={this.currentPage === this.totalPages} onClick={() => this.currentPage++}>\r\n                              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                              </svg>\r\n                            </button>\r\n                          </div>\r\n                        )}} */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                   <div class=\"modal-footer\">\r\n    <button class=\"btn btn-primary\" onClick={() => this.confirmPageSelection()}>\r\n      Confirm\r\n    </button>\r\n    <button class=\"btn btn-secondary\" onClick={() => this.togglePageModal()}>\r\n      Cancel\r\n    </button>\r\n  </div>\r\n\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["eiam-user-preference.cjs",[[257,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"isModalOpen":[32],"currentPage":[32],"pageSize":[32],"isPageModalOpen":[32],"selectedPage":[32],"showToastFlag":[32],"toastType":[32],"toastMessage":[32],"pageSearchQuery":[32],"isPageDropdownOpen":[32]},null,{"cultureCode":["watchChanges"],"applicationId":["watchChanges"],"pageId":["watchChanges"],"apiUrl":["watchChanges"]}]]],["my-component.cjs",[[257,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
+  return index.bootstrapLazy([["eiam-user-preference.cjs",[[257,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"isModalOpen":[32],"currentPage":[32],"pageSize":[32],"isPageModalOpen":[32],"selectedPage":[32],"showToastFlag":[32],"toastType":[32],"toastMessage":[32],"tempSelectedPage":[32],"tempApplicationId":[32],"pageSearchQuery":[32],"isPageDropdownOpen":[32]},null,{"cultureCode":["watchChanges"],"applicationId":["watchChanges"],"pageId":["watchChanges"],"apiUrl":["watchChanges"]}]]],["my-component.cjs",[[257,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;