npm - eiam-user-preference - Versions diffs - 0.0.14 → 0.0.15 - Mend

eiam-user-preference 0.0.14 → 0.0.15

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/eiam-user-preference/eiam-user-preference.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eiam-user-preference.entry.esm.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":["\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 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 ","import { Component, Host, Prop, State, Watch, h, Element } 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 apiUrl = window['config']?.apiUrl \|\| 'http://localhost:5000';\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 @State() userPreferences = {\r\n dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\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: { id: number; name: string } = { id: null, name: '' }; // To store selected page\r\n @State() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n componentDidLoad() {}\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 const data = await response.json();\r\n\r\n if (data && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormate: data.dateFormate \|\| 'dd/MM/yyyy',\r\n timeFormate: data.timeFormate \|\| this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat \|\| 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name \|\| '',\r\n };\r\n }\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(application) {\r\n if (application.applicationId) {\r\n console.log(application.applicationId, 'application.applicationId');\r\n\r\n this.applicationId = application.applicationId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n\r\n this.getPagesSApplications();\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 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 fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\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 // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\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\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\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\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 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 }),\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\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 // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.setAttribute('style', `font-size: ${newFontSize} !important`);\r\n }\r\n\r\n localStorage.setItem('dateFormat', dateFormate \|\| 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate \|\| '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate \|\| 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate \|\| '');\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 dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\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: { id: any; name: string }) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.id; // 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 // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal /}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\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\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\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/ User Preferences Modal Trigger /}\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.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormate === 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.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormate === 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-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 <i class=\"fas fa-times\"></i>\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 onInput={e => this.changeApplication(e)}>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId}>{application.applicationName}</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 )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,onBAAonB;;MCOroB,kBAAkB,GAAA,MAAA;;;;;IAE7B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,uBAAuB;AACnD,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,eAAe,GAAG;AACzB,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,WAAW,EAAE,EAAE;AACf,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,GAAiC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACpE,IAAA,MAAM;AACP,IAAA,WAAW;AACX,IAAA,aAAa;AAKrB,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;;AAElC,IAAA,gBAAgB;AAChB,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,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAElC,YAAA,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBACpC,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/C,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;AACvB,oBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,YAAY;AAC7C,oBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;oBACpD,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK;AAC1E,oBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC;oBACtC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;AAC/C,oBAAA,QAAQ,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBACtD;;;QAEH,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,WAAW,EAAA;AAC3B,QAAA,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,aAAa,EAAE,2BAA2B,CAAC;AAEnE,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,aAAa;YAC9C,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;YAE/D,IAAI,CAAC,qBAAqB,EAAE;;;AAIhC,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;AAClC,oBAAA,uBAAuB,EAAE,kEAAkE;oBAC3F,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;AAClC,YAAA,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC;;QACvC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCjD,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;AAEpE,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,kBAAkB;AAClC,YAAA,uBAAuB,EAAE,kEAAkE;YAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,YAAA,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC;AAED,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,wCAAA,CAA0C,EAAE;AACrF,gBAAA,MAAM,EAAE,MAAM;gBACd,OAAO;AACP,gBAAA,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,CAAC;AAC3D,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;;;AAIF,YAAA,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE;AACrD,YAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBAAE;;AAG/C,YAAA,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,QAAQ;YAEnF,IAAI,aAAa,EAAE;AACjB,gBAAA,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC;;;YAItD,IAAI,WAAW,EAAE;gBACf,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAc,WAAA,EAAA,WAAW,CAAa,WAAA,CAAA,CAAC;;YAG7E,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,YAAY,CAAC;YAC/D,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;;;;QAIrD,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,WAAW,EAAE,YAAY;AACzB,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,oBAAoB,EAAE,EAAE;AACxB,gBAAA,QAAQ,EAAE,EAAE;aACb;AAED,YAAA,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC;AACrC,YAAA,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC;AACxC,YAAA,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC;AAEnC,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,IAA+B,EAAA;AACxC,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC;AACpD,QAAA,IAAI,CAAC,eAAe,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyEzB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAEE,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,WAAW,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC7F,EAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,KAC3B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM,EAAA,EACzE,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,WAAW,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC7F,EAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,KAC1B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM,EAAA,EACzE,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,KAAK,IAAI,CAAC,KAAK,EAC9E,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,KAAK,MAAM,CAAC,KAAK,EACvF,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,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,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,cAAc,EAAK,CAAA,CACvB,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,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAA,EAC5C,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,KACpC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAG,EAAA,WAAW,CAAC,eAAe,CAAU,CACjF,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,CACP,CACG,CACD;;;;;;;;;;;;"}
1	+ {"version":3,"file":"eiam-user-preference.entry.esm.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\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}","import { Component, Host, Prop, State, Watch, h, Element } 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 apiUrl = window['config']?.apiUrl \|\| 'http://localhost:5000';\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 @State() userPreferences = {\r\n dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\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: { id: number; name: string } = { id: null, name: '' }; // To store selected page\r\n @State() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n componentDidLoad() {}\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 const data = await response.json();\r\n\r\n if (data && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormate: data.dateFormate \|\| 'dd/MM/yyyy',\r\n timeFormate: data.timeFormate \|\| this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat \|\| 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name \|\| '',\r\n };\r\n }\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(application) {\r\n if (application.applicationId) {\r\n console.log(application.applicationId, 'application.applicationId');\r\n\r\n this.applicationId = application.applicationId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n\r\n this.getPagesSApplications();\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 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 fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\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 // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\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\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\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\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 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 }),\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\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 // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.setAttribute('style', `font-size: ${newFontSize} !important`);\r\n }\r\n\r\n localStorage.setItem('dateFormat', dateFormate \|\| 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate \|\| '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate \|\| 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate \|\| '');\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 dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\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: { id: any; name: string }) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.id; // 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 // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal /}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\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\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\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/ User Preferences Modal Trigger /}\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.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormate === 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.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormate === 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-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 <i class=\"fas fa-times\"></i>\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 onInput={e => this.changeApplication(e)}>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId}>{application.applicationName}</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 )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,2kIAA2kI;;MCO5lI,kBAAkB,GAAA,MAAA;;;;;IAE7B,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,uBAAuB;AACnD,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,eAAe,GAAG;AACzB,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,WAAW,EAAE,EAAE;AACf,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,GAAiC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACpE,IAAA,MAAM;AACP,IAAA,WAAW;AACX,IAAA,aAAa;AAKrB,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;;AAElC,IAAA,gBAAgB;AAChB,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,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAElC,YAAA,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBACpC,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/C,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;AACvB,oBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,YAAY;AAC7C,oBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;oBACpD,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK;AAC1E,oBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC;oBACtC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;AAC/C,oBAAA,QAAQ,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBACtD;;;QAEH,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,WAAW,EAAA;AAC3B,QAAA,IAAI,WAAW,CAAC,aAAa,EAAE;YAC7B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,aAAa,EAAE,2BAA2B,CAAC;AAEnE,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,aAAa;YAC9C,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC;YAE/D,IAAI,CAAC,qBAAqB,EAAE;;;AAIhC,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;AAClC,oBAAA,uBAAuB,EAAE,kEAAkE;oBAC3F,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;AAClC,YAAA,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC;;QACvC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCjD,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;AAEpE,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,kBAAkB;AAClC,YAAA,uBAAuB,EAAE,kEAAkE;YAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;AAC/B,YAAA,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC;AAED,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,wCAAA,CAA0C,EAAE;AACrF,gBAAA,MAAM,EAAE,MAAM;gBACd,OAAO;AACP,gBAAA,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,CAAC;AAC3D,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;;;AAIF,YAAA,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE;AACrD,YAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;gBAAE;;AAG/C,YAAA,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,QAAQ;YAEnF,IAAI,aAAa,EAAE;AACjB,gBAAA,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC;;;YAItD,IAAI,WAAW,EAAE;gBACf,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAc,WAAA,EAAA,WAAW,CAAa,WAAA,CAAA,CAAC;;YAG7E,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,YAAY,CAAC;YAC/D,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;;;;QAIrD,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,WAAW,EAAE,YAAY;AACzB,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,oBAAoB,EAAE,EAAE;AACxB,gBAAA,QAAQ,EAAE,EAAE;aACb;AAED,YAAA,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC;AACrC,YAAA,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC;AACxC,YAAA,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC;AAEnC,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,IAA+B,EAAA;AACxC,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC;AACpD,QAAA,IAAI,CAAC,eAAe,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyEzB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAEE,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,WAAW,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC7F,EAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,KAC3B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM,EAAA,EACzE,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,WAAW,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,EAC7F,EAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,KAC1B,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM,EAAA,EACzE,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,KAAK,IAAI,CAAC,KAAK,EAC9E,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,KAAK,MAAM,CAAC,KAAK,EACvF,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,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,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,cAAc,EAAK,CAAA,CACvB,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,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAA,EAC5C,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,KACpC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAG,EAAA,WAAW,CAAC,eAAe,CAAU,CACjF,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,CACP,CACG,CACD;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-BGQj8XZp.js";export{s as setNonce}from"./p-BGQj8XZp.js";import{g as o}from"./p-DQuL1Twl.js";var t=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};t().then((async e=>{await o();return a([["p-29241bd4",[[1,"eiam-user-preference",{cultureCode:[1,"culture-code"],applicationId:[1,"application-id"],currentRouteSlug:[32],payload:[32],userPreferences:[32],dateFormates:[32],timeFormats:[32],fontSizes:[32],displayFormats:[32],userApplications:[32],pages:[32],totalPages:[32],isModalOpen:[32],isPageModalOpen:[32],selectedPage:[32],pageId:[32]},null,{cultureCode:["componentWillLoad"],applicationId:["componentWillLoad"],pageId:["componentWillLoad"]}]]],["p-52ece82f",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]]],e)}));
+import{p as e,b as a}from"./p-BGQj8XZp.js";export{s as setNonce}from"./p-BGQj8XZp.js";import{g as o}from"./p-DQuL1Twl.js";var t=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};t().then((async e=>{await o();return a([["p-d480a594",[[1,"eiam-user-preference",{cultureCode:[1,"culture-code"],applicationId:[1,"application-id"],currentRouteSlug:[32],payload:[32],userPreferences:[32],dateFormates:[32],timeFormats:[32],fontSizes:[32],displayFormats:[32],userApplications:[32],pages:[32],totalPages:[32],isModalOpen:[32],isPageModalOpen:[32],selectedPage:[32],pageId:[32]},null,{cultureCode:["componentWillLoad"],applicationId:["componentWillLoad"],pageId:["componentWillLoad"]}]]],["p-52ece82f",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]]],e)}));
 //# sourceMappingURL=eiam-user-preference.esm.js.map

