eiam-user-preference 0.0.75 → 0.0.77

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]},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],"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/my-component.cjs.entry.js

@@ -25,7 +25,7 @@ const MyComponent = class {
         return index$1.format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: 'd4ea8660d4a25fd69ed93427fcb906d0631c9750' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '864ca04664ee789c54a060b6875fb7fd8a7ef2ec' }, "Hello, World! I'm ", this.getText());
     }
 };
 MyComponent.style = myComponentCss;

package/dist/collection/components/eiam-user-preference/eiam-user-preference.css

@@ -936,4 +936,67 @@ select {
 }
 
 .arrow-button:hover:not(:disabled) { background: #e8f4fb; }
-.arrow-button:disabled { opacity: 0.35; cursor: not-allowed; }
+.arrow-button:disabled { opacity: 0.35; cursor: not-allowed; }
+
+.search-select-wrapper {
+  position: relative;
+  width: 100%;
+}
+
+.search-input {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1.5px solid #c8dfe8;
+  border-radius: 7px;
+  font-size: 13px;
+  outline: none;
+  box-sizing: border-box;
+}
+
+.search-input:focus {
+  border-color: #005b88;
+}
+
+.search-dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  background: white;
+  border: 1.5px solid #c8dfe8;
+  border-radius: 7px;
+  max-height: 220px;
+  overflow-y: auto;
+  z-index: 9999;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.search-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  font-size: 13px;
+  transition: background 0.15s;
+}
+
+.search-option:hover {
+  background: #f0f8fc;
+}
+
+.search-option.selected {
+  background: #e8f4fb;
+  color: #005b88;
+  font-weight: 600;
+}
+
+.search-no-result {
+  padding: 12px;
+  text-align: center;
+  color: #aaa;
+  font-size: 13px;
+}
+
+.culture-published  { background: #e6f4ea; color: #2e7d32; font-size: 10px; padding: 2px 6px; border-radius: 10px; }
+.culture-unpublished{ background: #fff3e0; color: #e65100; font-size: 10px; padding: 2px 6px; border-radius: 10px; }

package/dist/collection/components/eiam-user-preference/eiam-user-preference.js

@@ -181,8 +181,16 @@ export class EiamUserPreference {
             this.isFetchingApplications = false;
         }
     }
+    pageSearchQuery = '';
+    isPageDropdownOpen = false;
+    get filteredPages() {
+        const query = this.pageSearchQuery.toLowerCase();
+        return this.pages.filter(page => page.name.toLowerCase().includes(query));
+    }
     changeApplication(e) {
         const selectedId = e.target.value;
+        this.pageSearchQuery = ''; // ✅ reset search
+        this.isPageDropdownOpen = false;
         if (selectedId) {
             this.applicationId = selectedId;
             // console.log(this.applicationId, 'this.applicationId on change');
@@ -301,10 +309,17 @@ export class EiamUserPreference {
         return Math.ceil(this.pages.length / this.pageSize);
     }
     render() {
-        return (h(Host, { key: '6726dff29b5c402629f82632303a3b35b5ffaff8' }, h("div", { key: '2b9048953e5baf509a41d9e52e6c870e0f19ebf1', class: "container" }, h("svg", { key: 'eb08451573300c6bdb81a812dcf483672ff4939c', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '92fbeecae4fb7a80aca110e9e47ac5b0214a70b1', stroke: "none", fill: "none" }, h("rect", { key: '8b90792eab5f9ef51c9fc32b18d57e498598bd0a', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '3c3a60365a7af5aa2b869a22c90fd5ac0272b370', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '1e01ec6bc1368aeae6ff2c585eb4beb3767af261', 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 && (h("div", { key: '0e82dd2bebee8e527f82d2e3a0f665336c9a3394', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '23b6f81181bc41e8d377fe0704d9fd16ffec8ccd', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'aa915e44a0e74a23834774815585bc2e49c186d7', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '5402f7f8b0e705f311c69d5db3fa7f14d5363def', id: "Menu / Close_SM" }, h("path", { key: 'b50efed4f7bef9ac9eead87c2dd1fe70f787fe97', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '685c1924a8648774876325515fb6d02a6e77e63d', class: "kt-quick-panel__nav" }, h("ul", { key: '419762799fdb0f8578e77b6c665a1ff02d2cc7c3', 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" }, h("li", { key: '89f3e49f28445a0a08de1fc5200d200260107ac2', class: "nav-item active" }, h("a", { key: '38cc46111bf06626059ca49cedfcc534da29af56', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '73ccca788a5d9f334e1531ba53dcd69d8cbe29b5', class: "kt-quick-panel__content" }, h("div", { key: '76707a14d97664f95564751f8efc13bbddd94ccc', class: "tab-content" }, h("div", { key: 'd181e23fe027062cbb0afe6bea597dcac2934c7f', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'f4f02fa24e5b5fbb91ed0f5f77fca79911a3d4f0', class: "kt-notification" }, h("div", { key: '028633dc6c3592c6162080f1a9f644def7a5ada0', class: "kt-portlet__body" }, h("div", { key: '5f143a7e16316c7763bd9b7d73ddfabf19798643', class: "form-group" }, h("label", { key: '9650275ff29e7456aff1986793402a48db0f46fa' }, "Date Format"), h("select", { key: '2f4df59e2f8ec2670a222399f698e371f8a26df9', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '19dff20da9a371c1606a2f534601c0b74a7ede0a', class: "form-group" }, h("label", { key: '0c1166839331a826d2dcf74970a8a114a183e48b' }, "Time Format"), h("select", { key: 'bc588140d4e7181a370c3cfaf4548c08ae305bfc', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: 'dadee5b0540ca7c9f4ca121666ec7523ac96fbc4', class: "form-group" }, h("label", { key: 'e032f4e768f72f9bbd820136f94240c4275c5129' }, "Font Size"), h("select", { key: 'c452aef1dc6c4026c88a78a7e066885bf1f89a73', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'f7f5d993451f19c4303a2a0bcada3709a8dd12f9', class: "form-group" }, h("label", { key: '1b914999e26fa49359a7e0c2e6ef3fdc39d362b5' }, "User Display Format"), h("select", { key: '3a1d0b75420fec57a5ed943e417aa74af367a865', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: '07782312eed9df77ed164f91d906dbae5d8ca3cd', class: "form-group" }, h("label", { key: '5d02686c2b7ba0d75d5a8c993365d67b4975cacd' }, "Default Landing Page"), h("div", { key: '1ebf608ad7809684902c65b6f2e93e2fa5ea9fef', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '28bd85771c285effcc94757709c46084bfdda781', class: "input-group-prepend" }, h("span", { key: 'bdb1dbc6a88cad568aa2fe21008873577b18c8dd', class: "input-group-text" }, h("svg", { key: '7c937f64733c24130172eab5e6967c5d1affb4ea', 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" }, h("g", { key: 'a44b5b58f9649847c7341ad8f8c982c7fcb96847', id: "Link-chains" }, h("path", { key: '266c9722279d1118654ca7d174145720f19448bf', 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" }), h("path", { key: '943e31c114bf551fd1c56780c2677618ca886b7b', 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" }))))), h("input", { key: 'ffaa5ea39c7c5ccbab7db35b261c3d66cd845d4d', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '637de87796e67b62e32ee60fd278d044d805f502', class: "kt-portlet__foot" }, h("div", { key: '00f987934517a29fb22bd36f934adb754dad7bff', class: "kt-form__actions" }, h("button", { key: '6db424a0d2d418621097d98b816e316658640303', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: 'c05fee3e5f7f420e5870cd437f0e0663ed1507ea', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && h("div", { key: 'ca83059582a356989bbe8d7e6ac53060c42ebf9e', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (h("div", { key: '47c491658c0e5ae0821dd7569ad3fed61a441646', class: "modal-overlay" }, h("div", { key: '936bcb529172b0cd96f94b10933465de09bf2689', class: "modal-dialog modal-md landing-modal" }, h("div", { key: 'ee23402540c3d75d7eb1353ed8667e031471c649', class: "modal-content landing-page" }, h("div", { key: '05e9a7201adf2119b3d804416c74e19e0151cba3', class: "modal-header" }, h("h4", { key: '161f3c0e1c4e3eb14094114ae27be24a6c7574b3', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '9122e359f007091f46871eb2eea5a5728c333ce2', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '8d42edd84c806cbb0d5e02ec07368393b4072454' }, h("svg", { key: 'a7a3329a846ae080c32b396223ef9f4b5caf7037', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '5aeff70342ce625f490e02b16494fdfb67898909', id: "Menu / Close_SM" }, h("path", { key: 'eca034ade1abbb626a9534bb5b5afaeb2ce828ba', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '180cdc369d5a51a6dd2575bffd0ae84e9e22a444', class: "modal-body" }, h("div", { key: 'b7b290ddb03e69003605e1728652b1d87c2e76fe', class: "row" }, h("div", { key: 'fd0ac2269c276c7ab7773f4cfd1d55f115088e79', class: "col-12" }, h("div", { key: '51f62d9a15a769e8138c6bfe54ee03e6e25e10ed', class: "row" }, h("div", { key: '2daa8ded2ebc41ba7591ed044498fee198d37dae', class: "form-group" }, h("label", { key: '3c2946e1404af87b138b0f8a3643846bd1d2f16d', htmlFor: "" }, " Default Landing Page "), h("select", { key: 'e9d1ce9561078c4d934bca71ea855e4cfab3bd4d', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '6b8750ab6684797e6ead30dbe3be16a5ab921cab', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '61d8d4f2bdc1755815ec94c75e253dd0bc82d6c0' }, "Select Page"), h("div", { key: 'dce93da4107b48f0faca17814c9e01aaffaf992b', style: { maxHeight: '250px', overflowY: 'auto', overflowX: 'hidden' } }, this.pagedPages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none" }, 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" }), h("path", { d: "M14 2v6h6", stroke: "currentColor" })), h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1', padding: '5px' } }, page.name), h("small", { class: {
+        return (h(Host, { key: '3828b1babf9ebd8e4b09166739e11eff5b0a3ad3' }, h("div", { key: 'a84c5e8882c91e6d9cf7cee23a06e2dc2e475d6f', class: "container" }, h("svg", { key: '100ec1b4639b0e81fda2ff553b3cd36243483581', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '87beda08d5b72538f438d2a42df85f80c50ca2a7', stroke: "none", fill: "none" }, h("rect", { key: '12e1acd92e3a06231a9d6c69c392cc1480897d3b', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '9fb5ac67c45a291bfa1b338b195b70517ad4306b', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '3583ab2cb904eb1f62d4b893ac57a6705dcfc23d', 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 && (h("div", { key: 'a91df392c9cf77314bc45dd235c5902a6908c0a5', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '490d08063f774e7959e44c746fa6f3f2684f555d', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'fccc89927d77562d857a84718f7cab238a08f4f5', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '76c4d4fcc04a0d7839209b0cb8ef8037dd2833e6', id: "Menu / Close_SM" }, h("path", { key: '8025f7cff7b39fe715fe063336073d54ea7de776', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'e5e5234465b4190bdf2c089b3b77ca1316790d6f', class: "kt-quick-panel__nav" }, h("ul", { key: '3f20979262509e02ab5b06b06c9bd79f34458f6a', 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" }, h("li", { key: '73002febc60d2848fc82d06a19a4c9bd76819dba', class: "nav-item active" }, h("a", { key: 'ec9b7c6d798f05136ff12f4423cbe1c8f37cb1d1', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '85493a6460fe8a6695cbfc926c5297b56ebfdaa5', class: "kt-quick-panel__content" }, h("div", { key: 'aa5a5fbcbc43435ae1999169e97806d03a5465f3', class: "tab-content" }, h("div", { key: 'c046dc3e4bcff636514e28b4def5f9993050d797', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'ce93c7cead1b94cc1b101842f8d206fd220db554', class: "kt-notification" }, h("div", { key: 'd6cac6df109f868db69e865904bd02f475591ae3', class: "kt-portlet__body" }, h("div", { key: 'f5f6de7e0440a5096d8ce023a3c044d83b25e833', class: "form-group" }, h("label", { key: 'cfdf634d99ab7dd51f173039404c2fa1c77f19d4' }, "Date Format"), h("select", { key: 'd1425f59a5c38b19abacf61e757d40a4a2e2b926', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '7cc5b75bfbba8d7c1f5d1cef2e8284583220e37a', class: "form-group" }, h("label", { key: '9e2076fe13062b7f74cce3b6c03ff56df7a2cda7' }, "Time Format"), h("select", { key: 'bf95fbd5aff266759584ad7cd79b6b6165afc4e4', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: '93edaf03335312f97dfbe672e81aa5acad9b5a40', class: "form-group" }, h("label", { key: '2515e7efa1c4f6c831d3d65c851a54502fe33693' }, "Font Size"), h("select", { key: '66cfa1655dab99ce0c10d7aaeff219fe831b8b68', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: '041bc66e390150fda0a9058fbc3da8d2cc2208cf', class: "form-group" }, h("label", { key: '1db889b9428bc7df465f15cb8398d1c7b3d75237' }, "User Display Format"), h("select", { key: '585c021261880ebcfa04bed569c96e37b6ed49f5', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: '7ee02afaa5fd17a7d8c178d36dbd076e9bfeba02', class: "form-group" }, h("label", { key: 'a3e34623dec754efb2554337ab4a1bab9b234530' }, "Default Landing Page"), h("div", { key: '64871eaebeaf74189df8a11c33a1a014c122f437', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '660ad7fea880ded9bb287dfa2161873282588ac2', class: "input-group-prepend" }, h("span", { key: '8ded251ae89773b54e8ef0ad995b698e7c4c4e15', class: "input-group-text" }, h("svg", { key: 'f07db7f6e3ef52e678186d75b9f0818d1496c7c3', 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" }, h("g", { key: '48c4cf466a88da45fba95da5e02c352ecd3e4b09', id: "Link-chains" }, h("path", { key: '8dc1b37f904b7ba596fe6f95dc22e6b3227b92e3', 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" }), h("path", { key: 'c5b6410b4902de1ee96ca2c3c929f35f0bf59599', 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" }))))), h("input", { key: '0de168c90caed0be4a5a7cc007d60e536251f559', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'c1b2d0ea377e8e69dbc8928eb5018915b66b65ec', class: "kt-portlet__foot" }, h("div", { key: '420062083ccbeed7e76f0a7e7835bc1dedbd1d10', class: "kt-form__actions" }, h("button", { key: 'a845bfe802db7765898c164fcfa0388583324cad', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '9f9dd59006c2cf936f979bd19f579c1bdc613e8f', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && h("div", { key: 'd6743f5c243fa43eb6aa930029578d622cb524c3', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (h("div", { key: '514048994c554c494b9b1c9bb52aca6a5a533d4c', class: "modal-overlay" }, h("div", { key: '6e67f64fcdf5582d8eeab0c268e2d5a5a0ba8c8b', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '1175307b1b9fab60ddb6f1e3ea63ea4c469f9404', class: "modal-content landing-page" }, h("div", { key: 'b46e48121f7fe817a8c5574fa3b8f02edca32404', class: "modal-header" }, h("h4", { key: 'b144dab4e5a7ace0297a74dca0cd0e2fd5425c95', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: 'bc2bf3e132eee1bf908bac7909357be8be325be7', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'edd348ce32dabb52d7b7ed26e9ab837b914dee68' }, h("svg", { key: 'ad98d54651726136a1aca0b75fefc0973f1e6bb6', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '09627373f84fbb43cf21515443ead631941ea26a', id: "Menu / Close_SM" }, h("path", { key: '10f61a0cc56a396aabb1ed5fd58c66365b146305', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '53dd364d0c36e7e9854379ed1746482139ec4275', class: "modal-body" }, h("div", { key: '1529ba39fb3537b2078c4a3209a5640e8a3b414b', class: "row" }, h("div", { key: '816df38692d5822c70edc8ae724362fab4668db6', class: "col-12" }, h("div", { key: '1ce574e06eb28516ba8a8d5802feafc57f89ffcb', class: "row" }, h("div", { key: '5f4d8dcd508a57f991e464b556f25e4d289f514c', class: "form-group" }, h("label", { key: 'b7bba82eb7748b1faa40954763ae9d158b151a4e', htmlFor: "" }, " Default Landing Page "), h("select", { key: '19bd3e82d7ceb3571bd73a1f14e39c9324ab8f65', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: 'a96ab3658be6c479ee28cf86e42d5fcd36d2ed1c', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), this.applicationId && (h("div", { key: 'e94780fd09ceb9e258f2006a506ed33e2d485a9d', class: "form-group", style: { marginTop: '12px' } }, h("label", { key: '18f1fb84057374d0fa8d97473de48f55eee4cdb5', htmlFor: "pageSearch" }, "Select Page"), h("div", { key: '0442412ed1c47f1e7676f28cb6a25561406626a0', class: "search-select-wrapper" }, h("input", { key: 'e6a93a2c059f81ef7490be6f07e6594307c26230', 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 && (h("div", { key: '5ec04a9ea18c4bfba8ec94a8dd6ce5252d8b7159', class: "search-dropdown" }, this.filteredPages.length === 0 ? (h("div", { class: "search-no-result" }, "No pages found")) : (this.filteredPages.map(page => (h("div", { class: `search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`, onClick: () => {
+                this.selectPage(page);
+                this.pageSearchQuery = page.name;
+                this.isPageDropdownOpen = false;
+            } }, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: '0' } }, 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" }), h("path", { d: "M14 2v6h6", stroke: "currentColor", "stroke-width": "2" })), h("span", null, page.name), h("small", { class: {
                 'culture-unpublished': page.pageCultureStatus == 1,
                 'culture-published': page.pageCultureStatus == 2,
-            } }, page.cultureCode)))))), this.totalPages > 1 && (h("div", { key: '7b8a62f883182fbcd71f855aec6d7fd592a139ac', class: "pagination-controls" }, h("button", { key: 'd93df856af46baec13c2045ef78a36ad8a114db8', class: "arrow-button", disabled: this.currentPage === 1, onClick: () => this.currentPage-- }, h("svg", { key: 'b24d391f629a77813e6ee0003b08b6eae777ae8a', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'a765d311d190af7267250ea3f82d74dfef4fb5fb', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { key: 'ddd58b0807bbbc4f7ccb06a4ce27649dab6e45fc' }, this.currentPage, " of ", this.totalPages), h("button", { key: '236df82fb7608741b9e311b41a591f4bde8727ff', class: "arrow-button", disabled: this.currentPage === this.totalPages, onClick: () => this.currentPage++ }, h("svg", { key: '0e5da6997076d183cc316bb3bf0e8c92edd26d59', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'e3ce963dc6d9eb2eec65cce6967e30a8b3abbd2c', d: "M9 6L15 12L9 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))))))))));
+            } }, page.cultureCode))))))))))))))))))));
     }
     static get is() { return "eiam-user-preference"; }
     static get encapsulation() { return "shadow"; }
@@ -416,7 +431,9 @@ export class EiamUserPreference {
             "selectedPage": {},
             "showToastFlag": {},
             "toastType": {},
-            "toastMessage": {}
+            "toastMessage": {},
+            "pageSearchQuery": {},
+            "isPageDropdownOpen": {}
         };
     }
     static get events() {

package/dist/collection/components/eiam-user-preference/eiam-user-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"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","sourcesContent":["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 == 200) {\r\n        console.log(data, ' data of user preferances');\r\n        \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      }\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  changeApplication(e: Event) {\r\n    const selectedId = (e.target as HTMLSelectElement).value;\r\n\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\"> 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                        <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"]}
+{"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"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","sourcesContent":["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 == 200) {\r\n        console.log(data, ' data of user preferances');\r\n        \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      }\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    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\"> 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"]}

package/dist/collection/components/my-component/my-component.js

@@ -17,7 +17,7 @@ export class MyComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: 'd4ea8660d4a25fd69ed93427fcb906d0631c9750' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '864ca04664ee789c54a060b6875fb7fd8a7ef2ec' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "my-component"; }
     static get encapsulation() { return "shadow"; }