eiam-user-preference 0.0.13

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+
+Copyright (c) 2025 Eskadenia Software  by Dina Al-Dous
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;
+//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map
+
+//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map

package/dist/cjs/app-globals-V2Kpy_OQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-V2Kpy_OQ.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

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

@@ -0,0 +1,380 @@
+'use strict';
+
+var index = require('./index-CpBvGZoy.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 EiamUserPreference = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(this); }
+    apiUrl = window['config']?.apiUrl || 'http://localhost:5000';
+    currentRouteSlug;
+    payload = {
+        pagination: {
+            pageIndex: 0,
+            pageSize: 1000,
+        },
+        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; // Controls the visibility of the secondary modal
+    selectedPage = { id: null, name: '' }; // To store selected page
+    pageParams = {
+        pageName: '',
+        status: 0,
+        pageCategory: 0,
+        cultureId: 0,
+        cultureCode: '',
+        pageNumber: 0,
+        pageSize: 10,
+        applicationId: 0,
+        searchText: '',
+    };
+    pageId;
+    cultureCode;
+    applicationId;
+    async componentWillLoad() {
+        await this.getDisplayFormats();
+        await this.getUserPreferences();
+        await this.getUserApplications();
+    }
+    componentDidLoad() {
+        if (this.host.shadowRoot) {
+            const existingLink = this.host.shadowRoot.querySelector('link[rel="stylesheet"]');
+            if (!existingLink) {
+                const link = document.createElement('link');
+                link.rel = 'stylesheet';
+                link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css';
+                this.host.shadowRoot.appendChild(link);
+                // console.log('FontAwesome added to shadow DOM');
+            }
+            else {
+                console.log('FontAwesome already added to shadow DOM');
+            }
+        }
+        else {
+            console.warn('shadowRoot is null');
+        }
+    }
+    async getDisplayFormats() {
+        try {
+            const headers = {
+                'Content-Type': 'application/json',
+                'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',
+                'CultureCode': this.cultureCode,
+                'Source': '2',
+                'applicationId': this.applicationId,
+            };
+            const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {
+                method: 'GET', // Specify GET method
+                headers: headers,
+                credentials: 'include', // Include credentials (cookies) in the request
+            });
+            const data = await response.json();
+            if (Array.isArray(data.content)) {
+                this.displayFormats = data.content;
+            }
+            else {
+                console.error('Invalid response structure:', data);
+            }
+        }
+        catch (error) {
+            console.error('Error fetching display formats:', error);
+        }
+    }
+    async getUserPreferences() {
+        try {
+            const headers = {
+                'Content-Type': 'application/json',
+                'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',
+                'CultureCode': this.cultureCode,
+                'Source': '2',
+                'applicationId': this.applicationId,
+            };
+            const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {
+                method: 'GET',
+                headers: headers,
+                credentials: 'include',
+            });
+            const data = await response.json();
+            if (data && typeof data !== 'string') {
+                const fontSizeValue = parseFloat(data.fontSize);
+                this.userPreferences = {
+                    ...this.userPreferences,
+                    dateFormate: data.dateFormate || 'dd/MM/yyyy',
+                    timeFormate: data.timeFormate || this.timeFormats[0], // fallback!
+                    fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,
+                    displayFormat: data.displayFormat || 1,
+                    defaultLandingPageId: data.defaultLandingPageId,
+                    pageName: data?.defaultLandingPageDetails?.name || '',
+                };
+            }
+        }
+        catch (error) {
+            console.error('Error fetching user preferences:', error);
+        }
+    }
+    async getUserApplications() {
+        try {
+            const headers = {
+                'Content-Type': 'application/json',
+                'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',
+                'CultureCode': this.cultureCode,
+                'Source': '2',
+                'applicationId': this.applicationId,
+            };
+            const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {
+                method: 'GET',
+                headers: headers,
+                credentials: 'include',
+            });
+            const data = await response.json();
+            if (data && Array.isArray(data.content)) {
+                this.userApplications = data.content;
+            }
+            else {
+                console.error('Invalid response structure:', data);
+            }
+        }
+        catch (error) {
+            console.error('Error fetching applications:', error);
+        }
+    }
+    changeApplication(application) {
+        if (application.applicationId) {
+            this.pageParams.applicationId = application.applicationId;
+            this.getPagesSApplications();
+        }
+    }
+    async getPagesSApplications() {
+        const requestBody = {}; // Create the request body (you can modify based on your needs)
+        try {
+            const response = 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(requestBody),
+            });
+            if (!response.ok) {
+                console.error('Failed to fetch pages');
+                return;
+            }
+            const data = await response.json();
+            console.log(data, 'data of all pages ');
+        }
+        catch (error) {
+            console.error('Error fetching pages:', error);
+        }
+    }
+    //   async submitPreferences() {
+    //     const fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;
+    //     const headers = {
+    //       'Content-Type': 'application/json',
+    //       'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',
+    //       'CultureCode': this.cultureCode,
+    //       'Source': '2',
+    //       'applicationId': this.applicationId,
+    //     };
+    //     try {
+    //       const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {
+    //         method: 'POST',
+    //         headers: headers,
+    //         body: JSON.stringify({ ...this.userPreferences, fontSize }),
+    //         credentials: 'include',
+    //       });
+    //       if (!response.ok) {
+    //         console.error('Failed to save preferences:', response.statusText);
+    //         return;
+    //       }
+    //       await this.getUserPreferences();
+    //     } catch (error) {
+    //       console.error('Error submitting preferences:', error);
+    //     }
+    //   }
+    async submitPreferences() {
+        const fontSizeValue = parseFloat(this.userPreferences.fontSize);
+        const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;
+        const headers = {
+            'Content-Type': 'application/json',
+            'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',
+            'CultureCode': this.cultureCode,
+            'Source': '2',
+            'applicationId': this.applicationId,
+        };
+        try {
+            const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({ ...this.userPreferences, fontSize }),
+                credentials: 'include',
+            });
+            if (!response.ok) {
+                console.error('Failed to save preferences:', response.statusText);
+                return;
+            }
+            // Fetch updated preferences
+            const newPrefs = await this.getUserPreferences();
+            if (!newPrefs || typeof newPrefs === 'string')
+                return;
+            // Apply updated preferences like Angular code
+            const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;
+            if (displayFormat) {
+                localStorage.setItem('displayFormat', displayFormat);
+                // this.emit('displayFormatUpdated', displayFormat);
+            }
+            if (newFontSize) {
+                document.body.setAttribute('style', `font-size: ${newFontSize} !important`);
+            }
+            localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');
+            localStorage.setItem('timeFormat', timeFormate || '');
+            // this.emit('dateFormatUpdated', dateFormate || 'dd/MM/yyyy');
+            // this.emit('timeFormatUpdated', timeFormate || '');
+        }
+        catch (error) {
+            console.error('Error submitting preferences:', error);
+        }
+    }
+    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(); // If you want to refresh the UI
+        }
+        catch (error) {
+            console.error('Failed to reset preferences', error);
+        }
+    }
+    toggleModal() {
+        this.isModalOpen = !this.isModalOpen;
+    }
+    togglePageModal() {
+        this.isPageModalOpen = !this.isPageModalOpen;
+    }
+    selectPage(page) {
+        this.selectedPage = page;
+        this.userPreferences.defaultLandingPageId = page.id; // Update default landing page
+        this.togglePageModal(); // Close the page selection modal
+    }
+    //   render() {
+    //     return (
+    //       <Host>
+    //         <div>
+    //           <i class="fas fa-cogs" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>
+    //           {/* Modal */}
+    //           {this.isModalOpen && (
+    //             <div class="modal">
+    //               <div class="modal-content">
+    //                 <span class="close" onClick={() => this.toggleModal()}>
+    //                   &times;
+    //                 </span>
+    //                 <h2>User Preferences</h2>
+    //                 <div>
+    //                   <label>Date Format</label>
+    //                   <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>
+    //                     {this.dateFormates.map(format => (
+    //                       <option value={format} selected={this.userPreferences.dateFormate === format}>
+    //                         {format}
+    //                       </option>
+    //                     ))}
+    //                   </select>
+    //                   <label>Time Format</label>
+    //                   <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>
+    //                     {this.timeFormats.map(format => (
+    //                       <option value={format} selected={this.userPreferences.timeFormate === format}>
+    //                         {format}
+    //                       </option>
+    //                     ))}
+    //                   </select>
+    //                   <label>Font Size</label>
+    //                   <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>
+    //                     {this.fontSizes.map(size => (
+    //                       <option value={size.value} selected={this.userPreferences.fontSize === size.value}>
+    //                         {size.label}
+    //                       </option>
+    //                     ))}
+    //                   </select>
+    //                   <label>User Display Format</label>
+    //                   <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>
+    //                     {this.displayFormats.map(format => (
+    //                       <option value={format.value} selected={this.userPreferences.displayFormat === format.value}>
+    //                         {format.label}
+    //                       </option>
+    //                     ))}
+    //                   </select>
+    //                   <label>Default Landing Page</label>
+    //                   <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>
+    //                     {this.pages.map(page => (
+    //                       <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>
+    //                         {page.name}
+    //                       </option>
+    //                     ))}
+    //                   </select>
+    //                   <button onClick={() => this.submitPreferences()}>Save</button>
+    //                   <button onClick={() => this.resetPreferences()}>Reset</button>
+    //                 </div>
+    //               </div>
+    //             </div>
+    //           )}
+    //         </div>
+    //       </Host>
+    //     );
+    //   }
+    render() {
+        return (index.h(index.Host, { key: '73268d667553094939f061bcb072bda06c14b214' }, index.h("div", { key: '9eb1fd24078089437f64a4840f738a1f942452b0' }, index.h("i", { key: '8ad9ea93263a7695eed25fb3fe33893c22e2a989', class: "fas fa-cogs", onClick: () => this.toggleModal(), style: { cursor: 'pointer', fontSize: '24px' } }), this.isModalOpen && (index.h("div", { key: '988a1a24b362afc61f0e9398a6c401dacfc42837', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: 'd969cf578cab9d74ce3bc9203beab91d7d47f1b2', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("i", { key: 'a575b9ee906bd938bfb324835e56b04f9ce256f1', class: "fas fa-times" })), index.h("div", { key: 'e35452dc147593b9b10707c8efa15e600d8b38c2', class: "kt-quick-panel__nav" }, index.h("ul", { key: 'b5eb70a8f79b795e53dd364e6c518f623ea0680c', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: '2a4efe276341c924f7c3437643c9aa23f2739ca6', class: "nav-item active" }, index.h("a", { key: 'a301c57cc56e752b21881037f02abbaf5e721060', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: '2a2a0a8df42f12ae43290fa82649492faf118a1a', class: "kt-quick-panel__content" }, index.h("div", { key: 'df7abede8ff8e7c6219939f32bb097e4126b513c', class: "tab-content" }, index.h("div", { key: 'aef7806fef44acb6179007e5af991ec1a9ef1148', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'ceb62ff2e5d97947c7746cc3ba8359a903106261', class: "kt-notification" }, index.h("div", { key: '345c04d2b76a353e6336d87d6cf7fb0ba831183f', class: "kt-portlet__body" }, index.h("div", { key: 'e8f3b6eaacea413e7f8fa9a05d7e4a1ecd4f3abf', class: "form-group" }, index.h("label", { key: '7f4f8b89e8bb8fce52da354579c305edfdbfbd7b' }, "Date Format"), index.h("select", { key: '802e4604185a71450e19fe0ff80091c11aa607aa', onInput: e => (this.userPreferences.dateFormate = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormate === format }, format))))), index.h("div", { key: 'da29120fb40a409f143a212b592455ee0a3e9486', class: "form-group" }, index.h("label", { key: 'db8adfe511a9647822add835b2e79b35551e8ae8' }, "Time Format"), index.h("select", { key: 'aa335e039c7509388ae5b0ebb95e38a2dd26dd84', onInput: e => (this.userPreferences.timeFormate = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormate === format }, format))))), index.h("div", { key: '95591ac88b995c9a2bc9c7e85dc4d86fabd49111', class: "form-group" }, index.h("label", { key: 'abcc1107a38ab88df414cb6e0b0f89d30db14edb' }, "Font Size"), index.h("select", { key: '2500ac6ead59cdfd696fb70de46d80395f09b7ba', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize === size.value }, size.label))))), index.h("div", { key: '8e28e4ea701c85a9df01c6e377ff41e0775d217f', class: "form-group" }, index.h("label", { key: '63a1fca56a0bdae7c4aa91f97e00e764d130b61d' }, "User Display Format"), index.h("select", { key: 'd637292ae9df0ad9694119d3ed9eb653aa318350', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat === format.value }, format.label))))), index.h("div", { key: 'a05f5a4620222485b3d70e662675f79a344cbfc6', class: "form-group" }, index.h("label", { key: '163feb5c4c8707d3b5de2e7ece82d725de954814' }, "Default Landing Page"), index.h("div", { key: 'f45690926ace8996450fc90856d725c49ad87efd', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '96be1b6688f8b8d354662e2978d5d767c2d097b5', class: "input-group-prepend" }, index.h("span", { key: '71f477fe498f90e3b440fdde31fb17e7ffa6743e', class: "input-group-text" }, index.h("i", { key: '5491f0b4b917a953590e9d3b40ac04fcf767a357', class: "fas fa-link" }))), index.h("input", { key: '8ab0f12f72e0a2911a8803c79409de0fdbc9a935', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: 'd031e47045efa5108f70e7d1e97700b348c34654', class: "kt-portlet__foot" }, index.h("div", { key: 'fc41e360f1331381d73bac4f9bb0c6c89ae3262c', class: "kt-form__actions" }, index.h("button", { key: 'f6e0948a440fbd83885bd20549ddc2bbddf3219c', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: 'db3e6b974e20adb93c7dcca03fa52dfdbea57d82', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (index.h("div", { key: '36ed3547d24490064ad098ff6893f64abafa612f', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: '425a4cdbe00179fb0628ddd46f1ea8699c52aa8b', class: "modal-content landing-page" }, index.h("div", { key: '0ea6be6c543941262e28a029990bf3d5a3d65f6b', class: "modal-header" }, index.h("h4", { key: '36644da5cf638a4c24179cc553ec74db1705315e', class: "modal-title pull-left" }, " Default Landing Page "), index.h("button", { key: 'e59f82a9c151a80ae4300e432172d767e819ba9a', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: '6c36480c025d8c7a9ddbee1ca2c3d8c15b01b917' }, index.h("i", { key: '22e67e915e5dc2cdee997c48b548710c9038941f', class: "fas fa-times" })))), index.h("div", { key: '5afc1b174e337ac3656d7f2a268d245acb65a8a2', class: "modal-body" }, index.h("div", { key: '08b55625de4683aad5c3eeede962029701b7d8c6', class: "row" }, index.h("div", { key: 'f7eebf3e41024676b42c956addef734e18aa2d05', class: "col-12" }, index.h("div", { key: '2e4bec9be8c15162b43e202623ebf79367783ff0', class: "row" }, index.h("div", { key: 'd10ec0ce280235ad7bdad74d65f1158e53966519', class: "form-group" }, index.h("label", { key: 'c67179f8a27436aeec5a209a4b6a169f31bc367b', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: 'bf0f2664891f7b581ee60cba7c14296e25f2e218', onInput: e => this.changeApplication(e) }, this.userApplications.map(application => (index.h("option", { value: application.applicationId }, application.applicationName)))))), index.h("label", { key: '17fa28c79845986510a0d2a538251673cdde4dc6' }, "Select Page"), index.h("div", { key: 'ceaf84ad32062d5b3a6c125b77f4b8c37c82ca37', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (index.h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, index.h("div", { class: "row" }, index.h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), index.h("small", { class: {
+                'culture-unpublished': page.pageCultureStatus == 1,
+                'culture-published': page.pageCultureStatus == 2,
+            } }, "| ", page.cultureCode)))))), index.h("div", { key: 'fe6fd591d3f70ed1903b49d927b6efd3006d82cf', class: "d-flex justify-content-center mt-2 pagination-class" }))))))))));
+    }
+    static get watchers() { return {
+        "cultureCode": ["componentWillLoad"],
+        "applicationId": ["componentWillLoad"]
+    }; }
+};
+EiamUserPreference.style = eiamUserPreferenceCss;
+
+exports.eiam_user_preference = EiamUserPreference;
+//# sourceMappingURL=eiam-user-preference.entry.cjs.js.map
+
+//# sourceMappingURL=eiam-user-preference.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"eiam-user-preference.entry.cjs.js","mappings":"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","names":["h","Host"],"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\r\n  @State() pageParams = {\r\n    pageName: '',\r\n    status: 0,\r\n    pageCategory: 0,\r\n    cultureId: 0,\r\n    cultureCode: '',\r\n    pageNumber: 0,\r\n    pageSize: 10,\r\n    applicationId: 0,\r\n    searchText: '',\r\n  };\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  async componentWillLoad() {\r\n    await this.getDisplayFormats();\r\n    await this.getUserPreferences();\r\n    await this.getUserApplications();\r\n  }\r\n  componentDidLoad() {\r\n    if (this.host.shadowRoot) {\r\n      const existingLink = this.host.shadowRoot.querySelector('link[rel=\"stylesheet\"]');\r\n      if (!existingLink) {\r\n        const link = document.createElement('link');\r\n        link.rel = 'stylesheet';\r\n        link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css';\r\n        this.host.shadowRoot.appendChild(link);\r\n        // console.log('FontAwesome added to shadow DOM');\r\n      } else {\r\n        console.log('FontAwesome already added to shadow DOM');\r\n      }\r\n    } else {\r\n      console.warn('shadowRoot is null');\r\n    }\r\n  }\r\n  async getDisplayFormats() {\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n        method: 'GET', // Specify GET method\r\n        headers: headers,\r\n        credentials: 'include', // Include credentials (cookies) in the request\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (Array.isArray(data.content)) {\r\n        this.displayFormats = data.content;\r\n      } else {\r\n        console.error('Invalid response structure:', data);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error fetching display formats:', error);\r\n    }\r\n  }\r\n\r\n  async getUserPreferences() {\r\n    try {\r\n      const headers = {\r\n        'Content-Type': 'application/json',\r\n        'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n        'CultureCode': this.cultureCode,\r\n        'Source': '2',\r\n        'applicationId': this.applicationId,\r\n      };\r\n\r\n      const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n        method: 'GET',\r\n        headers: headers,\r\n        credentials: 'include',\r\n      });\r\n\r\n      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      this.pageParams.applicationId = application.applicationId;\r\n      this.getPagesSApplications();\r\n    }\r\n  }\r\n\r\n  async getPagesSApplications() {\r\n    const requestBody = {}; // Create the request body (you can modify based on your needs)\r\n\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(requestBody),\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  //                   &times;\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          <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\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                <i class=\"fas fa-times\"></i>\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"],"version":3}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-CpBvGZoy.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.29.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('eiam-user-preference.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["eiam-user-preference.cjs",[[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],"pageParams":[32],"pageId":[32]},null,{"cultureCode":["componentWillLoad"],"applicationId":["componentWillLoad"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=eiam-user-preference.cjs.js.map
+
+//# sourceMappingURL=eiam-user-preference.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eiam-user-preference.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.29.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,6QAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}