package/dist/eiam-user-preference/p-d480a594.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as a,h as t,H as i}from"./p-BGQj8XZp.js";const c=".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}";const n=class{constructor(a){e(this,a)}get host(){return a(this)}apiUrl=window["config"]?.apiUrl\|\|"http://localhost:5000";currentRouteSlug;payload={pagination:{pageIndex:0,pageSize:1e3},search:{pageName:""}};userPreferences={dateFormate:"dd/MM/yyyy",timeFormate:"",fontSize:null,displayFormat:4,defaultLandingPageId:"",pageName:""};dateFormates=["dd/MM/yyyy","MM/dd/yyyy","yyyy-MM-dd"];timeFormats=["h:mm a"];fontSizes=[{label:"Small",value:"14"},{label:"Medium",value:"16"},{label:"Large",value:"18"}];displayFormats=[];userApplications=[];pages=[];totalPages=0;isModalOpen=false;isPageModalOpen=false;selectedPage={id:null,name:""};pageId;cultureCode;applicationId;async componentWillLoad(){await this.getDisplayFormats();await this.getUserPreferences();await this.getUserApplications()}componentDidLoad(){}async getDisplayFormats(){try{const e={"Content-Type":"application/json",IntegrationPermission:"0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId};const a=await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`,{method:"GET",headers:e,credentials:"include"});const t=await a.json();if(Array.isArray(t.content)){this.displayFormats=t.content}else{console.error("Invalid response structure:",t)}}catch(e){console.error("Error fetching display formats:",e)}}async getUserPreferences(){try{const e={"Content-Type":"application/json",IntegrationPermission:"0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId};const a=await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`,{method:"GET",headers:e,credentials:"include"});const t=await a.json();if(t&&typeof t!=="string"){const e=parseFloat(t.fontSize);this.userPreferences={...this.userPreferences,dateFormate:t.dateFormate\|\|"dd/MM/yyyy",timeFormate:t.timeFormate\|\|this.timeFormats[0],fontSize:!isNaN(e)?e:this.fontSizes[0]?.value,displayFormat:t.displayFormat\|\|1,defaultLandingPageId:t.defaultLandingPageId,pageName:t?.defaultLandingPageDetails?.name\|\|""}}}catch(e){console.error("Error fetching user preferences:",e)}}async getUserApplications(){try{const e={"Content-Type":"application/json",IntegrationPermission:"0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId};const a=await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`,{method:"GET",headers:e,credentials:"include"});const t=await a.json();if(t&&Array.isArray(t.content)){this.userApplications=t.content}else{console.error("Invalid response structure:",t)}}catch(e){console.error("Error fetching applications:",e)}}changeApplication(e){if(e.applicationId){console.log(e.applicationId,"application.applicationId");this.applicationId=e.applicationId;console.log(this.applicationId,"this.applicationId on change");this.getPagesSApplications()}}async getPagesSApplications(){try{const e=await fetch(`${this.apiUrl}/api/Pages/GetPages`,{method:"POST",headers:{"Content-Type":"application/json",IntegrationPermission:"0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId},credentials:"include",body:JSON.stringify(this.payload)});if(!e.ok){console.error("Failed to fetch pages");return}const a=await e.json();console.log(a,"data of all pages ")}catch(e){console.error("Error fetching pages:",e)}}async submitPreferences(){const e=parseFloat(this.userPreferences.fontSize);const a=!isNaN(e)?`${e}px`:null;const t={"Content-Type":"application/json",IntegrationPermission:"0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId};try{const e=await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`,{method:"POST",headers:t,body:JSON.stringify({...this.userPreferences,fontSize:a}),credentials:"include"});if(!e.ok){console.error("Failed to save preferences:",e.statusText);return}const i=await this.getUserPreferences();if(!i\|\|typeof i==="string")return;const{displayFormat:c,fontSize:n,dateFormate:s,timeFormate:o}=i;if(c){localStorage.setItem("displayFormat",c)}if(n){document.body.setAttribute("style",`font-size: ${n} !important`)}localStorage.setItem("dateFormat",s\|\|"dd/MM/yyyy");localStorage.setItem("timeFormat",o\|\|"")}catch(e){console.error("Error submitting preferences:",e)}}async resetPreferences(){try{await fetch(`${this.apiUrl}/api/UserPreferences/Delete`,{method:"DELETE",credentials:"include"});this.userPreferences={dateFormate:"dd/MM/yyyy",timeFormate:"",fontSize:"",displayFormat:4,defaultLandingPageId:"",pageName:""};localStorage.removeItem("dateFormat");localStorage.removeItem("displayFormat");localStorage.removeItem("fontSize");location.reload()}catch(e){console.error("Failed to reset preferences",e)}}toggleModal(){this.isModalOpen=!this.isModalOpen}togglePageModal(){this.isPageModalOpen=!this.isPageModalOpen}selectPage(e){this.selectedPage=e;this.userPreferences.defaultLandingPageId=e.id;this.togglePageModal()}render(){return t(i,{key:"aeb3f9db754d8a67c09c86835343ce5e58dfa727"},t("div",{key:"f6d7c4d76f85571722233e62f5236e78a59a66c0"},t("svg",{key:"bf9e895e61f1d11793f315114241104d71d55011",onClick:()=>this.toggleModal(),xmlns:"http://www.w3.org/2000/svg",width:"24px",height:"24px",viewBox:"0 0 24 24",style:{cursor:"pointer"}},t("g",{key:"4d7ce7fcca8cad5d4fbf0881c989605575f956f3",stroke:"none",fill:"none"},t("rect",{key:"c2c52ac6bb63d4636129c0bb6e2d5d6a197b82fc",x:"0",y:"0",width:"24",height:"24"}),t("rect",{key:"b8ea2535824ebb2f3de0a6db3884b55636e5bccf",fill:"#000000",x:"4",y:"4",width:"7",height:"7",rx:"1.5"}),t("path",{key:"ddc9af95356fe2b4fc11cb67ad3ab3efb530bc92",d:"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z",fill:"#000000",opacity:"0.3"}))),this.isModalOpen&&t("div",{key:"9ae1f5c1cabef7ae9b2169d8837e27e5e55bcc08",class:"kt-quick-panel kt-quick-panel--on"},t("a",{key:"c769db1a7570a85505027426ff835fc7aaf0816b",onClick:()=>this.toggleModal(),id:"kt_quick_panel_close_btn",class:"kt-quick-panel__close"},t("svg",{key:"3c930d4091d608e6ed3c1a1f9da1af4427238430",xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"15px",viewBox:"0 0 24 24",fill:"none"},t("g",{key:"a3e9d1fc1792adb452d7ba54d65c1e58c4502ea8",id:"Menu / Close_SM"},t("path",{key:"971a2f0e7d8671115bab96085b9802cd37af1576",id:"Vector",d:"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),t("div",{key:"8bf62639510aff5b316e7f5e1eedf5dbc3094612",class:"kt-quick-panel__nav"},t("ul",{key:"ee7471db2f5673eb63f1dc01823ea350949ba755",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"},t("li",{key:"768bca0789edb7c10324bef499fbf02fbb159cd4",class:"nav-item active"},t("a",{key:"ca6772cffffc0f17d9f912d8e4a5001690e0f9f4","data-toggle":"tab",role:"tab",class:"nav-link active"},"User Preference")))),t("div",{key:"c0522206fbc8bb9be580a019438dd39dbc7a8cf7",class:"kt-quick-panel__content"},t("div",{key:"a11412e437d889a0648d8dea857455d07c6676de",class:"tab-content"},t("div",{key:"792073e38120091d08ca0ffb24309bd126df4458",id:"kt_quick_panel_tab_notifications",role:"tabpanel",class:"tab-pane fade show kt-scroll active ps ps--active-y"},t("div",{key:"10634390483bb21e77541752688d427319a27782",class:"kt-notification"},t("div",{key:"b450db45ca1d13271c9e89cfb86e40cd28f0f6f9",class:"kt-portlet__body"},t("div",{key:"1c7e8baee9f41cd1a5b4e285804399e9de062221",class:"form-group"},t("label",{key:"7c20f9956ca553223c4f51f4265b50ca0d9993e9"},"Date Format"),t("select",{key:"550bc1e6c192328ea8dded6c6a24813ff97b6422",onInput:e=>this.userPreferences.dateFormate=e.target.value},this.dateFormates.map((e=>t("option",{value:e,selected:this.userPreferences.dateFormate===e},e))))),t("div",{key:"fe7e0e138d3a9a12e135f731937d2f057ae9b38c",class:"form-group"},t("label",{key:"1e030f8d1841318d1caab98ea8e44a2d8da5c440"},"Time Format"),t("select",{key:"f2dae60e11a2f07478ec4f606358b5310449e98b",onInput:e=>this.userPreferences.timeFormate=e.target.value},this.timeFormats.map((e=>t("option",{value:e,selected:this.userPreferences.timeFormate===e},e))))),t("div",{key:"5c8a965f00c24eae422a39197ef49af06401d297",class:"form-group"},t("label",{key:"56dd6de0af8250649aaac9cf93b06442d8a88e45"},"Font Size"),t("select",{key:"cd05364d21c02ded6a5c3c7fc32f0c9030093a58",onInput:e=>this.userPreferences.fontSize=e.target.value},this.fontSizes.map((e=>t("option",{value:e.value,selected:this.userPreferences.fontSize===e.value},e.label))))),t("div",{key:"fa325a890ae84331091645ee02bed16ef331f852",class:"form-group"},t("label",{key:"943606a8654c3946b64f05804874b013a8963f04"},"User Display Format"),t("select",{key:"f376949409ca7b8cdfd7e52ce18be498d1ad78e8",onInput:e=>this.userPreferences.displayFormat=parseInt(e.target.value)},this.displayFormats.map((e=>t("option",{value:e.value,selected:this.userPreferences.displayFormat===e.value},e.label))))),t("div",{key:"ea126604ed2a2a371757ffc998dd2249c5a77631",class:"form-group"},t("label",{key:"39a106374ad83ee92a282c4dd59273b1b19c1f88"},"Default Landing Page"),t("div",{key:"549d055a9fed18f2d33e1338351727b56acd0272",class:"input-group",onClick:()=>this.togglePageModal()},t("div",{key:"8d42ebe0bda85c05237ca89654784a84dcb75c9c",class:"input-group-prepend"},t("span",{key:"e4c43718ed5e495d21e14a6c54b4ba05074b2745",class:"input-group-text"},t("i",{key:"cad1412231e02a3240cd08e69e893282e684c3b8",class:"fas fa-link"}))),t("input",{key:"87c101de03dacc22b9c3b4f825695f254e6a91f6",type:"text",class:"form-control",readonly:true,value:this.selectedPage.name\|\|"Select page",placeholder:"Select page"})))),t("div",{key:"1704d97e7e173724475515709f80ab4d4036a662",class:"kt-portlet__foot"},t("div",{key:"2c686e78542fb2a4c43c0ff52f4c4dac285a5a35",class:"kt-form__actions"},t("button",{key:"0d76bd25057b59fe2e51f3bab13d59cdfc5d8d1b",class:"btn btn-primary",onClick:()=>this.submitPreferences()},"Save"),t("button",{key:"52cbe6404d6c83ec803073a1c716cd25d1e2fac7",class:"btn btn-secondary",onClick:()=>this.resetPreferences()},"Reset")))))))),this.isPageModalOpen&&t("div",{key:"6b79a1cf5382a4bbf2650dab0dfe9af2de411588",class:"modal-dialog modal-md landing-modal"},t("div",{key:"460201a7f3fc2eca4b03038a1ae71fd85b4d1b32",class:"modal-content landing-page"},t("div",{key:"c6b41158b04b40e20680cba882b65fe694dfe170",class:"modal-header"},t("h4",{key:"c088ba96a726d196464ca482539cc8faa7a35356",class:"modal-title pull-left"}," Default Landing Page "),t("button",{key:"9b19c7fc195e408c047d7554637947a08209f32b",onClick:()=>this.togglePageModal(),type:"button","aria-label":"Close",class:"close pull-right"},t("span",{key:"d59aa603673431975b6418a710556f750b45bad7"},t("i",{key:"6ca567a54d328b3c5080059dd82a0260ddb4e8a4",class:"fas fa-times"})))),t("div",{key:"5e518bbaafdb528085d0f4238b4953392d45aff8",class:"modal-body"},t("div",{key:"7302303857b63c37084759dac29279601f1e1e65",class:"row"},t("div",{key:"7ef3242d5a7b18c3c284457bfc324ee7d80563d7",class:"col-12"},t("div",{key:"08be7cd428fe051b866f3fd067514d857ead7c48",class:"row"},t("div",{key:"7dda919cd5c95820383a674dc298d11946c9eb0a",class:"form-group"},t("label",{key:"db260bf46758385f82592a8768c2b13bbdc5d137",htmlFor:""}," Default Landing Page "),t("select",{key:"ddbc76d185ec7761bdef3d888448bb528caafbca",onInput:e=>this.changeApplication(e)},this.userApplications.map((e=>t("option",{value:e.applicationId},e.applicationName)))))),t("label",{key:"5e4f60340cde6189a0c8af74e6c79fb9c13999ff"},"Select Page"),t("div",{key:"6f972e57edcd0059e1ac3486e0b710fb23360167",style:{maxHeight:"300px",overflowY:"auto",overflowX:"hidden"}},this.pages.map((e=>t("div",{class:"slug-item",onClick:()=>this.selectPage(e)},t("div",{class:"row"},t("span",{class:"text-brand",style:{fontWeight:"600",lineHeight:"1"}},e.name),t("small",{class:{"culture-unpublished":e.pageCultureStatus==1,"culture-published":e.pageCultureStatus==2}},"\| ",e.cultureCode)))))),t("div",{key:"76b080d7bf320486655ecb5beb138c26fa65131d",class:"d-flex justify-content-center mt-2 pagination-class"}))))))))}static get watchers(){return{cultureCode:["componentWillLoad"],applicationId:["componentWillLoad"],pageId:["componentWillLoad"]}}};n.style=c;export{n as eiam_user_preference};
2	+ //# sourceMappingURL=p-d480a594.entry.js.map

package/dist/eiam-user-preference/p-d480a594.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["eiamUserPreferenceCss","EiamUserPreference","apiUrl","window","currentRouteSlug","payload","pagination","pageIndex","pageSize","search","pageName","userPreferences","dateFormate","timeFormate","fontSize","displayFormat","defaultLandingPageId","dateFormates","timeFormats","fontSizes","label","value","displayFormats","userApplications","pages","totalPages","isModalOpen","isPageModalOpen","selectedPage","id","name","pageId","cultureCode","applicationId","componentWillLoad","this","getDisplayFormats","getUserPreferences","getUserApplications","componentDidLoad","headers","IntegrationPermission","CultureCode","Source","response","fetch","method","credentials","data","json","Array","isArray","content","console","error","fontSizeValue","parseFloat","isNaN","defaultLandingPageDetails","changeApplication","application","log","getPagesSApplications","body","JSON","stringify","ok","submitPreferences","statusText","newPrefs","newFontSize","localStorage","setItem","document","setAttribute","resetPreferences","removeItem","location","reload","toggleModal","togglePageModal","selectPage","page","render","h","Host","key","onClick","xmlns","width","height","viewBox","style","cursor","stroke","fill","x","y","rx","d","opacity","class","role","onInput","e","target","map","format","selected","size","parseInt","type","readonly","placeholder","htmlFor","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\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}","import { Component, Host, Prop, State, Watch, h, Element } 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 apiUrl = window['config']?.apiUrl || 'http://localhost:5000';\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 @State() userPreferences = {\r\n dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\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: { id: number; name: string } = { id: null, name: '' }; // To store selected page\r\n @State() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n componentDidLoad() {}\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 const data = await response.json();\r\n\r\n if (data && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormate: data.dateFormate || 'dd/MM/yyyy',\r\n timeFormate: data.timeFormate || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat || 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name || '',\r\n };\r\n }\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(application) {\r\n if (application.applicationId) {\r\n console.log(application.applicationId, 'application.applicationId');\r\n\r\n this.applicationId = application.applicationId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n\r\n this.getPagesSApplications();\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 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 fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\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 // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\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\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\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\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 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 }),\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\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 // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.setAttribute('style', `font-size: ${newFontSize} !important`);\r\n }\r\n\r\n localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate || '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate || 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate || '');\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 dateFormate: 'dd/MM/yyyy',\r\n timeFormate: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\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: { id: any; name: string }) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.id; // 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 // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal */}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\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\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\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/* User Preferences Modal Trigger */}\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.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormate === 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.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormate === 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-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 <i class=\"fas fa-times\"></i>\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 onInput={e => this.changeApplication(e)}>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId}>{application.applicationName}</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 )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement, h, H as Host } from './index-BGQj8XZp.js';
-const eiamUserPreferenceCss = ".kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}";
+const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}";
 const EiamUserPreference = class {
     constructor(hostRef) {