npm - eiam-user-preference - Versions diffs - 0.0.39 → 0.0.40 - Mend

eiam-user-preference 0.0.39 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/esm/eiam-user-preference.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eiam-user-preference.entry.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close {\r\n position: absolute;\r\n z-index: 1;\r\n right: 1.5rem;\r\n top: 1rem;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n background-color: #f7f8fa;\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n font-size: 0.8rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n position: relative;\r\n padding: 1.5rem 0 0 0;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 0;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content /\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); / Dimmed background /\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n","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() totalPages: number = 0;\r\n @State() isModalOpen = false;\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 @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 async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n async getDisplayFormats() {\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/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 }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\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/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 console.log(data, 'dataaaaaaaaaaaaaaa');\r\n\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, 'fontsizeeeeeeeeeeeeee');\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 console.log(this.userPreferences, 'user preferancesss in getttt ');\r\n document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');\r\n\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\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;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\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 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 }\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 return;\r\n }\r\n if (response.ok) {\r\n console.log(fontSize,'fontsizeeeeeeeeee');\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs \|\| typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n 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 location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', 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 render() {\r\n return (\r\n <Host>\r\n <div>\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" 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=\"#000000\" 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=\"#000000\"\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=\"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 </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 <i class=\"fas fa-link\"></i>\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 {/ 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 <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.pages.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 <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/ <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\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 </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,kvPAAkvP;;MCOnwP,kBAAkB,GAAA,MAAA;;;;;;AAEpB,IAAA,gBAAgB;AAChB,IAAA,OAAO,GAAG;AACjB,QAAA,UAAU,EAAE;AACV,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;KACF;AACQ,IAAA,kBAAkB;AAClB,IAAA,eAAe,GAAG;AACzB,QAAA,UAAU,EAAE,YAAY;AACxB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,oBAAoB,EAAE,EAAE;AACxB,QAAA,QAAQ,EAAE,EAAE;KACb;IAEQ,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC;AACnE,IAAA,WAAW,GAAa,CAAC,QAAQ,CAAC;AAClC,IAAA,SAAS,GAAG;AACnB,QAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;AAC/B,QAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;AAChC,QAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC;IACQ,cAAc,GAAU,EAAE;IAC1B,gBAAgB,GAAU,EAAE;IAC5B,KAAK,GAAU,EAAE;IACjB,UAAU,GAAW,CAAC;IACtB,WAAW,GAAG,KAAK;AACnB,IAAA,eAAe,GAAY,KAAK,CAAC;AACjC,IAAA,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAC7E,IAAA,MAAM;AACN,IAAA,WAAW;AACX,IAAA,aAAa;AACb,IAAA,MAAM;AAKd,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,IAAI,CAAC,iBAAiB,EAAE;AAC9B,QAAA,MAAM,IAAI,CAAC,kBAAkB,EAAE;AAC/B,QAAA,MAAM,IAAI,CAAC,mBAAmB,EAAE;;AAGlC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;AAClC,gBAAA,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,mCAAA,CAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAElC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AAC/B,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;;iBAC7B;AACL,gBAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC;;;QAEpD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC;;;AAI3D,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;AAClC,gBAAA,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,uCAAA,CAAyC,EAAE;AACpF,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,IAAI,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAChC,YAAA,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC;AAEvC,YAAA,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE;gBACxD,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AACrD,gBAAA,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,uBAAuB,CAAC;gBAEnD,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;AACvB,oBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,YAAY;AACpD,oBAAA,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC3D,QAAQ,EAAG,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;AACrF,oBAAA,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC;AAC/C,oBAAA,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB;oBACzD,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBAC/D;AACD,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI;gBACtE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,+BAA+B,CAAC;AAClE,gBAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAG,GAAG,aAAa,CAAA,EAAA,CAAI,EAAE,WAAW,CAAC;;AAGlF,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;;QAClC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC;;;AAI5D,IAAA,MAAM,mBAAmB,GAAA;AACvB,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG;AACd,gBAAA,cAAc,EAAE,kBAAkB;AAClC,gBAAA,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,gBAAA,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC;YAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,6DAAA,CAA+D,EAAE;AAC1G,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAElC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AACvC,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO;;iBAC/B;AACL,gBAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC;;;QAEpD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC;;;AAGxD,IAAA,iBAAiB,CAAC,CAAQ,EAAA;AACxB,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK;QAExD,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU;YAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;YAC/D,IAAI,CAAC,qBAAqB,EAAE;;aACvB;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;;AAI7B,IAAA,MAAM,qBAAqB,GAAA;AACzB,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,mBAAA,CAAqB,EAAE;AAChE,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,cAAc,EAAE,kBAAkB;oBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,oBAAA,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;AACpC,iBAAA;AACD,gBAAA,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AACnC,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;AAChB,gBAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC;gBACtC;;AAGF,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI;AAChC,YAAA,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC;;QACvC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC;;;AAIjD,IAAA,MAAM,iBAAiB,GAAA;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AAC/D,QAAA,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,aAAa,CAAA,EAAA,CAAI,GAAG,IAAI;AACpE,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI;AACrC,QAAA,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM;AACnD,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,YAAA,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC;QACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC;AAExD,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,wCAAA,CAA0C,EAAE;AACrF,gBAAA,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;AAC3H,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;gBAChB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,UAAU,CAAC;gBACjE;;AAEF,YAAA,IAAI,QAAQ,CAAC,EAAE,EAAE;AACf,gBAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,mBAAmB,CAAC;;AAGzC,gBAAA,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE;AACrD,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;oBAAE;;;QAEjD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC;;;AAIzD,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,IAAI;AACF,YAAA,MAAM,KAAK,CAAC,CAAA,EAAG,IAAI,CAAC,MAAM,6BAA6B,EAAE;AACvD,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,WAAW,EAAE,SAAS;AACvB,aAAA,CAAC;YAEF,IAAI,CAAC,eAAe,GAAG;AACrB,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,UAAU,EAAE,EAAE;AACd,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,oBAAoB,EAAE,EAAE;AACxB,gBAAA,QAAQ,EAAE,EAAE;aACb;AACD,YAAA,QAAQ,CAAC,MAAM,EAAE,CAAC;;QAClB,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC;;;IAGvD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;;IAEtC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe;;AAE9C,IAAA,UAAU,CAAC,IAAI,EAAA;AACb,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC;AACxD,QAAA,IAAI,CAAC,eAAe,EAAE,CAAC;;IAGzB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,EACpJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAG,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAG,CAAA,EACjE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,EAAA,CACb,CACA,CACA,EAGL,IAAI,CAAC,WAAW,KACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC5C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB,EAAA,EAC/F,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAChG,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,GAAG,oBAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAG,CAAA,CACpJ,CACA,CACJ,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G,EAAA,EACrI,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EACzB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAA,EAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAA,EAAA,iBAAA,CAEnD,CACD,CACF,CACD,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD,EAAA,EACpH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAA0B,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EAC1B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC5F,EAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,KAC3B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,EAAA,EACvE,MAAM,CACA,CACV,CAAC,CACK,CACL,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAA0B,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EAC1B,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC5F,EAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,KAC1B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,EAAA,EACvE,MAAM,CACA,CACV,CAAC,CACK,CACL,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAwB,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,WAAA,CAAA,EACxB,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAAA,EAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,KACtB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAC7E,EAAA,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAkC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,qBAAA,CAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,EACzG,EAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,KAC7B,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,EACtF,EAAA,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAmC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,sBAAA,CAAA,EACnC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EAC5D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EAAA,CAAK,CACtB,CACH,EACN,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,IAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,EAAA,CAAG,CACzH,CACF,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAE9D,EAAA,MAAA,CAAA,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP,EAIA,IAAI,CAAC,eAAe,KACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAA4B,EAAA,wBAAA,CAAA,EAC7D,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAA,YAAA,EAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB,EAAA,EACtG,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAChG,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,EAAA,gBAAA,EAAgB,OAAO,EAAiB,iBAAA,EAAA,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,EAAE,EAA+B,EAAA,wBAAA,CAAA,EAChD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAA,EACxD,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,EAE7C,EAAA,0BAAA,CAAA,EACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,KACpC,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,EAAA,EACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF,EAEN,CAA0B,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAA,EACzD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IACnE,IAAI,CAAC,IAAI,CACL,EACP,CAAA,CAAA,OAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;AAClD,gBAAA,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;AACjD,aAAA,EAAA,QAEE,IAAI,CAAC,WAAW,CACb,CACJ,CACF,CACP,CAAC,CACE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qDAAqD,EAAA,CAQ1D,CACF,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"eiam-user-preference.entry.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close {\r\n position: absolute;\r\n z-index: 1;\r\n right: 1.5rem;\r\n top: 1rem;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n background-color: #f7f8fa;\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n font-size: 0.8rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n position: relative;\r\n padding: 1.5rem 0 0 0;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 0;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content /\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); / Dimmed background /\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n","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() totalPages: number = 0;\r\n @State() isModalOpen = false;\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 @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 async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n async getDisplayFormats() {\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/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 }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\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/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 console.log(data, 'dataaaaaaaaaaaaaaa');\r\n\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, 'fontsizeeeeeeeeeeeeee');\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 console.log(this.userPreferences, 'user preferancesss in getttt ');\r\n document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');\r\n\r\n\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\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;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\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 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 }\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 return;\r\n }\r\n if (response.ok) {\r\n console.log(fontSize,'fontsizeeeeeeeeee');\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs \|\| typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n 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 location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', 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 render() {\r\n return (\r\n <Host>\r\n <div class=\"container\" style={{ fontSize: `${this.userPreferences.fontSize}` }}>\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" 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=\"#000000\" 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=\"#000000\"\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=\"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 </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 <i class=\"fas fa-link\"></i>\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 {/ 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 <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.pages.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 <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/ <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\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 </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "eiam-user-preference",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/eiam-user-preference/p-a7bbfc9d.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["eiamUserPreferenceCss","EiamUserPreference","currentRouteSlug","payload","pagination","pageIndex","pageSize","search","pageName","preferencesChanged","userPreferences","dateFormat","timeFormat","fontSize","displayFormat","defaultLandingPageId","dateFormates","timeFormats","fontSizes","label","value","displayFormats","userApplications","pages","totalPages","isModalOpen","isPageModalOpen","selectedPage","pageId","name","cultureCode","applicationId","apiUrl","componentWillLoad","this","getDisplayFormats","getUserPreferences","getUserApplications","headers","IntegrationPermission","CultureCode","Source","response","fetch","method","credentials","data","json","Array","isArray","content","console","error","log","code","fontSizeValue","parseInt","isNaN","defaultLandingPageDetails","document","body","style","setProperty","emit","changeApplication","e","selectedId","target","getPagesSApplications","JSON","stringify","ok","submitPreferences","parseFloat","statusText","newPrefs","resetPreferences","location","reload","toggleModal","togglePageModal","selectPage","page","render","h","Host","key","onClick","xmlns","width","height","viewBox","cursor","stroke","fill","x","y","rx","d","opacity","class","id","role","onInput","map","format","selected","size","type","readonly","placeholder","htmlFor","application","applicationName","maxHeight","overflowY","overflowX","fontWeight","lineHeight","pageCultureStatus"],"sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close {\r\n position: absolute;\r\n z-index: 1;\r\n right: 1.5rem;\r\n top: 1rem;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n background-color: #f7f8fa;\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n font-size: 0.8rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__close:hover i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n position: relative;\r\n padding: 1.5rem 0 0 0;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel .kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 0;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content */\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n","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() totalPages: number = 0;\r\n @State() isModalOpen = false;\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 @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 async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n async getDisplayFormats() {\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/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 }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\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/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 console.log(data, 'dataaaaaaaaaaaaaaa');\r\n\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, 'fontsizeeeeeeeeeeeeee');\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 console.log(this.userPreferences, 'user preferancesss in getttt ');\r\n document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');\r\n\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\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;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\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 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 }\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 return;\r\n }\r\n if (response.ok) {\r\n console.log(fontSize,'fontsizeeeeeeeeee');\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n 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 location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', 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 render() {\r\n return (\r\n <Host>\r\n <div>\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" 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=\"#000000\" 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=\"#000000\"\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=\"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 </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 <i class=\"fas fa-link\"></i>\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 {/* 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 <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.pages.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 <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\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 </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAwB,muP,MCOjBC,EAAkB,M,wGAEpBC,iBACAC,QAAU,CACjBC,WAAY,CACVC,UAAW,EACXC,SAAU,KAEZC,OAAQ,CACNC,SAAU,KAGLC,mBACAC,gBAAkB,CACzBC,WAAY,aACZC,WAAY,GACZC,SAAU,KACVC,cAAe,EACfC,qBAAsB,GACtBP,SAAU,IAGHQ,aAAyB,CAAC,aAAc,aAAc,cACtDC,YAAwB,CAAC,UACzBC,UAAY,CACnB,CAAEC,MAAO,QAASC,MAAO,MACzB,CAAED,MAAO,SAAUC,MAAO,MAC1B,CAAED,MAAO,QAASC,MAAO,OAElBC,eAAwB,GACxBC,iBAA0B,GAC1BC,MAAe,GACfC,WAAqB,EACrBC,YAAc,MACdC,gBAA2B,MAC3BC,aAAiD,CAAEC,OAAQ,KAAMC,KAAM,IACxED,OACAE,YACAC,cACAC,OAKR,uBAAMC,SACEC,KAAKC,0BACLD,KAAKE,2BACLF,KAAKG,qB,CAGb,uBAAMF,GACJ,IACE,MAAMG,EAAU,CACd,eAAgB,mBAChBC,sBAAyB,mEACzBC,YAAeN,KAAKJ,YACpBW,OAAU,IACVV,cAAiBG,KAAKH,eAGxB,MAAMW,QAAiBC,MAAM,GAAGT,KAAKF,4CAA6C,CAChFY,OAAQ,MACRN,QAASA,EACTO,YAAa,YAGf,MAAMC,QAAaJ,EAASK,OAE5B,GAAIC,MAAMC,QAAQH,EAAKI,SAAU,CAC/BhB,KAAKb,eAAiByB,EAAKI,O,KACtB,CACLC,QAAQC,MAAM,8BAA+BN,E,EAE/C,MAAOM,GACPD,QAAQC,MAAM,kCAAmCA,E,EAIrD,wBAAMhB,GACJ,IACE,MAAME,EAAU,CACd,eAAgB,mBAChBC,sBAAyB,mEACzBC,YAAeN,KAAKJ,YACpBW,OAAU,IACVV,cAAiBG,KAAKH,eAGxB,MAAMW,QAAiBC,MAAM,GAAGT,KAAKF,gDAAiD,CACpFY,OAAQ,MACRN,QAASA,EACTO,YAAa,YAGf,IAAIC,QAAaJ,EAASK,OAC1BI,QAAQE,IAAIP,EAAM,sBAElB,GAAIA,UAAeA,IAAS,UAAYA,EAAKQ,MAAQ,IAAK,CACxD,MAAMC,EAAgBC,SAASV,EAAKI,QAAQrC,UAC5CsC,QAAQE,IAAIE,EAAe,yBAE3BrB,KAAKxB,gBAAkB,IAClBwB,KAAKxB,gBACRC,WAAYmC,EAAKI,SAASvC,YAAc,aACxCC,WAAYkC,EAAKI,SAAStC,YAAcsB,KAAKjB,YAAY,GACzDJ,UAAY4C,MAAMF,GAAiBA,EAAgBC,SAAStB,KAAKhB,UAAU,IAAIE,OAC/EN,cAAegC,EAAKI,SAASpC,eAAiB,EAC9CC,qBAAsB+B,GAAMI,SAASnC,qBACrCP,SAAUsC,GAAMI,SAASQ,2BAA2B7B,MAAQ,IAE9DK,KAAKP,aAAaE,KAAOiB,EAAKI,SAASQ,2BAA2B7B,KAClEsB,QAAQE,IAAInB,KAAKxB,gBAAiB,iCAClCiD,SAASC,KAAKC,MAAMC,YAAY,YAAc,GAAGP,MAAmB,Y,CAGtErB,KAAKzB,mBAAmBsD,KAAKjB,E,CAC7B,MAAOM,GACPD,QAAQC,MAAM,mCAAoCA,E,EAItD,yBAAMf,GACJ,IACE,MAAMC,EAAU,CACd,eAAgB,mBAChBC,sBAAyB,mEACzBC,YAAeN,KAAKJ,YACpBW,OAAU,IACVV,cAAiBG,KAAKH,eAGxB,MAAMW,QAAiBC,MAAM,GAAGT,KAAKF,sEAAuE,CAC1GY,OAAQ,MACRN,QAASA,EACTO,YAAa,YAGf,MAAMC,QAAaJ,EAASK,OAE5B,GAAID,GAAQE,MAAMC,QAAQH,EAAKI,SAAU,CACvChB,KAAKZ,iBAAmBwB,EAAKI,O,KACxB,CACLC,QAAQC,MAAM,8BAA+BN,E,EAE/C,MAAOM,GACPD,QAAQC,MAAM,+BAAgCA,E,EAGlD,iBAAAY,CAAkBC,GAChB,MAAMC,EAAcD,EAAEE,OAA6B/C,MAEnD,GAAI8C,EAAY,CACdhC,KAAKH,cAAgBmC,EACrBf,QAAQE,IAAInB,KAAKH,cAAe,gCAChCG,KAAKkC,uB,KACA,CACLlC,KAAKH,cAAgB,I,EAIzB,2BAAMqC,GACJ,IACE,MAAM1B,QAAiBC,MAAM,GAAGT,KAAKF,4BAA6B,CAChEY,OAAQ,OACRN,QAAS,CACP,eAAgB,mBAChBE,YAAeN,KAAKJ,YACpBW,OAAU,IACVV,cAAiBG,KAAKH,eAExBc,YAAa,UACbe,KAAMS,KAAKC,UAAUpC,KAAK/B,WAG5B,IAAKuC,EAAS6B,GAAI,CAChBpB,QAAQC,MAAM,yBACd,M,CAGF,MAAMN,QAAaJ,EAASK,OAC5Bb,KAAKX,MAAQuB,GAAMI,SAASJ,KAC5BK,QAAQE,IAAIP,EAAM,qB,CAClB,MAAOM,GACPD,QAAQC,MAAM,wBAAyBA,E,EAI3C,uBAAMoB,GACJ,MAAMjB,EAAgBkB,WAAWvC,KAAKxB,gBAAgBG,UACtD,MAAMA,GAAY4C,MAAMF,GAAiB,GAAGA,MAAoB,KAChE,IAAI/C,EAAW0B,KAAKP,aAAaE,KACjC,IAAId,EAAuBmB,KAAKP,aAAaC,OAC7C,MAAMU,EAAU,CACd,eAAgB,mBAChBE,YAAeN,KAAKJ,YACpBW,OAAU,IACVV,cAAiBG,KAAKH,eAExBoB,QAAQE,IAAInB,KAAKxB,gBAAiB,uBAElC,IACE,MAAMgC,QAAiBC,MAAM,GAAGT,KAAKF,iDAAkD,CACrFY,OAAQ,OACRN,UACAsB,KAAMS,KAAKC,UAAU,IAAKpC,KAAKxB,gBAAiBG,WAAUL,SAAUA,EAAUO,qBAAsBA,IACpG8B,YAAa,YAGf,IAAKH,EAAS6B,GAAI,CAChBpB,QAAQC,MAAM,8BAA+BV,EAASgC,YACtD,M,CAEF,GAAIhC,EAAS6B,GAAI,CACfpB,QAAQE,IAAIxC,EAAS,qBAGrB,MAAM8D,QAAsBzC,KAAKE,qBACjC,IAAKuC,UAAmBA,IAAa,SAAU,M,EAEjD,MAAOvB,GACPD,QAAQC,MAAM,gCAAiCA,E,EAInD,sBAAMwB,GACJ,UACQjC,MAAM,GAAGT,KAAKF,oCAAqC,CACvDY,OAAQ,SACRC,YAAa,YAGfX,KAAKxB,gBAAkB,CACrBC,WAAY,aACZC,WAAY,GACZC,SAAU,GACVC,cAAe,EACfC,qBAAsB,GACtBP,SAAU,IAEZqE,SAASC,Q,CACT,MAAO1B,GACPD,QAAQC,MAAM,8BAA+BA,E,EAGjD,WAAA2B,GACE7C,KAAKT,aAAeS,KAAKT,W,CAE3B,eAAAuD,GACE9C,KAAKR,iBAAmBQ,KAAKR,e,CAE/B,UAAAuD,CAAWC,GACThD,KAAKP,aAAeuD,EACpBhD,KAAKxB,gBAAgBK,qBAAuBmE,EAAKtD,OACjDM,KAAK8C,iB,CAGP,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,4CACEF,EAAA,OAAAE,IAAA,2CAAKC,QAAS,IAAMrD,KAAK6C,cAAeS,MAAM,6BAA6BC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YAAY9B,MAAO,CAAE+B,OAAQ,YACzIR,EAAA,KAAAE,IAAA,2CAAGO,OAAO,OAAOC,KAAK,QACpBV,EAAA,QAAAE,IAAA,2CAAMS,EAAE,IAAIC,EAAE,IAAIP,MAAM,KAAKC,OAAO,OACpCN,EAAM,QAAAE,IAAA,2CAAAQ,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIP,MAAM,IAAIC,OAAO,IAAIO,GAAG,QACzDb,EAAA,QAAAE,IAAA,2CACEY,EAAE,yjBACFJ,KAAK,UACLK,QAAQ,UAMbjE,KAAKT,aACJ2D,EAAK,OAAAE,IAAA,2CAAAc,MAAM,qCACThB,EAAA,KAAAE,IAAA,2CAAGC,QAAS,IAAMrD,KAAK6C,cAAesB,GAAG,2BAA2BD,MAAM,yBACxEhB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,6BAA6BC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YAAYG,KAAK,QAC1FV,EAAG,KAAAE,IAAA,2CAAAe,GAAG,mBACJjB,EAAM,QAAAE,IAAA,2CAAAe,GAAG,SAASH,EAAE,+CAA+CL,OAAO,UAAuB,mBAAG,iBAAgB,QAAO,kBAAiB,aAIlJT,EAAK,OAAAE,IAAA,2CAAAc,MAAM,uBACThB,EAAA,MAAAE,IAAA,2CAAIgB,KAAK,UAAUF,MAAM,gHACvBhB,EAAI,MAAAE,IAAA,2CAAAc,MAAM,mBACRhB,EAAA,KAAAE,IAAA,yDAAe,MAAMgB,KAAK,MAAMF,MAAM,mBAAiB,sBAO7DhB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,2BACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,eACThB,EAAK,OAAAE,IAAA,2CAAAe,GAAG,mCAAmCC,KAAK,WAAWF,MAAM,uDAC/DhB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,mBACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,oBACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAA0B,SAAAE,IAAA,2DAC1BF,EAAQ,UAAAE,IAAA,2CAAAiB,QAAStC,GAAM/B,KAAKxB,gBAAgBC,WAAcsD,EAAEE,OAA6B/C,OACtFc,KAAKlB,aAAawF,KAAIC,GACrBrB,EAAA,UAAQhE,MAAOqF,EAAQC,SAAUxE,KAAKxB,gBAAgBC,YAAc8F,GACjEA,OAMTrB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAA0B,SAAAE,IAAA,2DAC1BF,EAAQ,UAAAE,IAAA,2CAAAiB,QAAStC,GAAM/B,KAAKxB,gBAAgBE,WAAcqD,EAAEE,OAA6B/C,OACtFc,KAAKjB,YAAYuF,KAAIC,GACpBrB,EAAA,UAAQhE,MAAOqF,EAAQC,SAAUxE,KAAKxB,gBAAgBE,YAAc6F,GACjEA,OAMTrB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAAwB,SAAAE,IAAA,yDACxBF,EAAQ,UAAAE,IAAA,2CAAAiB,QAAStC,GAAM/B,KAAKxB,gBAAgBG,SAAYoD,EAAEE,OAA6B/C,OACpFc,KAAKhB,UAAUsF,KAAIG,GAClBvB,EAAQ,UAAAhE,MAAOuF,EAAKvF,MAAOsF,SAAUxE,KAAKxB,gBAAgBG,UAAY8F,EAAKvF,OACxEuF,EAAKxF,WAMdiE,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAAkC,SAAAE,IAAA,mEAClCF,EAAA,UAAAE,IAAA,2CAAQiB,QAAStC,GAAM/B,KAAKxB,gBAAgBI,cAAgB0C,SAAUS,EAAEE,OAA6B/C,QAClGc,KAAKb,eAAemF,KAAIC,GACvBrB,EAAQ,UAAAhE,MAAOqF,EAAOrF,MAAOsF,SAAUxE,KAAKxB,gBAAgBI,eAAiB2F,EAAOrF,OACjFqF,EAAOtF,WAMhBiE,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAAmC,SAAAE,IAAA,oEACnCF,EAAA,OAAAE,IAAA,2CAAKc,MAAM,cAAcb,QAAS,IAAMrD,KAAK8C,mBAC3CI,EAAK,OAAAE,IAAA,2CAAAc,MAAM,uBACThB,EAAM,QAAAE,IAAA,2CAAAc,MAAM,oBACVhB,EAAA,KAAAE,IAAA,2CAAGc,MAAM,kBAGbhB,EAAO,SAAAE,IAAA,2CAAAsB,KAAK,OAAOR,MAAM,eAAeS,SAAS,KAAAzF,MAAOc,KAAKP,aAAaE,MAAQ,cAAeiF,YAAY,mBAInH1B,EAAK,OAAAE,IAAA,2CAAAc,MAAM,oBACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,oBACThB,EAAA,UAAAE,IAAA,2CAAQc,MAAM,kBAAkBb,QAAS,IAAMrD,KAAKsC,qBAE3C,QACTY,EAAQ,UAAAE,IAAA,2CAAAc,MAAM,oBAAoBb,QAAS,IAAMrD,KAAK0C,oBAAkB,gBAcvF1C,KAAKR,iBACJ0D,EAAK,OAAAE,IAAA,2CAAAc,MAAM,iBACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,uCACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,8BACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,gBACThB,EAAI,MAAAE,IAAA,2CAAAc,MAAM,yBAAmD,0BAC7DhB,EAAA,UAAAE,IAAA,2CAAQC,QAAS,IAAMrD,KAAK8C,kBAAmB4B,KAAK,SAAQ,aAAY,QAAQR,MAAM,oBACpFhB,EAAA,QAAAE,IAAA,4CACEF,EAAA,OAAAE,IAAA,2CAAKE,MAAM,6BAA6BC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YAAYG,KAAK,QAC1FV,EAAG,KAAAE,IAAA,2CAAAe,GAAG,mBACJjB,EAAM,QAAAE,IAAA,2CAAAe,GAAG,SAASH,EAAE,+CAA+CL,OAAO,UAAS,eAAc,IAAG,iBAAgB,QAAwB,iCAOtJT,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,OACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,UACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,OACThB,EAAK,OAAAE,IAAA,2CAAAc,MAAM,cACThB,EAAO,SAAAE,IAAA,2CAAAyB,QAAQ,IAAiC,0BAChD3B,EAAA,UAAAE,IAAA,2CAAQc,MAAM,KAAKG,QAAStC,GAAK/B,KAAK8B,kBAAkBC,IACtDmB,EAAQ,UAAAE,IAAA,2CAAAlE,MAAM,GAAGsF,SAAUxE,KAAKH,gBAAkB,MAEzC,4BACRG,KAAKZ,iBAAiBkF,KAAIQ,GACzB5B,EAAQ,UAAAhE,MAAO4F,EAAYjF,cAAe2E,SAAUxE,KAAKH,gBAAkBiF,EAAYjF,eACpFiF,EAAYC,sBAOvB7B,EAA0B,SAAAE,IAAA,2DAC1BF,EAAA,OAAAE,IAAA,2CAAKzB,MAAO,CAAEqD,UAAW,QAASC,UAAW,OAAQC,UAAW,WAC7DlF,KAAKX,MAAMiF,KAAItB,GACdE,EAAK,OAAAgB,MAAM,YAAYb,QAAS,IAAMrD,KAAK+C,WAAWC,IACpDE,EAAK,OAAAgB,MAAM,OACThB,EAAA,QAAMgB,MAAM,aAAavC,MAAO,CAAEwD,WAAY,MAAOC,WAAY,MAC9DpC,EAAKrD,MAERuD,EAAA,SACEgB,MAAO,CACL,sBAAuBlB,EAAKqC,mBAAqB,EACjD,oBAAqBrC,EAAKqC,mBAAqB,IAChD,KAEErC,EAAKpD,kBAMlBsD,EAAA,OAAAE,IAAA,2CAAKc,MAAM,+D","ignoreList":[]}