eiam-user-preference 0.0.76 → 0.0.78

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DFm_LKOZ.js');
 
-const eiamUserPreferenceCss = ":root{--bs-border-width:1px;--bs-border-color:#cccccc;--bs-border-width:0px;--bs-border-radius:.375rem}.kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x{border-bottom-color:rgba(0, 143, 199, 0.1)}@media (max-width: 1024px){.kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:auto;right:0}.input-group{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend{margin-right:-1px}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text{display:flex;align-items:center;padding:0.65rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#6f6f6f;text-align:center;white-space:nowrap;background-color:#f7f8fa;border:1px solid #e2e5ec;border-radius:4px}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}.form-control{display:block;width:100%;padding:0rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;height:36px}.modal-body{padding:15px 0}.modal-title{font-size:20px;font-weight:600;margin:0}.form-control{background-color:#ffffff}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.btn-primary{color:#fff;background-color:#5867dd;border-color:#5867dd;color:#ffffff}.btn{align-items:center}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^=\"la-\"],.input-group [class*=\" la-\"]{font-size:1.4rem}.input-group [class^=\"fa-\"],.input-group [class*=\" fa-\"]{font-size:1.2rem}.input-group [class^=\"flaticon-\"],.input-group [class*=\" flaticon-\"],.input-group [class^=\"flaticon2-\"],.input-group [class*=\" flaticon2-\"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center}.modal-dialog.landing-modal{background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);z-index:1060;width:600px;max-width:90%;position:relative}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}body.modal-open{overflow:hidden}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.nav-tabs.nav-tabs-line.nav-tabs-line-3x{border-bottom-width:3px !important}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active{color:#008fc7;border-bottom:1px solid #008fc7}select{position:relative;display:block;box-sizing:border-box}select{height:36px;color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center;cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line a.nav-link:hover,.nav-tabs.nav-tabs-line a.nav-link.active{background-color:transparent;color:#595d6e;border-bottom:1px solid #008fc7}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link{font-weight:500}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link{border-bottom-width:3px !important}.nav-tabs .nav-item:last-child .nav-link{margin-right:0}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#008fc7}.nav-pills .nav-item .nav-link.active,.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{transition:all 0.3s}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.kt-notification-item-padding-x{padding-left:1.5rem !important;padding-right:1.5rem !important}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 10px}.form-group{margin-bottom:2rem}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}label{display:inline-block;margin-bottom:0.5rem}.form-group>label{width:100%}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:first-child){margin-left:0.5rem}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:5px;color:white;font-size:14px;z-index:9999;animation:fadeInOut 3s ease-in-out;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2)}.toast.success{background-color:#2ecc71}.toast.error{background-color:#e74c3c}.pagination-controls{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:16px;font-family:sans-serif}.arrow-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color 0.2s ease}.arrow-button:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.05)}.arrow-button:disabled{opacity:0.3;cursor:not-allowed}.pagination-controls span{font-size:14px;color:#333}.modal-dialog{max-width:420px !important;width:90vw !important}.modal-inner{padding:8px 4px;display:flex;flex-direction:column;gap:12px}.form-label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px;color:#005b88;margin-bottom:5px}.form-select{width:100%;padding:7px 10px;border:1.5px solid #c8dfe8;border-radius:7px;font-size:13px;outline:none}.form-select:focus{border-color:#005b88}.section-divider{display:flex;align-items:center;gap:7px;font-weight:500;font-size:13px;color:#005b88;border-bottom:1.5px solid #e0eef4;padding-bottom:7px}.pages-list{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto;overflow-x:hidden}.page-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid #e0eef4;border-radius:7px;cursor:pointer;transition:background 0.15s, border-color 0.15s}.page-item:hover{background:#f0f8fc;border-color:#005b88}.page-icon{flex-shrink:0}.page-info{flex:1;display:flex;align-items:center;gap:7px}.page-name{font-weight:600;font-size:13px;color:#222}.culture-badge{font-size:10px;padding:2px 6px;border-radius:10px}.culture-published{background:#e6f4ea;color:#2e7d32}.culture-unpublished{background:#fff3e0;color:#e65100}.page-arrow{flex-shrink:0;opacity:0.35}.page-item:hover .page-arrow{opacity:1}.empty-pages{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#aaa;font-size:12px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:8px;border-top:1px solid #e0eef4}.page-counter{font-size:12px;color:#555}.arrow-button{background:none;border:1.5px solid #c8dfe8;border-radius:6px;padding:3px 7px;cursor:pointer;color:#005b88}.arrow-button:hover:not(:disabled){background:#e8f4fb}.arrow-button:disabled{opacity:0.35;cursor:not-allowed}";
+const eiamUserPreferenceCss = ":root{--bs-border-width:1px;--bs-border-color:#cccccc;--bs-border-width:0px;--bs-border-radius:.375rem}.kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x{border-bottom-color:rgba(0, 143, 199, 0.1)}@media (max-width: 1024px){.kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:auto;right:0}.input-group{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend{margin-right:-1px}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text{display:flex;align-items:center;padding:0.65rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#6f6f6f;text-align:center;white-space:nowrap;background-color:#f7f8fa;border:1px solid #e2e5ec;border-radius:4px}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}.form-control{display:block;width:100%;padding:0rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;height:36px}.modal-body{padding:15px 0}.modal-title{font-size:20px;font-weight:600;margin:0}.form-control{background-color:#ffffff}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.btn-primary{color:#fff;background-color:#5867dd;border-color:#5867dd;color:#ffffff}.btn{align-items:center}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^=\"la-\"],.input-group [class*=\" la-\"]{font-size:1.4rem}.input-group [class^=\"fa-\"],.input-group [class*=\" fa-\"]{font-size:1.2rem}.input-group [class^=\"flaticon-\"],.input-group [class*=\" flaticon-\"],.input-group [class^=\"flaticon2-\"],.input-group [class*=\" flaticon2-\"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center}.modal-dialog.landing-modal{background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);z-index:1060;width:600px;max-width:90%;position:relative}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}body.modal-open{overflow:hidden}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.nav-tabs.nav-tabs-line.nav-tabs-line-3x{border-bottom-width:3px !important}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active{color:#008fc7;border-bottom:1px solid #008fc7}select{position:relative;display:block;box-sizing:border-box}select{height:36px;color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center;cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line a.nav-link:hover,.nav-tabs.nav-tabs-line a.nav-link.active{background-color:transparent;color:#595d6e;border-bottom:1px solid #008fc7}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link{font-weight:500}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link{border-bottom-width:3px !important}.nav-tabs .nav-item:last-child .nav-link{margin-right:0}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#008fc7}.nav-pills .nav-item .nav-link.active,.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{transition:all 0.3s}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.kt-notification-item-padding-x{padding-left:1.5rem !important;padding-right:1.5rem !important}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 10px}.form-group{margin-bottom:2rem}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}label{display:inline-block;margin-bottom:0.5rem}.form-group>label{width:100%}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:first-child){margin-left:0.5rem}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:5px;color:white;font-size:14px;z-index:9999;animation:fadeInOut 3s ease-in-out;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2)}.toast.success{background-color:#2ecc71}.toast.error{background-color:#e74c3c}.pagination-controls{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:16px;font-family:sans-serif}.arrow-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color 0.2s ease}.arrow-button:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.05)}.arrow-button:disabled{opacity:0.3;cursor:not-allowed}.pagination-controls span{font-size:14px;color:#333}.modal-dialog{max-width:420px !important;width:90vw !important}.modal-inner{padding:8px 4px;display:flex;flex-direction:column;gap:12px}.form-label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px;color:#005b88;margin-bottom:5px}.form-select{width:100%;padding:7px 10px;border:1.5px solid #c8dfe8;border-radius:7px;font-size:13px;outline:none}.form-select:focus{border-color:#005b88}.section-divider{display:flex;align-items:center;gap:7px;font-weight:500;font-size:13px;color:#005b88;border-bottom:1.5px solid #e0eef4;padding-bottom:7px}.pages-list{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto;overflow-x:hidden}.page-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid #e0eef4;border-radius:7px;cursor:pointer;transition:background 0.15s, border-color 0.15s}.page-item:hover{background:#f0f8fc;border-color:#005b88}.page-icon{flex-shrink:0}.page-info{flex:1;display:flex;align-items:center;gap:7px}.page-name{font-weight:600;font-size:13px;color:#222}.culture-badge{font-size:10px;padding:2px 6px;border-radius:10px}.culture-published{background:#e6f4ea;color:#2e7d32}.culture-unpublished{background:#fff3e0;color:#e65100}.page-arrow{flex-shrink:0;opacity:0.35}.page-item:hover .page-arrow{opacity:1}.empty-pages{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#aaa;font-size:12px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:8px;border-top:1px solid #e0eef4}.page-counter{font-size:12px;color:#555}.arrow-button{background:none;border:1.5px solid #c8dfe8;border-radius:6px;padding:3px 7px;cursor:pointer;color:#005b88}.arrow-button:hover:not(:disabled){background:#e8f4fb}.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}";
 
 const EiamUserPreference = class {
     constructor(hostRef) {
@@ -47,9 +47,6 @@ const EiamUserPreference = class {
     showToastFlag;
     toastType;
     toastMessage;
-    searchText = '';
-    filteredPages = [];
-    showDropdown = false;
     pageId;
     cultureCode;
     applicationId;
@@ -193,8 +190,17 @@ const EiamUserPreference = class {
             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;
+        this.selectedPage = { pageId: null, name: '' };
         if (selectedId) {
             this.applicationId = selectedId;
             // console.log(this.applicationId, 'this.applicationId on change');
@@ -224,7 +230,6 @@ const EiamUserPreference = class {
             }
             const data = await response.json();
             this.pages = data?.content?.data;
-            this.filteredPages = this.pages;
             // console.log(data, 'data of all pages ');
         }
         catch (error) {
@@ -232,11 +237,6 @@ const EiamUserPreference = class {
             this.showToast('Something went wrong', 'error');
         }
     }
-    onSearch(event) {
-        const value = event.target.value.toLowerCase();
-        this.searchText = event.target.value;
-        this.filteredPages = this.pages.filter(p => p.name?.toLowerCase().includes(value));
-    }
     async submitPreferences() {
         const fontSizeValue = parseFloat(this.userPreferences.fontSize);
         const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;
@@ -308,9 +308,7 @@ const EiamUserPreference = class {
     selectPage(page) {
         this.selectedPage = page;
         this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page
-        // this.togglePageModal(); // Close the page selection modal
-        this.searchText = page.name; // 👈 show selected in input
-        this.showDropdown = false;
+        this.togglePageModal(); // Close the page selection modal
     }
     get pagedPages() {
         const start = (this.currentPage - 1) * this.pageSize;
@@ -321,21 +319,17 @@ const EiamUserPreference = class {
         return Math.ceil(this.pages.length / this.pageSize);
     }
     render() {
-        return (index.h(index.Host, { key: '8550b9ea4e198e1afbde134f76e857c685e9ef2c' }, index.h("div", { key: 'e9bde42e74a9486e9bbc1799fd38a3ded6e786af', class: "container" }, index.h("svg", { key: 'c1e0b41105158add70aac253c24a278e6710a222', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: '7a815b82095d9c06845e60c1fabca328eaab7e94', stroke: "none", fill: "none" }, index.h("rect", { key: 'd0b1c9a50650eaca1d224b5ece6606bc8914b380', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: '77eaa33ea5a7380ebd94fa721b285c9ee641f139', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: '1846480ce477f9e9bc7b933194324d7a882aad03', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#008fc7", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: '1d9fd7dcef067fd6ba85fe827f76fba47b28f8e6', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: '684cefe3c3726522a437e0b01c303c6f80717753', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: '76fff779d5ff32e744c6aa308502185c86c0dce1', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '9eafc92d23f1ab1cf5bb3b2794249da5f61bb01f', id: "Menu / Close_SM" }, index.h("path", { key: 'c27dac2e8dd3aaa9c8c491d0a49bb42986bde3b9', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'c4af5481ec4f5598d0cdb3e971aa94fdb3fb3b7b', class: "kt-quick-panel__nav" }, index.h("ul", { key: 'bc0664d458d262063f370c639497550d2f8f05e0', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: '2eec570a64bbfa9d765ea26926eed1f411ff9a68', class: "nav-item active" }, index.h("a", { key: '9cf59af1a1cd8e74a724dd0e15b4a26d02cdb42a', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: '963612538fa1b7f358489f2134ed4460d164f2f3', class: "kt-quick-panel__content" }, index.h("div", { key: '4cadd95c8f676b070310faab655927f278f4a6ae', class: "tab-content" }, index.h("div", { key: '3386c41e9f59fa2985adf091c65c4eb2e9f45cac', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'c3dc679552790312665261b30357e7ccb71488c1', class: "kt-notification" }, index.h("div", { key: '4bba007cface27fab60718d083d6157d9f2dca3a', class: "kt-portlet__body" }, index.h("div", { key: '5c31a5f1d2c3ffb6f8f76f0d92641b29cdca31e4', class: "form-group" }, index.h("label", { key: '8504dc5ed0ef49becead9a90155270d05b68b88d' }, "Date Format"), index.h("select", { key: '312901fa1ecfcf8cd90a564f10788d2e3e1de01c', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '09b022a0c7ca3317d9ed300a6e22d045a0ec8703', class: "form-group" }, index.h("label", { key: '3f52a078a1ca818cc36d5cf528f2499504699f41' }, "Time Format"), index.h("select", { key: 'edcb9044de1370a3af5b651361b50f11800a6b5f', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: '7d4db08531b94fb6210e22aa78be1d1d5c706983', class: "form-group" }, index.h("label", { key: '90f64c1f6a6304bbb36c84e191b06531b98cfe79' }, "Font Size"), index.h("select", { key: '9f57749f8cbde00759346465e4a04dc72afb24a6', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: 'e416c4d38b339176588725581caa8b76e2204c74', class: "form-group" }, index.h("label", { key: 'bc482d8d17c492531e5537245e885117b55be930' }, "User Display Format"), index.h("select", { key: '85c2411a634b28560b0be8cecf5032e8e325f35a', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: '9294aa5c90b063eaf331f4efe57cb03182a494a6', class: "form-group" }, index.h("label", { key: 'ba060afc78380d6b917af47531a35737bdab9b5e' }, "Default Landing Page"), index.h("div", { key: '9ecdf62471d85cb5fcdbe3373575cc264738105e', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '45089dd6b8dafdfdb93e71cd2217910836b08a68', class: "input-group-prepend" }, index.h("span", { key: '4d75f8125a5066f036d68bf46db117cc403f4d48', class: "input-group-text" }, index.h("svg", { key: '16fda44bd6e1dbf556f9ae21fae0372201e6464f', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: 'afe9ae9be2e3c4df139d5336beb4d32b6a11f929', id: "Link-chains" }, index.h("path", { key: '5d06cd4794e2a8f035201c0a84b60d2d9db8fb77', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: '164d66c136aee138de3daff74d8a7ed1fda3db23', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: '180c2a9a2d848ea4f7393f1512e875fbdbc60adb', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: 'd4e28254a901922a6432854cbe53ed7b6d370b44', class: "kt-portlet__foot" }, index.h("div", { key: '144dd9abee58e947fe2bf2a06aab5ddafea18c8a', class: "kt-form__actions" }, index.h("button", { key: '5a6af3d286d899d5a9a59b1ea698b22b00ef1fcd', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: 'e28130743cc2b74268b7605e82ba20938c86e786', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: '9e53e483ef33763ee29d37c1878b4c100e0c29f3', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: 'fde15b17d91bd14fdd0d30313b0f7ccee55f0c49', class: "modal-overlay" }, index.h("div", { key: '59389d7521703afb3891c1328c2abd5a41fe69c2', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: 'ab061103018b4e556deaac13ebb88e83758072fb', class: "modal-content landing-page" }, index.h("div", { key: 'bc5d5344ef08301e779c6360db98b9d5ec64a2ba', class: "modal-header" }, index.h("h4", { key: 'd7157c329e1fb498c710ec1489efa3b1a7815503', class: "modal-title pull-left" }, " Default Landing Page "), index.h("button", { key: '8e3a664aa9bd8694bc5b64a0f2ec18ea635d4dd6', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: 'a9cfd64417327e98391d4f02eddac69d99b9cf9d' }, index.h("svg", { key: 'c668b36a90783e82a692d28c4ef3902a09436210', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '81768f4708794cfadaaaf4e5a9b17b95fe38a404', id: "Menu / Close_SM" }, index.h("path", { key: 'b713a27ba5fafb5ce34ce583a7b05248b00e753c', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'bcb4e8d6c5dedd6989f990ddf1d9fd5ec022984e', class: "modal-body" }, index.h("div", { key: 'e5ced111ced3e1ddbd2afa8429165fb3a816f92d', class: "row" }, index.h("div", { key: '05b3626a9be6acdccb1eb59342041f0a2f6c0c76', class: "col-12" }, index.h("div", { key: 'fc767f9cdc4fd187c169fb329e17d03bd4dc5431', class: "row" }, index.h("div", { key: '4fbcf10f8cf172223953a8df1b9dac01eb57fdaa', class: "form-group" }, index.h("label", { key: 'e265ffdf2b87477ddfefbb1c18348a73355f15f9', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: '8b499aa5fc0d66f2984aac657c97e45cc8d5590e', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: '543a5e4515b77f4692dc0d88e1061d87c15af642', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), index.h("div", { key: '1bd80b0409fc5111ce2413c853b3c25d83625d18', class: "form-group", style: { position: 'relative' } }, index.h("label", { key: '51189c015894fda284e70c4e90e91b6b387ab5c5' }, "Select Page"), index.h("input", { key: '802107c2f5c31da073421798c5bad9648a55694f', type: "text", class: "ng", placeholder: "-- Select Page --", value: this.searchText !== '' ? this.searchText : this.selectedPage?.name, onInput: (e) => this.onSearch(e), onFocus: () => (this.showDropdown = true) }), this.showDropdown && (index.h("div", { key: '370f0f9dfc55af94fe1393563021d8f07d34da08', onClick: (e) => e.stopPropagation(), style: {
-                position: 'absolute',
-                width: '100%',
-                maxHeight: '200px',
-                overflowY: 'auto',
-                background: '#fff',
-                border: '1px solid #ccc',
-                zIndex: "999",
-            } }, this.filteredPages.map(page => (index.h("div", { class: "slug-item", onClick: () => this.selectPage(page), style: {
-                padding: '6px',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '6px',
-                cursor: 'pointer',
-            } }, index.h("span", { style: { fontWeight: '600' } }, page.name)))), this.filteredPages.length === 0 && (index.h("div", { key: '78d50fb7b5f77c5f305d44ff5fb83f1948fcfc16', style: { padding: '6px', color: '#999' } }, "No results")))))))))))))));
+        return (index.h(index.Host, { key: '1e74717fc78411ebcca673f671d5bee17e762266' }, index.h("div", { key: '9ee058663f4848ee6e08e8ae41f8fc00a5fe66a9', class: "container" }, index.h("svg", { key: '0646849127a318b250699cacee7816491ddb1b54', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: 'e337693e3c3e54799e9c094fd2a4fa01b3464db2', stroke: "none", fill: "none" }, index.h("rect", { key: 'b43d15ccb254c473f76a8df40a4192b1720e8392', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: '7c19441d4ad3558ed8526c0161899b9c6ada991a', fill: "#008fc7", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: 'b1fd533920c7f11fdaf72888407b2d9934c8a367', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#008fc7", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: 'a559b1f15470e762f9d4414ebd185c2712f0048d', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: '056db91f4c347b4bc553bf7dc676787b756b054e', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: '48a3139d651aa70b73e43aeb1afd7c980212a8e7', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '74303a9225c82cd84abc8675db4d9b1a0b7dd2f4', id: "Menu / Close_SM" }, index.h("path", { key: 'f9d746984a80a44c1765bbe7e6043093fed16676', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '8a349b95c69ee61e7134eb9e18bbf538d7baf2a2', class: "kt-quick-panel__nav" }, index.h("ul", { key: '802d442fe87029c4cc8a6215aa06d381c5b9e7da', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: 'bc81cf01130f8248de064ad5401b641ef9e61a57', class: "nav-item active" }, index.h("a", { key: 'd4a74063af14d715191d02a7bf01555b865d0a8c', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: 'a6c885adeb9dc1c4d74f731c2add86b6dbd40d8b', class: "kt-quick-panel__content" }, index.h("div", { key: '25a330a57fc867ccf9b39bfe5d27627bb73570f1', class: "tab-content" }, index.h("div", { key: '4879039aeb7afc7bd1eab4b4ed0032eb37465de0', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'c8941320b34d0d049ac651d199e9786e7f72465a', class: "kt-notification" }, index.h("div", { key: '3594c44a9a6d0cb06201a0fcb037f9a363ac3378', class: "kt-portlet__body" }, index.h("div", { key: '945637d7a4953b43b0fac3b6b9ac5fef6c9575ec', class: "form-group" }, index.h("label", { key: '36f4603942e18d7d4f11a92dcbe0830aa83055b1' }, "Date Format"), index.h("select", { key: 'a87ff9c234501b8ffbcec6d0de11b8276db7261d', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '31cc88069cd9f190dbcad6bfe831621ad99ee4ee', class: "form-group" }, index.h("label", { key: '0b18d8a586d0aadf94a05eddd96d1ae0f72fb9f3' }, "Time Format"), index.h("select", { key: '6af6e033ab1e699b0d664ff962ab0b21c309916c', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: '86a76a5d1b164f6796dc58be2cdf12b1ae7a56ea', class: "form-group" }, index.h("label", { key: '4f05de7031355482939b3ab347560df3c6edb5d3' }, "Font Size"), index.h("select", { key: 'e09bca677b2f1b74b945da65dd76cf8cfa3dc1df', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: 'e6f9f869fda7656d8f3621f2627c2d3ba4386807', class: "form-group" }, index.h("label", { key: '3f4b42efa6b71a2ecb149a07960971e009ce501e' }, "User Display Format"), index.h("select", { key: 'b9b4e7055484fc632cec4a9042c782756d829b02', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: '64718e22bfd9194fe48ff668351ba86471f048a7', class: "form-group" }, index.h("label", { key: 'f66145351fbe36b64ecb0ad7b1f6803de9e8fcfc' }, "Default Landing Page"), index.h("div", { key: 'd34a7d2cea8fdfae652ef2d3d8dc6bea9a539876', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '3dca1457318577d17092d28adfb1f2150d88be06', class: "input-group-prepend" }, index.h("span", { key: 'a66101b040b13f51c1163469ab3c38898e9c697d', class: "input-group-text" }, index.h("svg", { key: '3b8d496c34a272ac5ce04de5547ad762eba32085', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: '017511344a558847ef2ee46f7f14ce5dac4dd661', id: "Link-chains" }, index.h("path", { key: '03f004c4c9098cbdd84cc91c51ce80060ee0c23b', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162   c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001   L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002   c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008   c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5   c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008   c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992   L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998   c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996   c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005   l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995   c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998   C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: '21968e7c4e68bd45dcaf52c64e2b06b2ad8b50e1', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014   c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201   c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258   c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994   l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988   c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995   L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995   c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966   c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856   C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: '365931ffc40e4fc7aaa4f927e1a138cfde9e9514', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: '031feaa3119d5406317a1a92f367bcfe8da038e3', class: "kt-portlet__foot" }, index.h("div", { key: 'd35845f39a99768e84e965c12856debfbf40a7b8', class: "kt-form__actions" }, index.h("button", { key: '95ba41d885b6205f39dadb6131096bbb7f771a2d', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: '90bb71c571c5aa4252276bbc7bab1623f0a6e320', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: '938abaa12bf98edeba6bf3dbf30c7282e4e898b2', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: '56c706b772ba89f62a51cd75bbf3e2816bc1ec05', class: "modal-overlay" }, index.h("div", { key: '9f09b054dbc1d78c9eed865779990874089d89bd', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: '3d270202ebf23c346e643c213b7aacab578112af', class: "modal-content landing-page" }, index.h("div", { key: 'b34fa524d03624dda76e5a697f81f85fe3b77816', class: "modal-header" }, index.h("h4", { key: 'b67777cbc227c1b65eada3bb1a7569656b736808', class: "modal-title pull-left" }, " Default Landing Page "), index.h("button", { key: 'aa1691e79d2a0871762bc4b9d0ac5b6d7332ca77', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: '19eeeb5044cfd3a5adb42bd55a179b9e62b34a84' }, index.h("svg", { key: '85660cfbfe03f03d9919ae2f6e89a4bfe1f62e11', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '934fd08d4c029ad4b80167acdd552dd0e14bebde', id: "Menu / Close_SM" }, index.h("path", { key: 'd92c4753adaf29c2cbd6c845ac3078bf8b0654d9', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'c8bd71c891176623d0dc04e9255ebc4f2c67b659', class: "modal-body" }, index.h("div", { key: '1926d5d98645e5d1fe6e7abf69b6d99455cd6e62', class: "row" }, index.h("div", { key: '075795cfa4f130c1fe38355398ce9ca39d179720', class: "col-12" }, index.h("div", { key: '346780f9079c000d0a0fae6b585aa94ad9bd0f2c', class: "row" }, index.h("div", { key: '156af234afd537d28688e7d70efe65ea592dfcde', class: "form-group" }, index.h("label", { key: '56c1ae6e1305e07dfb6ec42838d0a7f96c5283df', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: '51b7a8040534760615ca60758068ca2807658b58', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: '593df22c844b5e0aba2e7d076454243529ddfc25', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), this.applicationId && (index.h("div", { key: '073fcf17c12f5157f5b972b0d1747b9ceb1df6d8', class: "form-group", style: { marginTop: '12px' } }, index.h("label", { key: '0c90bdc90b4edef00ffb1ddb9d23b6c8c4cd2741', htmlFor: "pageSearch" }, "Select Page"), index.h("div", { key: '29ece947c5e59c2f293028eb6ca66124fab2fa95', class: "search-select-wrapper" }, index.h("input", { key: '9a036df20b2493f6b889288c5e56d3e1b741c81a', type: "text", class: "search-input", placeholder: "Search pages...", value: this.pageSearchQuery, onInput: e => {
+                this.pageSearchQuery = e.target.value;
+                this.isPageDropdownOpen = true;
+            }, onFocus: () => this.isPageDropdownOpen = true }), this.isPageDropdownOpen && (index.h("div", { key: 'a4e558324ad1ff1db5ba85d06ec90d6eb002e339', class: "search-dropdown" }, this.filteredPages.length === 0 ? (index.h("div", { class: "search-no-result" }, "No pages found")) : (this.filteredPages.map(page => (index.h("div", { class: `search-option ${this.selectedPage?.pageId === page.pageId ? 'selected' : ''}`, onClick: () => {
+                this.selectPage(page);
+                this.pageSearchQuery = page.name;
+                this.isPageDropdownOpen = false;
+            } }, index.h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: '0' } }, index.h("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: "currentColor", "stroke-width": "2" }), index.h("path", { d: "M14 2v6h6", stroke: "currentColor", "stroke-width": "2" })), index.h("span", null, page.name), index.h("small", { class: {
+                'culture-unpublished': page.pageCultureStatus == 1,
+                'culture-published': page.pageCultureStatus == 2,
+            } }, page.cultureCode))))))))))))))))))));
     }
     static get watchers() { return {
         "cultureCode": ["watchChanges"],

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["eiam-user-preference.cjs",[[257,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"isModalOpen":[32],"currentPage":[32],"pageSize":[32],"isPageModalOpen":[32],"selectedPage":[32],"showToastFlag":[32],"toastType":[32],"toastMessage":[32],"searchText":[32],"filteredPages":[32],"showDropdown":[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;