eiam-user-preference 0.0.49 → 0.0.51

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 (29) hide show
  1. package/dist/cjs/eiam-user-preference.cjs.entry.js +40 -20
  2. package/dist/cjs/eiam-user-preference.cjs.entry.js.map +1 -1
  3. package/dist/cjs/eiam-user-preference.cjs.js +1 -1
  4. package/dist/cjs/eiam-user-preference.entry.cjs.js.map +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/my-component.cjs.entry.js +1 -1
  7. package/dist/collection/components/eiam-user-preference/eiam-user-preference.js +44 -21
  8. package/dist/collection/components/eiam-user-preference/eiam-user-preference.js.map +1 -1
  9. package/dist/collection/components/my-component/my-component.js +1 -1
  10. package/dist/components/eiam-user-preference.js +44 -21
  11. package/dist/components/eiam-user-preference.js.map +1 -1
  12. package/dist/components/my-component.js +1 -1
  13. package/dist/eiam-user-preference/eiam-user-preference.entry.esm.js.map +1 -1
  14. package/dist/eiam-user-preference/eiam-user-preference.esm.js +1 -1
  15. package/dist/eiam-user-preference/p-5b5ff4a5.entry.js +2 -0
  16. package/dist/eiam-user-preference/p-5b5ff4a5.entry.js.map +1 -0
  17. package/dist/eiam-user-preference/p-f3503241.entry.js +2 -0
  18. package/dist/esm/eiam-user-preference.entry.js +40 -20
  19. package/dist/esm/eiam-user-preference.entry.js.map +1 -1
  20. package/dist/esm/eiam-user-preference.js +1 -1
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/esm/my-component.entry.js +1 -1
  23. package/dist/types/components/eiam-user-preference/eiam-user-preference.d.ts +4 -0
  24. package/package.json +32 -4
  25. package/readme.md +52 -77
  26. package/dist/eiam-user-preference/p-dc22b40b.entry.js +0 -2
  27. package/dist/eiam-user-preference/p-dc22b40b.entry.js.map +0 -1
  28. package/dist/eiam-user-preference/p-eeaaa455.entry.js +0 -2
  29. /package/dist/eiam-user-preference/{p-eeaaa455.entry.js.map → p-f3503241.entry.js.map} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eiam-user-preference",
3
- "version": "0.0.49",
3
+ "version": "0.0.51",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -46,8 +46,36 @@
46
46
  "jest-cli": "^29.7.0",
47
47
  "puppeteer": "^24.3.0"
48
48
  },
49
+ "peerDependencies": {
50
+ "@angular/common": ">=14.0.0",
51
+ "@angular/core": ">=14.0.0",
52
+ "typescript": ">=4.7.0"
53
+ },
54
+ "engines": {
55
+ "node": ">=16.0.0",
56
+ "npm": ">=8.0.0"
57
+ },
49
58
  "license": "MIT",
50
- "dependencies": {
51
- "@fortawesome/fontawesome-free": "^6.7.2"
52
- }
59
+ "dependencies": {},
60
+ "keywords": [
61
+ "angular",
62
+ "stencil",
63
+ "web components",
64
+ "user preference",
65
+ "user settings",
66
+ "date format",
67
+ "time format",
68
+ "font size",
69
+ "landing page",
70
+ "user display format",
71
+ "preferences component",
72
+ "portal settings",
73
+ "EIAM",
74
+ "eiam user preference",
75
+ "user profile",
76
+ "dynamic preferences",
77
+ "theme settings",
78
+ "stenciljs",
79
+ "angular integration"
80
+ ]
53
81
  }
package/readme.md CHANGED
@@ -1,111 +1,86 @@
1
- [![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
1
+ # EIAM User-preference
2
2
 
3
- # Stencil Component Starter
3
+ > A Web Component built with StencilJS, used for managing user preferences in an Angular project.
4
4
 
5
- > This is a starter project for building a standalone Web Components using Stencil.
5
+ ## ✨ Features
6
+ Change user settings related to the portal:
6
7
 
7
- Stencil is a compiler for building fast web apps using Web Components.
8
+ - Date Format
8
9
 
9
- Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than runtime tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements specification.
10
+ - Time Format
10
11
 
11
- Stencil components are just Web Components, so they work in any major framework or with no framework at all.
12
+ - Font Size
12
13
 
13
- ## Getting Started
14
+ - User Display Format
14
15
 
15
- To start building a new web component using Stencil, clone this repo to a new directory:
16
+ - Default Landing Page
16
17
 
17
- ```bash
18
- git clone https://github.com/stenciljs/component-starter.git my-component
19
- cd my-component
20
- git remote rm origin
21
- ```
22
-
23
- and run:
24
-
25
- ```bash
26
- npm install
27
- npm start
28
- ```
18
+ - Edit and reset preferences
29
19
 
30
- To build the component for production, run:
20
+ - Emits changes back to the host Angular app
31
21
 
32
- ```bash
33
- npm run build
34
- ```
35
22
 
36
- To run the unit tests for the components, run:
37
23
 
38
- ```bash
39
- npm test
40
- ```
41
24
 
42
- Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
25
+ ## 🚀 Getting Started
43
26
 
44
- ## Naming Components
27
+ ### Install the component:
45
28
 
46
- When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
29
+ > First, install the component in your Angular project:
47
30
 
48
- Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the [Ionic-generated](https://ionicframework.com/) web components use the prefix `ion`.
49
-
50
- ## Using this component
51
-
52
- There are two strategies we recommend for using web components built with Stencil.
31
+ ```bash
32
+ 1. npm i eiam-user-preference
53
33
 
54
- The first step for all two of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
55
34
 
56
- You can read more about these different approaches in the [Stencil docs](https://stenciljs.com/docs/publishing).
35
+ 2. Import and define custom elements in your application:
36
+ In your main.ts, import and define custom elements:
57
37
 
58
- ### Lazy Loading
38
+ import { defineCustomElements } from 'eiam-user-preference/loader';
59
39
 
60
- If your Stencil project is built with the [`dist`](https://stenciljs.com/docs/distribution) output target, you can import a small bootstrap script that registers all components and allows you to load individual component scripts lazily.
40
+ defineCustomElements(window);
61
41
 
62
- For example, given your Stencil project namespace is called `my-design-system`, to use `my-component` on any website, inject this into your HTML:
42
+ 3. import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
63
43
 
64
- ```html
65
- <script type="module" src="https://unpkg.com/my-design-system"></script>
66
- <!--
67
- To avoid unpkg.com redirects to the actual file, you can also directly import:
68
- https://unpkg.com/foobar-design-system@0.0.1/dist/foobar-design-system/foobar-design-system.esm.js
69
- -->
70
- <my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>
71
- ```
44
+ @NgModule({
45
+ declarations: [...],
46
+ imports: [...],
47
+ schemas: [CUSTOM_ELEMENTS_SCHEMA]
48
+ })
49
+ export class AppModule {}
72
50
 
73
- This will only load the necessary scripts needed to render `<my-component />`. Once more components of this package are used, they will automatically be loaded lazily.
74
51
 
75
- You can also import the script as part of your `node_modules` in your applications entry file:
52
+ 4. Now you can use the custom elements in your HTML BUT you need to pass the dynamic properties:apiUrl, pageId, cultureCode and applicationId to the component:
76
53
 
77
- ```tsx
78
- import 'foobar-design-system/dist/foobar-design-system/foobar-design-system.esm.js';
79
- ```
54
+ In your HTML:
80
55
 
81
- Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-y6v26a?file=src%2Fmain.tsx).
56
+ <eiam-user-preference
57
+ [cultureCode]="cultureCode"
58
+ [applicationId]="applicationId"
59
+ [pageId]="pageId"
60
+ [apiUrl]="apiURL"
61
+ (preferencesChanged)="onPreferencesChanged($event)"
62
+ ></eiam-user-preference>
82
63
 
83
- ### Standalone
84
64
 
85
- If you are using a Stencil component library with `dist-custom-elements`, we recommend importing Stencil components individually in those files where they are needed.
65
+ In your Angular component, make sure to dynamically provide all required input values. If any value is missing, an error message will be displayed.
86
66
 
87
- To export Stencil components as standalone components make sure you have the [`dist-custom-elements`](https://stenciljs.com/docs/custom-elements) output target defined in your `stencil.config.ts`.
67
+ export class YourComponent implements OnInit {
68
+ cultureCode: string;
69
+ applicationId: string;
70
+ apiUrl :string
71
+ pageId :number
72
+ ngOnInit() {
73
+ // You can update these values.
88
74
 
89
- For example, given you'd like to use `<my-component />` as part of a React component, you can import the component directly via:
75
+ onPreferencesChanged(event: any) {
76
+ // Handle the emitted preferences update
77
+ }
78
+ }
79
+ }
90
80
 
91
- ```tsx
92
- import 'foobar-design-system/my-component';
81
+ 🔁 Listening to Changes
93
82
 
94
- function App() {
95
- return (
96
- <>
97
- <div>
98
- <my-component
99
- first="Stencil"
100
- middle="'Don't call me a framework'"
101
- last="JS"
102
- ></my-component>
103
- </div>
104
- </>
105
- );
106
- }
83
+ The (preferencesChanged) event emits an object containing the updated preferences.
84
+ You can use this data to update features/settings in your application dynamically.
107
85
 
108
- export default App;
109
- ```
110
86
 
111
- Check out this [Live Demo](https://stackblitz.com/edit/vitejs-vite-b6zuds?file=src%2FApp.tsx).
package/dist/eiam-user-preference/p-dc22b40b.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as e,c as a,g as t,h as n,H as o}from"./p-Ko8ax98F.js";const i='.kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x{border-bottom-color:rgba(0, 143, 199, 0.1)}@media (max-width: 1024px){.kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:auto;right:0}.input-group{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend{margin-right:-1px}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text{display:flex;align-items:center;padding:0.65rem 1rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#6f6f6f;text-align:center;white-space:nowrap;background-color:#f7f8fa;border:1px solid #e2e5ec;border-radius:4px}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}.form-control{display:block;width:100%;padding:0rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;height:36px}.modal-body{padding:15px 0}.modal-title{font-size:20px;font-weight:600;margin:0}.form-control{background-color:#ffffff}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.btn-primary{color:#fff;background-color:#5867dd;border-color:#5867dd;color:#ffffff}.btn{align-items:center}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^="la-"],.input-group [class*=" la-"]{font-size:1.4rem}.input-group [class^="fa-"],.input-group [class*=" fa-"]{font-size:1.2rem}.input-group [class^="flaticon-"],.input-group [class*=" flaticon-"],.input-group [class^="flaticon2-"],.input-group [class*=" flaticon2-"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center}.modal-dialog.landing-modal{background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);z-index:1060;width:600px;max-width:90%;position:relative}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}body.modal-open{overflow:hidden}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.nav-tabs.nav-tabs-line.nav-tabs-line-3x{border-bottom-width:3px !important}.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active{color:#008fc7;border-bottom:1px solid #008fc7}select{position:relative;display:block;box-sizing:border-box}select{height:36px;color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center;cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover,.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,.nav-tabs.nav-tabs-line a.nav-link:hover,.nav-tabs.nav-tabs-line a.nav-link.active{background-color:transparent;color:#595d6e;border-bottom:1px solid #008fc7}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link{font-weight:500}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link{border-bottom-width:3px !important}.nav-tabs .nav-item:last-child .nav-link{margin-right:0}.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{color:#008fc7}.nav-pills .nav-item .nav-link.active,.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:hover{transition:all 0.3s}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs.nav-tabs-line{border-bottom:1px solid #ebedf2}.kt-notification-item-padding-x{padding-left:1.5rem !important;padding-right:1.5rem !important}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 10px}.form-group{margin-bottom:2rem}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}label{display:inline-block;margin-bottom:0.5rem}.form-group>label{width:100%}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:first-child){margin-left:0.5rem}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}';const r=class{constructor(t){e(this,t);this.preferencesChanged=a(this,"preferencesChanged")}get host(){return t(this)}currentRouteSlug;payload={pagination:{pageIndex:0,pageSize:1e3},search:{pageName:""}};preferencesChanged;userPreferences={dateFormat:"dd/MM/yyyy",timeFormat:"",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={pageId:null,name:""};pageId;cultureCode;applicationId;apiUrl;async componentWillLoad(){await this.getDisplayFormats();await this.getUserPreferences();await this.getUserApplications()}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"});let t=await a.json();console.log(t,"dataaaaaaaaaaaaaaa");if(t&&typeof t!=="string"&&t.code==200){const e=parseInt(t.content.fontSize);console.log(e,"fontsizeeeeeeeeeeeeee");this.userPreferences={...this.userPreferences,dateFormat:t.content?.dateFormat||"dd/MM/yyyy",timeFormat:t.content?.timeFormat||this.timeFormats[0],fontSize:!isNaN(e)?e:parseInt(this.fontSizes[0]?.value),displayFormat:t.content?.displayFormat||1,defaultLandingPageId:t?.content?.defaultLandingPageId,pageName:t?.content?.defaultLandingPageDetails?.name||""};this.selectedPage.name=t.content?.defaultLandingPageDetails?.name;console.log(this.userPreferences,"user preferancesss in getttt ");document.querySelector(".kt-quick-panel")?.setAttribute("style",`font-size: ${e}px !important`);document.body.setAttribute("style",`font-size: ${e} !important;`)}this.preferencesChanged.emit(t)}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){const a=e.target.value;if(a){this.applicationId=a;console.log(this.applicationId,"this.applicationId on change");this.getPagesSApplications()}else{this.applicationId=null}}async getPagesSApplications(){try{const e=await fetch(`${this.apiUrl}/api/Pages/GetPages`,{method:"POST",headers:{"Content-Type":"application/json",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();this.pages=a?.content?.data;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;let t=this.selectedPage.name;let n=this.selectedPage.pageId;const o={"Content-Type":"application/json",CultureCode:this.cultureCode,Source:"2",applicationId:this.applicationId};console.log(this.userPreferences,"user preferancesss ");try{const e=await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`,{method:"POST",headers:o,body:JSON.stringify({...this.userPreferences,fontSize:a,pageName:t,defaultLandingPageId:n}),credentials:"include"});if(!e.ok){console.error("Failed to save preferences:",e.statusText);return}if(e.ok){console.log(a,"fontsizeeeeeeeeee");const e=await this.getUserPreferences();if(!e||typeof e==="string")return}}catch(e){console.error("Error submitting preferences:",e)}}async resetPreferences(){try{await fetch(`${this.apiUrl}/api/UserPreferences/Delete`,{method:"DELETE",credentials:"include"});this.userPreferences={dateFormat:"dd/MM/yyyy",timeFormat:"",fontSize:"",displayFormat:4,defaultLandingPageId:"",pageName:""};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.pageId;this.togglePageModal()}render(){return n(o,{key:"fa15f51bf23a29510b3ca04f8409b9acadcb0c34"},n("div",{key:"7f07cf5287f20d6dbd4e9e68549fba8745a71592",class:"container"},n("svg",{key:"405f50cba57b1a1e098294b483ef00b57ab203a8",onClick:()=>this.toggleModal(),xmlns:"http://www.w3.org/2000/svg",width:"24px",height:"24px",viewBox:"0 0 24 24",style:{cursor:"pointer"}},n("g",{key:"51220be1e1ffab90378fc49c5d13d008485226e3",stroke:"none",fill:"none"},n("rect",{key:"79ca0f4617efdc9a9e72b4a8f2fa6251d8395164",x:"0",y:"0",width:"24",height:"24"}),n("rect",{key:"ecd52cd0004dfdd53ce9bead5a3fe1d9a6ec4b74",fill:"#000000",x:"4",y:"4",width:"7",height:"7",rx:"1.5"}),n("path",{key:"b34bf6811e87b8d397f457d92289d8a15cabb4a3",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&&n("div",{key:"72ee7637c0fd0be28474124dd4fc84733cfd78be",class:"kt-quick-panel kt-quick-panel--on"},n("a",{key:"25c2e2a8888e5a7518bb32aaa7e2302e7c3e91b5",onClick:()=>this.toggleModal(),id:"kt_quick_panel_close_btn",class:"kt-quick-panel__close"},n("svg",{key:"a3b7ec7f5b48268f3fff0213fc543c62f9f1fbc2",xmlns:"http://www.w3.org/2000/svg",width:"25px",height:"25px",viewBox:"0 0 24 24",fill:"none"},n("g",{key:"8331818e41e747e3a7c7377b98589d1df1acde79",id:"Menu / Close_SM"},n("path",{key:"e76a1d0a616e048fc00f75569b33e62e3d1aceae",id:"Vector",d:"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),n("div",{key:"0067c008bbf170e0072b2df95f0db418b345210b",class:"kt-quick-panel__nav"},n("ul",{key:"b4ce9ae940c37f2262ed694405d6a5446da7c701",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"},n("li",{key:"606b3b410293aca0938c1785a9cb6a0d0171c7e6",class:"nav-item active"},n("a",{key:"c589ce3db69a6a7cc75f6025326ef811d99fa006","data-toggle":"tab",role:"tab",class:"nav-link active"},"User Preference")))),n("div",{key:"d122eff3fe8687bbe78fc92cc47778a918350172",class:"kt-quick-panel__content"},n("div",{key:"454f8ac9814c680eb9d3e8408f713ee18e778c5b",class:"tab-content"},n("div",{key:"03648d547001381d224ec387c70aeb644f22f53e",id:"kt_quick_panel_tab_notifications",role:"tabpanel",class:"tab-pane fade show kt-scroll active ps ps--active-y"},n("div",{key:"5426a1a724e287572c45cb1234e5723c2bddd43f",class:"kt-notification"},n("div",{key:"33f5108a6efaa2b5485d465b9dc7313586648eab",class:"kt-portlet__body"},n("div",{key:"78c24f8d11031fec8abf7127a83cd06f2d0b3031",class:"form-group"},n("label",{key:"615d7a407dba75a3ce4609358663cc2290dc33c2"},"Date Format"),n("select",{key:"0ec74e5b0b182837c9132452bbe05278d054af12",onInput:e=>this.userPreferences.dateFormat=e.target.value},this.dateFormates.map((e=>n("option",{value:e,selected:this.userPreferences.dateFormat==e},e))))),n("div",{key:"012298c225308d8f88c0b1c8e177858082fd3b5a",class:"form-group"},n("label",{key:"8ff2058fda6afe0bb87dc92a15946c038898a8f1"},"Time Format"),n("select",{key:"97f4444c4667e1194609ecacbec4b7124973346e",onInput:e=>this.userPreferences.timeFormat=e.target.value},this.timeFormats.map((e=>n("option",{value:e,selected:this.userPreferences.timeFormat==e},e))))),n("div",{key:"ed2b383395d34fbcdf298dd454f2e7655a2fdaa5",class:"form-group"},n("label",{key:"59ee9aaed07bd68e76631b4d4afdb22f0bed427d"},"Font Size"),n("select",{key:"0bc9b40ac2a9a059ba33b340548614f7717c81cb",onInput:e=>this.userPreferences.fontSize=e.target.value},this.fontSizes.map((e=>n("option",{value:e.value,selected:this.userPreferences.fontSize==e.value},e.label))))),n("div",{key:"feb8bdd92441a885a43520d51d7fbf10dc3b53d8",class:"form-group"},n("label",{key:"83c90a6df8ebd7f331b5e57ffa7cbfc0c1a4e564"},"User Display Format"),n("select",{key:"c2ab07f32698b0991780ed7b9777416b7dcca4e2",onInput:e=>this.userPreferences.displayFormat=parseInt(e.target.value)},this.displayFormats.map((e=>n("option",{value:e.value,selected:this.userPreferences.displayFormat==e.value},e.label))))),n("div",{key:"ddbf936226162ad212ce6d692935cccfe6c17fac",class:"form-group"},n("label",{key:"997ff9b99bf264c00beffd998f7267be2d2939aa"},"Default Landing Page"),n("div",{key:"342b6528815f9db31232c76b989f1f4c6b66c3f3",class:"input-group",onClick:()=>this.togglePageModal()},n("div",{key:"0486e67d0b5b9a5c869a60a0bbeba61ce7eedb85",class:"input-group-prepend"},n("span",{key:"e630f7c605985ff19aaff9e4eb71346705354e5f",class:"input-group-text"},n("svg",{key:"1bcc2646829d77ecefbbdeb5015c745f1c585701",xmlns:"http://www.w3.org/2000/svg",fill:"#000000",height:"18px",width:"18px",version:"1.1",id:"Layer_1",viewBox:"0 0 64 64","enable-background":"new 0 0 64 64"},n("g",{key:"6667053d7ceed018d2e65c6bd0277ba554e0f4b3",id:"Link-chains"},n("path",{key:"aba77c0f22f3289a812f131f0b5e7b5163594c61",d:"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z"}),n("path",{key:"c8964453c95fead3aad0bca4300e9d39d24b6367",d:"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z"}))))),n("input",{key:"10be4b24162c632c78e5d753a4fd60a7ddabc2df",type:"text",class:"form-control",readonly:true,value:this.selectedPage.name||"Select page",placeholder:"Select page"})))),n("div",{key:"ec76607b0945d7aee3a52b37a12dc5703c1d6f8c",class:"kt-portlet__foot"},n("div",{key:"d8f4d04c61b0e77d0e3b17001f4ea9c43ad5c691",class:"kt-form__actions"},n("button",{key:"f5a9de50a0e72d5337636bc2f15e62ca4d819203",class:"btn btn-primary",onClick:()=>this.submitPreferences()},"Save"),n("button",{key:"c141c618584ebb1da8973bfbcdeae93f5997d148",class:"btn btn-secondary",onClick:()=>this.resetPreferences()},"Reset")))))))),this.isPageModalOpen&&n("div",{key:"9c649758b76c5b3035ebd108d51530540aea5f57",class:"modal-overlay"},n("div",{key:"7cf9ad94a1206d99f3622a9b62020812c4dfdf69",class:"modal-dialog modal-md landing-modal"},n("div",{key:"a90f5c3429760e732ce3380be1b187c8d5c59f0e",class:"modal-content landing-page"},n("div",{key:"d007c0d53f55835bf9ef7634e81a3445480af812",class:"modal-header"},n("h4",{key:"772635dddb1793b10a9c330dfae6884ce4dec11d",class:"modal-title pull-left"}," Default Landing Page "),n("button",{key:"fbb6035279fbc71ec499ad925fdfb841d5c81b0d",onClick:()=>this.togglePageModal(),type:"button","aria-label":"Close",class:"close pull-right"},n("span",{key:"0f35af99fd37ac7bdf16a650f9db76d4eb2f7a83"},n("svg",{key:"f4cc6325d04e38268fb28a915ade5b7215914473",xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"15px",viewBox:"0 0 24 24",fill:"none"},n("g",{key:"7518e9daef3d8e73838190f35ecf6e97c983dc49",id:"Menu / Close_SM"},n("path",{key:"b3fe86101e55e928634ad1911f23ddfd69fe1c79",id:"Vector",d:"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16",stroke:"#000000","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))))),n("div",{key:"c182ffe8996daa513c04fd128bb78a24339b5107",class:"modal-body"},n("div",{key:"de9519f4a03a75f4ee0cac3df9e8907fb7dd8956",class:"row"},n("div",{key:"f5771808ac20910baf0daa3f2b6092038720b747",class:"col-12"},n("div",{key:"fee4d2bea0ed5872dab529efdf5869655724bdb5",class:"row"},n("div",{key:"47d9c6722093cd533d6316423bac9c3c7a8e7a67",class:"form-group"},n("label",{key:"dd3774e81da85e26f36c55442a60437f83f1781b",htmlFor:""}," Default Landing Page "),n("select",{key:"2f18d4a23ff014ff267d8559a218f010e11332fb",class:"ng",onInput:e=>this.changeApplication(e)},n("option",{key:"7e6cc02b085d3a8630d8e5100991bd80f99e85a0",value:"",selected:this.applicationId===null},"-- Select Application --"),this.userApplications.map((e=>n("option",{value:e.applicationId,selected:this.applicationId===e.applicationId},e.applicationName)))))),n("label",{key:"55dccd6f5af9634fac5fad2ef64554d030d7f2e9"},"Select Page"),n("div",{key:"c314ac3390720b02662cb9765d05aae4c61248dc",style:{maxHeight:"300px",overflowY:"auto",overflowX:"hidden"}},this.pages.map((e=>n("div",{class:"slug-item",onClick:()=>this.selectPage(e)},n("div",{class:"row"},n("span",{class:"text-brand",style:{fontWeight:"600",lineHeight:"1"}},e.name),n("small",{class:{"culture-unpublished":e.pageCultureStatus==1,"culture-published":e.pageCultureStatus==2}},"| ",e.cultureCode)))))),n("div",{key:"e5c9caf98f09ad266afac4f3365a7ad1ffeb416e",class:"d-flex justify-content-center mt-2 pagination-class"})))))))))}static get watchers(){return{cultureCode:["componentWillLoad"],applicationId:["componentWillLoad"],pageId:["componentWillLoad"],apiUrl:["componentWillLoad"]}}};r.style=i;export{r as eiam_user_preference};
2
- //# sourceMappingURL=p-dc22b40b.entry.js.map
package/dist/eiam-user-preference/p-dc22b40b.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["eiamUserPreferenceCss","EiamUserPreference","currentRouteSlug","payload","pagination","pageIndex","pageSize","search","pageName","preferencesChanged","userPreferences","dateFormat","timeFormat","fontSize","displayFormat","defaultLandingPageId","dateFormates","timeFormats","fontSizes","label","value","displayFormats","userApplications","pages","totalPages","isModalOpen","isPageModalOpen","selectedPage","pageId","name","cultureCode","applicationId","apiUrl","componentWillLoad","this","getDisplayFormats","getUserPreferences","getUserApplications","headers","IntegrationPermission","CultureCode","Source","response","fetch","method","credentials","data","json","Array","isArray","content","console","error","log","code","fontSizeValue","parseInt","isNaN","defaultLandingPageDetails","document","querySelector","setAttribute","body","emit","changeApplication","e","selectedId","target","getPagesSApplications","JSON","stringify","ok","submitPreferences","parseFloat","statusText","newPrefs","resetPreferences","location","reload","toggleModal","togglePageModal","selectPage","page","render","h","Host","key","class","onClick","xmlns","width","height","viewBox","style","cursor","stroke","fill","x","y","rx","d","opacity","id","role","onInput","map","format","selected","size","version","type","readonly","placeholder","htmlFor","application","applicationName","maxHeight","overflowY","overflowX","fontWeight","lineHeight","pageCultureStatus"],"sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel__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__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__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__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__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__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n.kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.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__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x {\r\n border-bottom-color: rgba(0, 143, 199, 0.1);\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: auto;\r\n right:0 ;\r\n}\r\n.input-group {\r\n position: relative;\r\n display: flex\r\n;\r\n flex-wrap: nowrap;\r\n align-items: stretch;\r\n width: 100%;\r\n} .input-group-prepend, .input-group-append {\r\n display: flex\r\n;\r\n}\r\n\r\n.input-group-prepend {\r\n margin-right: -1px;\r\n}\r\n\r\n.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.input-group-text {\r\n display: flex\r\n;\r\n align-items: center;\r\n padding: 0.65rem 1rem;\r\n margin-bottom: 0;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #6f6f6f;\r\n text-align: center;\r\n white-space: nowrap;\r\n background-color: #f7f8fa;\r\n border: 1px solid #e2e5ec;\r\n border-radius: 4px;\r\n}\r\n\r\n.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: .375rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n border: var(--bs-border-width) solid var(--bs-border-color);\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: 0rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n /* border: var(--bs-border-width) solid #cccccc; */\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n height: 36px;\r\n}.modal-body {\r\n padding: 15px 0;\r\n}\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 0;\r\n}\r\n.form-control{\r\n background-color: #ffffff;\r\n}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n margin-left: calc(var(--bs-border-width) * -1);\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}.btn-primary {\r\n color: #fff;\r\n background-color: #5867dd;\r\n border-color: #5867dd;\r\n color: #ffffff;\r\n}.btn {\r\n align-items: center;\r\n}.btn {\r\n --bs-btn-padding-x: 0.75rem;\r\n --bs-btn-padding-y: 0.375rem;\r\n --bs-btn-font-family: ;\r\n --bs-btn-font-size: 1rem;\r\n --bs-btn-font-weight: 400;\r\n --bs-btn-line-height: 1.5;\r\n --bs-btn-color: var(--bs-body-color);\r\n --bs-btn-bg: transparent;\r\n --bs-btn-border-width: var(--bs-border-width);\r\n --bs-btn-border-color: transparent;\r\n --bs-btn-border-radius: var(--bs-border-radius);\r\n --bs-btn-hover-border-color: transparent;\r\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\r\n --bs-btn-disabled-opacity: 0.65;\r\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);\r\n display: inline-block;\r\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\r\n font-family: var(--bs-btn-font-family);\r\n font-size: var(--bs-btn-font-size);\r\n font-weight: var(--bs-btn-font-weight);\r\n line-height: var(--bs-btn-line-height);\r\n color: var(--bs-btn-color);\r\n text-align: center;\r\n text-decoration: none;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\r\n border-radius: var(--bs-btn-border-radius);\r\n background-color: var(--bs-btn-bg);\r\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content */\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n\r\n\r\n.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n} .nav-tabs.nav-tabs-line.nav-tabs-line-3x {\r\n border-bottom-width: 3px !important;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {\r\n color: #008fc7;\r\n border-bottom: 1px solid #008fc7;\r\n}\r\n\r\nselect {\r\n position: relative;\r\n display: block;\r\n box-sizing: border-box;\r\n}\r\n\r\nselect {\r\n height: 36px;\r\n color: #333;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n min-height: 36px;\r\n align-items: center;\r\n cursor: default;\r\n display: flex;\r\n outline: none;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n}\r\n.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {\r\n background-color: transparent;\r\n color: #595d6e;\r\n border-bottom: 1px solid #008fc7;\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}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link {\r\n font-weight: 500;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {\r\n border-bottom-width: 3px !important;\r\n}.nav-tabs .nav-item:last-child .nav-link {\r\n margin-right: 0;\r\n}.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n color: #008fc7;\r\n}\r\n\r\n.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n transition: all 0.3s;\r\n}\r\n.nav {\r\n --bs-nav-link-padding-x: 1rem;\r\n --bs-nav-link-padding-y: 0.5rem;\r\n --bs-nav-link-font-weight: ;\r\n --bs-nav-link-color: var(--bs-link-color);\r\n --bs-nav-link-hover-color: var(--bs-link-hover-color);\r\n --bs-nav-link-disabled-color: var(--bs-secondary-color);\r\n display: flex\r\n;\r\n flex-wrap: wrap;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n}.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n}\r\n.kt-notification-item-padding-x {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n}.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 10px;\r\n}.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}label {\r\n display: inline-block;\r\n margin-bottom: 0.5rem;\r\n}\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n.btn-primary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #0d6efd;\r\n --bs-btn-border-color: #0d6efd;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #0b5ed7;\r\n --bs-btn-hover-border-color: #0a58ca;\r\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #0a58ca;\r\n --bs-btn-active-border-color: #0a53be;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #0d6efd;\r\n --bs-btn-disabled-border-color: #0d6efd;\r\n}.btn:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n}\r\n.btn:not(:first-child) {\r\n margin-left: 0.5rem;\r\n}\r\n.btn-secondary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #6c757d;\r\n --bs-btn-border-color: #6c757d;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #5c636a;\r\n --bs-btn-hover-border-color: #565e64;\r\n --bs-btn-focus-shadow-rgb: 130, 138, 145;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #565e64;\r\n --bs-btn-active-border-color: #51585e;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #6c757d;\r\n --bs-btn-disabled-border-color: #6c757d;\r\n}\r\n","import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @Event() preferencesChanged: EventEmitter<any>;\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() totalPages: number = 0;\r\n @State() isModalOpen = false;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @Prop() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n @Prop() apiUrl: string;\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n @Watch('apiUrl')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n async getDisplayFormats() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n let data = await response.json();\r\n console.log(data, 'dataaaaaaaaaaaaaaa');\r\n\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, 'fontsizeeeeeeeeeeeeee');\r\n\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),\r\n displayFormat: data.content?.displayFormat || 1,\r\n defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n };\r\n this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n console.log(this.userPreferences, 'user preferancesss in getttt ');\r\n document.querySelector('.kt-quick-panel')?.setAttribute('style', `font-size: ${fontSizeValue}px !important`);\r\n document.body.setAttribute('style', `font-size: ${fontSizeValue} !important;`);\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to fetch pages');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n console.error('Error fetching pages:', error);\r\n }\r\n }\r\n\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to save preferences:', response.statusText);\r\n return;\r\n }\r\n if (response.ok) {\r\n console.log(fontSize, 'fontsizeeeeeeeeee');\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', error);\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"container\">\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=\"25px\" height=\"25px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"#000000\"\r\n height=\"18px\"\r\n width=\"18px\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n viewBox=\"0 0 64 64\"\r\n enable-background=\"new 0 0 64 64\"\r\n >\r\n \r\n <g id=\"Link-chains\">\r\n <path d=\"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z\" />\r\n <path d=\"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* Page Selection Modal */}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n | {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
package/dist/eiam-user-preference/p-eeaaa455.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as t,h as s}from"./p-Ko8ax98F.js";import{format as o}from"./index.esm.js";const r=":host{display:block}";const e=class{constructor(s){t(this,s)}first;middle;last;getText(){return o(this.first,this.middle,this.last)}render(){return s("div",{key:"fc0485110f8cdac027473d7ded5b55912e5aa52f"},"Hello, World! I'm ",this.getText())}};e.style=r;export{e as my_component};
2
- //# sourceMappingURL=p-eeaaa455.entry.js.map