eiam-user-preference 0.0.40 → 0.0.42

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.
@@ -5,7 +5,7 @@
5
5
  padding: 0;
6
6
  }
7
7
 
8
- .kt-quick-panel .kt-quick-panel__close {
8
+ .kt-quick-panel__close {
9
9
  position: absolute;
10
10
  z-index: 1;
11
11
  right: 1.5rem;
@@ -27,26 +27,26 @@
27
27
  border-radius: 4px;
28
28
  }
29
29
 
30
- .kt-quick-panel .kt-quick-panel__close i {
30
+ .kt-quick-panel__close i {
31
31
  -webkit-transition: all 0.3s;
32
32
  transition: all 0.3s;
33
33
  font-size: 0.8rem;
34
34
  color: #6f6f6f;
35
35
  }
36
36
 
37
- .kt-quick-panel .kt-quick-panel__close:hover {
37
+ .kt-quick-panel__close:hover {
38
38
  -webkit-transition: all 0.3s;
39
39
  transition: all 0.3s;
40
40
  background-color: #008fc7;
41
41
  }
42
42
 
43
- .kt-quick-panel .kt-quick-panel__close:hover i {
43
+ .kt-quick-panel__close:hover i {
44
44
  -webkit-transition: all 0.3s;
45
45
  transition: all 0.3s;
46
46
  color: #f2f2f2;
47
47
  }
48
48
 
49
- .kt-quick-panel .kt-quick-panel__nav {
49
+ .kt-quick-panel__nav {
50
50
  display: -webkit-box;
51
51
  display: -ms-flexbox;
52
52
  display: flex;
@@ -57,62 +57,61 @@
57
57
  align-items: center;
58
58
  }
59
59
 
60
- .kt-quick-panel .kt-quick-panel__nav .nav {
60
+ .kt-quick-panel__nav .nav {
61
61
  width: 100%;
62
62
  padding: 0 1.5rem;
63
63
  margin: 0;
64
64
  }
65
-
66
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {
65
+ .kt-quick-panel__nav .nav .nav-item {
67
66
  margin-right: 1.5rem;
68
67
  }
69
68
 
70
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {
69
+ .kt-quick-panel__nav .nav .nav-item .nav-link {
71
70
  font-size: 1rem;
72
71
  color: #6f6f6f;
73
72
  }
74
73
 
75
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {
74
+ .kt-quick-panel__nav .nav .nav-item:last-child {
76
75
  margin-right: 0;
77
76
  }
78
77
 
79
- .kt-quick-panel .kt-quick-panel__content {
78
+ .kt-quick-panel__content {
80
79
  padding: 1.5rem 0;
81
80
  }
82
81
 
83
- .kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y {
82
+ .kt-quick-panel__content .ps>.ps__rail-y {
84
83
  right: 5px !important;
85
84
  }
86
85
 
87
- .kt-quick-panel .kt-quick-panel__content-padding-x {
86
+ .kt-quick-panel__content-padding-x {
88
87
  padding-left: 1.5rem;
89
88
  padding-right: 1.5rem;
90
89
  }
91
90
  @media (max-width: 1024px) {
92
- .kt-quick-panel .kt-quick-panel__close {
91
+ .kt-quick-panel__close {
93
92
  right: 0.5rem;
94
93
  top: 0.5rem;
95
94
  width: 24px;
96
95
  height: 24px;
97
96
  }
98
97
 
99
- .kt-quick-panel .kt-quick-panel__close i {
98
+ .kt-quick-panel__close i {
100
99
  font-size: 0.8rem;
101
100
  }
102
101
 
103
- .kt-quick-panel .kt-quick-panel__nav {
102
+ .kt-quick-panel__nav {
104
103
  padding: 1rem 0;
105
104
  }
106
105
 
107
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-item {
106
+ .kt-quick-panel__nav .nav .nav-item {
108
107
  margin-right: 1rem;
109
108
  }
110
109
 
111
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child {
110
+ .kt-quick-panel__nav .nav .nav-item:last-child {
112
111
  margin-right: 0;
113
112
  }
114
113
 
115
- .kt-quick-panel .kt-quick-panel__nav .nav .nav-link {
114
+ .kt-quick-panel__nav .nav .nav-link {
116
115
  padding-top: 0.5rem;
117
116
  padding-bottom: 0.5rem;
118
117
  font-size: 0.9rem;
@@ -120,15 +119,15 @@
120
119
  text-transform: uppercase;
121
120
  }
122
121
 
123
- .kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i {
122
+ .kt-quick-panel__nav .kt-quick-panel__close i {
124
123
  font-size: 1.1rem;
125
124
  }
126
125
 
127
- .kt-quick-panel .kt-quick-panel__content {
126
+ .kt-quick-panel__content {
128
127
  padding: 1rem 0.5rem 1rem 1rem;
129
128
  }
130
129
 
131
- .kt-quick-panel .kt-quick-panel__content .tab-pane {
130
+ .kt-quick-panel__content .tab-pane {
132
131
  padding-right: 0.5rem;
133
132
  }
134
133
  }
@@ -99,7 +99,8 @@ export class EiamUserPreference {
99
99
  };
100
100
  this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;
101
101
  console.log(this.userPreferences, 'user preferancesss in getttt ');
102
- document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');
102
+ document.querySelector('.kt-quick-panel')?.setAttribute('style', `font-size: ${fontSizeValue}px !important`);
103
+ document.body.setAttribute("style", `font-size: ${fontSizeValue} !important;`);
103
104
  }
104
105
  this.preferencesChanged.emit(data);
105
106
  }
@@ -236,10 +237,10 @@ export class EiamUserPreference {
236
237
  this.togglePageModal(); // Close the page selection modal
237
238
  }
238
239
  render() {
239
- return (h(Host, { key: '2fb903b4312c876e6e7b1df4217166f93904bdb6' }, h("div", { key: 'e18f9170b3e5bf71349d9f6ef0395998e81a5e2c', class: "container", style: { fontSize: `${this.userPreferences.fontSize}` } }, h("svg", { key: '2945eb260fb7eb09f5f713e926178b595a693b16', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '25a9349ecfff19d1b9313f75d616d3854665a6cc', stroke: "none", fill: "none" }, h("rect", { key: 'd572a7a45e4a1dfaaacde30a47431c3efea65bb5', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '1b04ddb2895b1afe356763956f4db3efcb0482e5', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: 'ce7be150ada7bea1c8de5afc2a61ac4aab578861', 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 && (h("div", { key: '39e280b29cec38a7db5d78ab4c47573232af6cc8', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '32be04bea4a1cff6c022be5c049e970a0a487879', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'd2de6a5cd7dda856fc2eb8701ff9752db843b994', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '6e2f0a2de58e59ed9d1a124bf26d65a17417c27a', id: "Menu / Close_SM" }, h("path", { key: '0956e609b7c6f0a74c71acfa4d6120ecd72fee3b', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'd5cb4e256045fede9c1e5e3341f2cdedc7133cda', class: "kt-quick-panel__nav" }, h("ul", { key: 'f4a5982e05743bbf99a40d77a9d69860176fb0a8', 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" }, h("li", { key: '7e0ea7c98be4878f23cce36c5b40cf2116eb1361', class: "nav-item active" }, h("a", { key: '84ce674719ecf37f95e4fd684a6a166ea963bbd2', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '6360b1f96a8b62fe33dce7c1e1b4570fa1bde3d4', class: "kt-quick-panel__content" }, h("div", { key: '56c204c0c38b478aed4d8db29dec846e8d7fcb14', class: "tab-content" }, h("div", { key: '3ae5d0d2e04ba8dd5aed175fd0a52c8b3a41d870', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'fe29bfb3c8a95d30340422512b1dd28e8b77c24e', class: "kt-notification" }, h("div", { key: '9c4825f1c3a65e84f20eebe029f2a3f1a766648e', class: "kt-portlet__body" }, h("div", { key: 'dab1313cd14e20f0123cb372cc344b7db56113a8', class: "form-group" }, h("label", { key: '8d4f7a592d5861e1c68236c74eb82541f4d07a65' }, "Date Format"), h("select", { key: '1d72d1d4d9cf932c3f2aba23726a8858d92fef5d', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '7a2d52495d95000be72c38f9a8e370a4bc4ebcd6', class: "form-group" }, h("label", { key: '63ded508c090e19f9ac544815cbf66ef5f1801c4' }, "Time Format"), h("select", { key: '1867f42c7a24e28f5f5ee79d9bf45391879dce24', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: '1c889fb4c796cd19ab9268519dc207d719b67443', class: "form-group" }, h("label", { key: 'ffe5477aabc4a374f7cf5c34022d37dfd51788f6' }, "Font Size"), h("select", { key: 'c0c421cf7a475386a2087bee41fefb17b926d585', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'c3f51d64303a3e2a14865561f3d692495b096aa1', class: "form-group" }, h("label", { key: 'c79c4c96752b71bb2f2fb4cfba7bbcf70285b935' }, "User Display Format"), h("select", { key: '485d8321625feb0830e5b4bc822596539aef94e0', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: '1c571ff5303948527841e006cda5c7f0948d6887', class: "form-group" }, h("label", { key: '1a0ea4897f0ec6e679792421db0b298b936f906d' }, "Default Landing Page"), h("div", { key: '859cb70b8fb2776b07ecf406c24a6539d70c97c8', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: 'b8173dfed870330a0ab43dc3e0c5a0a1a09687c4', class: "input-group-prepend" }, h("span", { key: 'cc5a4194b4a14c71eb4b26eeab83311636d1b320', class: "input-group-text" }, h("i", { key: '58c8aee15de4cc10b7eb15896513a686e0fabbab', class: "fas fa-link" }))), h("input", { key: 'a2343e8f5f7eabd773746be46aaf2299bde5ea94', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'f1dfa30547e40361ec0c241e93b7b12ad21a0515', class: "kt-portlet__foot" }, h("div", { key: '7e5818d6ec986947ae9497da2c35c15c834e4906', class: "kt-form__actions" }, h("button", { key: '0e893c20c0be13b3effebc3dc3f437f3ab8febee', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '965bcd187b105296d1a3ee45c2f64943ab39b0b0', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '176673574c80bce20e0600bcabafe9db314bc766', class: "modal-overlay" }, h("div", { key: 'd98353bbb381a15883d73dd28a128a41911ef765', class: "modal-dialog modal-md landing-modal" }, h("div", { key: 'ef32d350b7ef6931f9cbc5398aaba0cda6465859', class: "modal-content landing-page" }, h("div", { key: '98c3d9cc43e6e4b2b40d1fb2de618b3d817b8096', class: "modal-header" }, h("h4", { key: '9ff4ead8bd65aaaac9ac971c49464f9604a87e27', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '29a22bc042c20063e6e6f4b67ca38700b5240218', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'fdb2933cf18a3f9c5431fb5b9755accdab880c54' }, h("svg", { key: '65be49c3390a9d5219ec7911986099bc948624db', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '1a14c237f668c4e4bef683377651e971e5949d10', id: "Menu / Close_SM" }, h("path", { key: 'd82e5acd7037f934deecfc7751300be98c05ba4b', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'b5835764bacb924eb0835e50a4c8a1a14ce47d74', class: "modal-body" }, h("div", { key: '9c557df9c85bb05ecbcb5a2f0b6366654cf50057', class: "row" }, h("div", { key: '6e425c07c9f4e00c2bed67c7db7d59b84b8b7563', class: "col-12" }, h("div", { key: '594c3fa0ee2f9960af0855c6ef60d9a476f044b6', class: "row" }, h("div", { key: 'f2447c33cd0a0747fe7c775ce40207bce2377497', class: "form-group" }, h("label", { key: '9ccf5081a61c361f6d9997f25629a553b61d920c', htmlFor: "" }, " Default Landing Page "), h("select", { key: '3da8d8191f4ae89a921795639cdc4b122473f013', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '3e73f6dba0e7c77e150425a1dc39be5eb7faa467', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '1ca40f51fd7f420508221477c2197e97ae715f7a' }, "Select Page"), h("div", { key: '8c7c9ef2c91b7a4f09bd4cd170775f451bafd679', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
240
+ return (h(Host, { key: 'fa15f51bf23a29510b3ca04f8409b9acadcb0c34' }, h("div", { key: '7f07cf5287f20d6dbd4e9e68549fba8745a71592', class: "container" }, h("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' } }, h("g", { key: '51220be1e1ffab90378fc49c5d13d008485226e3', stroke: "none", fill: "none" }, h("rect", { key: '79ca0f4617efdc9a9e72b4a8f2fa6251d8395164', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: 'ecd52cd0004dfdd53ce9bead5a3fe1d9a6ec4b74', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("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 && (h("div", { key: '72ee7637c0fd0be28474124dd4fc84733cfd78be', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '25c2e2a8888e5a7518bb32aaa7e2302e7c3e91b5', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'a3b7ec7f5b48268f3fff0213fc543c62f9f1fbc2', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '8331818e41e747e3a7c7377b98589d1df1acde79', id: "Menu / Close_SM" }, h("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" })))), h("div", { key: '0067c008bbf170e0072b2df95f0db418b345210b', class: "kt-quick-panel__nav" }, h("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" }, h("li", { key: '606b3b410293aca0938c1785a9cb6a0d0171c7e6', class: "nav-item active" }, h("a", { key: 'c589ce3db69a6a7cc75f6025326ef811d99fa006', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: 'd122eff3fe8687bbe78fc92cc47778a918350172', class: "kt-quick-panel__content" }, h("div", { key: '454f8ac9814c680eb9d3e8408f713ee18e778c5b', class: "tab-content" }, h("div", { key: '03648d547001381d224ec387c70aeb644f22f53e', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: '5426a1a724e287572c45cb1234e5723c2bddd43f', class: "kt-notification" }, h("div", { key: '33f5108a6efaa2b5485d465b9dc7313586648eab', class: "kt-portlet__body" }, h("div", { key: '78c24f8d11031fec8abf7127a83cd06f2d0b3031', class: "form-group" }, h("label", { key: '615d7a407dba75a3ce4609358663cc2290dc33c2' }, "Date Format"), h("select", { key: '0ec74e5b0b182837c9132452bbe05278d054af12', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '012298c225308d8f88c0b1c8e177858082fd3b5a', class: "form-group" }, h("label", { key: '8ff2058fda6afe0bb87dc92a15946c038898a8f1' }, "Time Format"), h("select", { key: '97f4444c4667e1194609ecacbec4b7124973346e', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: 'ed2b383395d34fbcdf298dd454f2e7655a2fdaa5', class: "form-group" }, h("label", { key: '59ee9aaed07bd68e76631b4d4afdb22f0bed427d' }, "Font Size"), h("select", { key: '0bc9b40ac2a9a059ba33b340548614f7717c81cb', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'feb8bdd92441a885a43520d51d7fbf10dc3b53d8', class: "form-group" }, h("label", { key: '83c90a6df8ebd7f331b5e57ffa7cbfc0c1a4e564' }, "User Display Format"), h("select", { key: 'c2ab07f32698b0991780ed7b9777416b7dcca4e2', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: 'ddbf936226162ad212ce6d692935cccfe6c17fac', class: "form-group" }, h("label", { key: '997ff9b99bf264c00beffd998f7267be2d2939aa' }, "Default Landing Page"), h("div", { key: '342b6528815f9db31232c76b989f1f4c6b66c3f3', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '0486e67d0b5b9a5c869a60a0bbeba61ce7eedb85', class: "input-group-prepend" }, h("span", { key: 'e630f7c605985ff19aaff9e4eb71346705354e5f', class: "input-group-text" }, h("i", { key: '46840ed8754f3831670a9aea050a7025b903191f', class: "fas fa-link" }))), h("input", { key: '7439db8ce160c617cd84ddcc44bea22eccdee0ad', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '6dfbd33129024453b68a2d30ccd2587e46a17bd7', class: "kt-portlet__foot" }, h("div", { key: '955cbd4ceb5c7fe0cf96c84ae1bcaff82202707c', class: "kt-form__actions" }, h("button", { key: '78a396cbcda4f993aa3bc5a7e9f48a0ff3b1b47c', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: 'aacb3b5e31c2a068b794807eb935b61046548560', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '9c02fd99e85580c2f545d0c2d3fc42cee5125890', class: "modal-overlay" }, h("div", { key: '3a6bf2915001cd98fc263438ba4b46b6b82191e2', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '9fa4ee927adc74a06f1234aaadf212d69a6aa56b', class: "modal-content landing-page" }, h("div", { key: '02f19f939e0f872c9fab52b955eb4995e1548d3a', class: "modal-header" }, h("h4", { key: '42bb6af0f139e17292fc9764e2071088a3f996d5', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: 'd9e81377bda80bfe130f231384e11107b82dfb49', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'a2aad74f525cf8b436c0524686221fb7bb3e46ef' }, h("svg", { key: '3147923dd21d0401bcf1a5728a409f1d8fc4ce89', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'ba04c09d382fe95e991b31529bb6f24c5a27c2b4', id: "Menu / Close_SM" }, h("path", { key: 'e66feca785e88b71f0b74302d4c21fd31015ff1e', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '4f9f2b72363bb31274d04f68f1292dbaeb4afa4c', class: "modal-body" }, h("div", { key: '56dd13d5cb1a63ba90cb3ae7c027387d1ff390f1', class: "row" }, h("div", { key: 'eccb7ed3113ca4772d221294e1d0f7cf1a2e34bd', class: "col-12" }, h("div", { key: '19327c398546ca74d9de156fcdfa6dfc1585a7a5', class: "row" }, h("div", { key: 'd724547288f9569f397e2ea82da95fc43030ce7f', class: "form-group" }, h("label", { key: 'bd0fcb6a5b12670686eda184d536bcc129860a94', htmlFor: "" }, " Default Landing Page "), h("select", { key: '18b1b8daac2d08191312354b376bfb555f8f07df', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '7da9519d7bc9f60e0caf31426f72402029f9735b', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '24bcf52fc40a49b2fc68987c4baf04ac50fccaf6' }, "Select Page"), h("div", { key: 'f484241644bde97914b61167aedc0fed6371ae8f', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
240
241
  'culture-unpublished': page.pageCultureStatus == 1,
241
242
  'culture-published': page.pageCultureStatus == 2,
242
- } }, "| ", page.cultureCode)))))), h("div", { key: 'ceb578ccfee4123ce7b159a919092fb1d4aaf460', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
243
+ } }, "| ", page.cultureCode)))))), h("div", { key: '73aec4c347628bb203fa94308c4e749fe0f8c5bc', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
243
244
  }
244
245
  static get is() { return "eiam-user-preference"; }
245
246
  static get encapsulation() { return "shadow"; }
@@ -1 +1 @@
1
- {"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrG,MAAM,OAAO,kBAAkB;IAClB,IAAI,CAAc;IACpB,gBAAgB,CAAS;IACzB,OAAO,GAAG;QACjB,UAAU,EAAE;YACV,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IACO,kBAAkB,CAAoB;IACtC,eAAe,GAAG;QACzB,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC;QAChB,oBAAoB,EAAE,EAAE;QACxB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEO,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,WAAW,GAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,GAAG;QACnB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC,CAAC;IACO,cAAc,GAAU,EAAE,CAAC;IAC3B,gBAAgB,GAAU,EAAE,CAAC;IAC7B,KAAK,GAAU,EAAE,CAAC;IAClB,UAAU,GAAW,CAAC,CAAC;IACvB,WAAW,GAAG,KAAK,CAAC;IACpB,eAAe,GAAY,KAAK,CAAC,CAAC,iDAAiD;IACnF,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,yBAAyB;IACvG,MAAM,CAAM;IACZ,WAAW,CAAS;IACpB,aAAa,CAAS;IACtB,MAAM,CAAS;IAKvB,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qCAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK,EAAE,qBAAqB;gBACpC,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS,EAAE,+CAA+C;aACxE,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,yCAAyC,EAAE;gBACpF,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;YAExC,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;gBACzD,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACtD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;gBAEpD,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;oBACvB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,YAAY;oBACpD,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY;oBACzE,QAAQ,EAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;oBACrF,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC;oBAC/C,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB;oBACzD,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBAC/D,CAAC;gBACF,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,CAAC;gBACvE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,+BAA+B,CAAC,CAAC;gBACnE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAG,GAAG,aAAa,IAAI,EAAE,WAAW,CAAC,CAAC;YAGnF,CAAC;YACD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,mBAAmB;QACvB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,+DAA+D,EAAE;gBAC1G,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IACD,iBAAiB,CAAC,CAAQ;QACxB,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;QAEzD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC,CAAC;YAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,qBAAqB;QACzB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qBAAqB,EAAE;gBAChE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;oBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;oBAC/B,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;iBACpC;gBACD,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACnC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACrE,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACtC,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QACpD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC;QAEzD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,0CAA0C,EAAE;gBACrF,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;gBAC3H,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAClE,OAAO;YACT,CAAC;YACD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBAChB,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,mBAAmB,CAAC,CAAC;gBAE1C,4BAA4B;gBAC5B,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACtD,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;oBAAE,OAAO;YACxD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,6BAA6B,EAAE;gBACvD,MAAM,EAAE,QAAQ;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG;gBACrB,UAAU,EAAE,YAAY;gBACxB,UAAU,EAAE,EAAE;gBACd,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE;gBACxB,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,gCAAgC;QACrD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IACD,WAAW;QACT,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;IACD,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IACD,UAAU,CAAC,IAAI;QACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,8BAA8B;QACvF,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACJ,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,EAAE;gBAC3E,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;oBACpJ,0DAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;wBAC1B,6DAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG;wBAC3C,6DAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;wBACjE,6DACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,GACb,CACA,CACA;gBAGL,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB;wBAC/F,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4BAChG,0DAAG,EAAE,EAAC,iBAAiB;gCACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACJ;oBACJ,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G;4BACrI,2DAAI,KAAK,EAAC,iBAAiB;gCACzB,yEAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,sBAEnD,CACD,CACF,CACD;oBAEN,4DAAK,KAAK,EAAC,yBAAyB;wBAClC,4DAAK,KAAK,EAAC,aAAa;4BACtB,4DAAK,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD;gCACpH,4DAAK,KAAK,EAAC,iBAAiB;oCAC1B,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC/B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,IACvE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC9B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,IACvE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,4EAAwB;4CACxB,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAC7E,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,sFAAkC;4CAClC,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IACzG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACjC,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,IACtF,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,uFAAmC;4CACnC,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;gDAC5D,4DAAK,KAAK,EAAC,qBAAqB;oDAC9B,6DAAM,KAAK,EAAC,kBAAkB;wDAC5B,0DAAG,KAAK,EAAC,aAAa,GAAK,CACtB,CACH;gDACN,8DAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,QAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,GAAG,CACzH,CACF,CACF;oCACN,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,kBAAkB;4CAC3B,+DAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,WAE9D;4CACT,+DAAQ,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP;gBAIA,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAC,qCAAqC;wBAC9C,4DAAK,KAAK,EAAC,4BAA4B;4BACrC,4DAAK,KAAK,EAAC,cAAc;gCACvB,2DAAI,KAAK,EAAC,uBAAuB,6BAA4B;gCAC7D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,gBAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB;oCACtG;wCACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4CAChG,0DAAG,EAAE,EAAC,iBAAiB;gDACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL;4BAEN,4DAAK,KAAK,EAAC,YAAY;gCACrB,4DAAK,KAAK,EAAC,KAAK;oCACd,4DAAK,KAAK,EAAC,QAAQ;wCACjB,4DAAK,KAAK,EAAC,KAAK;4CACd,4DAAK,KAAK,EAAC,YAAY;gDACrB,8DAAO,OAAO,EAAC,EAAE,6BAA+B;gDAChD,+DAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;oDACxD,+DAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,+BAE7C;oDACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACxC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,IACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF;wCAEN,8EAA0B;wCAC1B,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,WAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;4CACzD,WAAK,KAAK,EAAC,KAAK;gDACd,YAAM,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IACnE,IAAI,CAAC,IAAI,CACL;gDACP,aACE,KAAK,EAAE;wDACL,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;wDAClD,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;qDACjD;;oDAEE,IAAI,CAAC,WAAW,CACb,CACJ,CACF,CACP,CAAC,CACE;wCACN,4DAAK,KAAK,EAAC,qDAAqD,GAQ1D,CACF,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @Event() preferencesChanged: EventEmitter<any>;\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() totalPages: number = 0;\r\n @State() isModalOpen = false;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @Prop() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n @Prop() apiUrl: string;\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n @Watch('apiUrl')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n async getDisplayFormats() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n let data = await response.json();\r\n console.log(data, 'dataaaaaaaaaaaaaaa');\r\n\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, 'fontsizeeeeeeeeeeeeee');\r\n\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),\r\n displayFormat: data.content?.displayFormat || 1,\r\n defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n };\r\n this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n console.log(this.userPreferences, 'user preferancesss in getttt ');\r\n document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');\r\n\r\n\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n console.error('Invalid response structure:', data);\r\n }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to fetch pages');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n console.error('Error fetching pages:', error);\r\n }\r\n }\r\n\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n console.error('Failed to save preferences:', response.statusText);\r\n return;\r\n }\r\n if (response.ok) {\r\n console.log(fontSize,'fontsizeeeeeeeeee');\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', error);\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"container\" style={{ fontSize: `${this.userPreferences.fontSize}` }}>\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" style={{ cursor: 'pointer' }}>\r\n <g stroke=\"none\" fill=\"none\">\r\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n <rect fill=\"#000000\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n <path\r\n d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n fill=\"#000000\"\r\n opacity=\"0.3\"\r\n />\r\n </g>\r\n </svg>\r\n\r\n {/* Main Modal */}\r\n {this.isModalOpen && (\r\n <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <i class=\"fas fa-link\"></i>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* Page Selection Modal */}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n | {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrG,MAAM,OAAO,kBAAkB;IAClB,IAAI,CAAc;IACpB,gBAAgB,CAAS;IACzB,OAAO,GAAG;QACjB,UAAU,EAAE;YACV,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,IAAI;SACf;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IACO,kBAAkB,CAAoB;IACtC,eAAe,GAAG;QACzB,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC;QAChB,oBAAoB,EAAE,EAAE;QACxB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEO,YAAY,GAAa,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACpE,WAAW,GAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,SAAS,GAAG;QACnB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;KAChC,CAAC;IACO,cAAc,GAAU,EAAE,CAAC;IAC3B,gBAAgB,GAAU,EAAE,CAAC;IAC7B,KAAK,GAAU,EAAE,CAAC;IAClB,UAAU,GAAW,CAAC,CAAC;IACvB,WAAW,GAAG,KAAK,CAAC;IACpB,eAAe,GAAY,KAAK,CAAC,CAAC,iDAAiD;IACnF,YAAY,GAAqC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,yBAAyB;IACvG,MAAM,CAAM;IACZ,WAAW,CAAS;IACpB,aAAa,CAAS;IACtB,MAAM,CAAS;IAKvB,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qCAAqC,EAAE;gBAChF,MAAM,EAAE,KAAK,EAAE,qBAAqB;gBACpC,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS,EAAE,+CAA+C;aACxE,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,yCAAyC,EAAE;gBACpF,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;YAExC,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;gBACzD,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACtD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;gBAEpD,IAAI,CAAC,eAAe,GAAG;oBACrB,GAAG,IAAI,CAAC,eAAe;oBACvB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,YAAY;oBACpD,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,YAAY;oBACzE,QAAQ,EAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;oBACrF,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC;oBAC/C,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB;oBACzD,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,yBAAyB,EAAE,IAAI,IAAI,EAAE;iBAC/D,CAAC;gBACF,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,CAAC;gBACvE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,+BAA+B,CAAC,CAAC;gBACnE,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,cAAc,aAAa,eAAe,CAAC,CAAC;gBAC7G,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,aAAa,cAAc,CAAC,CAAC;YACjF,CAAC;YACD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,mBAAmB;QACvB,IAAI,CAAC;YACH,MAAM,OAAO,GAAG;gBACd,cAAc,EAAE,kBAAkB;gBAClC,uBAAuB,EAAE,kEAAkE;gBAC3F,aAAa,EAAE,IAAI,CAAC,WAAW;gBAC/B,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,aAAa;aACpC,CAAC;YAEF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,+DAA+D,EAAE;gBAC1G,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEnC,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IACD,iBAAiB,CAAC,CAAQ;QACxB,MAAM,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;QAEzD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,8BAA8B,CAAC,CAAC;YAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,qBAAqB;QACzB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,qBAAqB,EAAE;gBAChE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;oBAClC,aAAa,EAAE,IAAI,CAAC,WAAW;oBAC/B,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI,CAAC,aAAa;iBACpC;gBACD,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACnC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QAC1C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACrE,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACtC,IAAI,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QACpD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC;QAEzD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,0CAA0C,EAAE;gBACrF,MAAM,EAAE,MAAM;gBACd,OAAO;gBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;gBAC3H,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAClE,OAAO;YACT,CAAC;YACD,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBAChB,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,mBAAmB,CAAC,CAAC;gBAE1C,4BAA4B;gBAC5B,MAAM,QAAQ,GAAQ,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACtD,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;oBAAE,OAAO;YACxD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,6BAA6B,EAAE;gBACvD,MAAM,EAAE,QAAQ;gBAChB,WAAW,EAAE,SAAS;aACvB,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,GAAG;gBACrB,UAAU,EAAE,YAAY;gBACxB,UAAU,EAAE,EAAE;gBACd,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE;gBACxB,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,gCAAgC;QACrD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IACD,WAAW;QACT,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;IACD,eAAe;QACb,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IACD,UAAU,CAAC,IAAI;QACb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,8BAA8B;QACvF,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,iCAAiC;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,WAAW;gBACpB,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;oBACpJ,0DAAG,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;wBAC1B,6DAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG;wBAC3C,6DAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;wBACjE,6DACE,CAAC,EAAC,wjBAAwjB,EAC1jB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,KAAK,GACb,CACA,CACA;gBAGL,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,uBAAuB;wBAC/F,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4BAChG,0DAAG,EAAE,EAAC,iBAAiB;gCACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACJ;oBACJ,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,8GAA8G;4BACrI,2DAAI,KAAK,EAAC,iBAAiB;gCACzB,yEAAe,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,sBAEnD,CACD,CACF,CACD;oBAEN,4DAAK,KAAK,EAAC,yBAAyB;wBAClC,4DAAK,KAAK,EAAC,aAAa;4BACtB,4DAAK,EAAE,EAAC,kCAAkC,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,qDAAqD;gCACpH,4DAAK,KAAK,EAAC,iBAAiB;oCAC1B,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC/B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,IACvE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,8EAA0B;4CAC1B,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC5F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC9B,cAAQ,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,IAAI,MAAM,IACvE,MAAM,CACA,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,4EAAwB;4CACxB,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,IAC1F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAC7E,IAAI,CAAC,KAAK,CACJ,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,sFAAkC;4CAClC,+DAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,QAAQ,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IACzG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACjC,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,IACtF,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACL;wCAEN,4DAAK,KAAK,EAAC,YAAY;4CACrB,uFAAmC;4CACnC,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;gDAC5D,4DAAK,KAAK,EAAC,qBAAqB;oDAC9B,6DAAM,KAAK,EAAC,kBAAkB;wDAC5B,0DAAG,KAAK,EAAC,aAAa,GAAK,CACtB,CACH;gDACN,8DAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,QAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,aAAa,EAAE,WAAW,EAAC,aAAa,GAAG,CACzH,CACF,CACF;oCACN,4DAAK,KAAK,EAAC,kBAAkB;wCAC3B,4DAAK,KAAK,EAAC,kBAAkB;4CAC3B,+DAAQ,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,WAE9D;4CACT,+DAAQ,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAE/D,CACL,CACF,CACF,CACF,CACF,CACF,CACF,CACP;gBAIA,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAC,qCAAqC;wBAC9C,4DAAK,KAAK,EAAC,4BAA4B;4BACrC,4DAAK,KAAK,EAAC,cAAc;gCACvB,2DAAI,KAAK,EAAC,uBAAuB,6BAA4B;gCAC7D,+DAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,QAAQ,gBAAY,OAAO,EAAC,KAAK,EAAC,kBAAkB;oCACtG;wCACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;4CAChG,0DAAG,EAAE,EAAC,iBAAiB;gDACrB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,8CAA8C,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACpJ,CACA,CACD,CACA,CACL;4BAEN,4DAAK,KAAK,EAAC,YAAY;gCACrB,4DAAK,KAAK,EAAC,KAAK;oCACd,4DAAK,KAAK,EAAC,QAAQ;wCACjB,4DAAK,KAAK,EAAC,KAAK;4CACd,4DAAK,KAAK,EAAC,YAAY;gDACrB,8DAAO,OAAO,EAAC,EAAE,6BAA+B;gDAChD,+DAAQ,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;oDACxD,+DAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,+BAE7C;oDACR,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CACxC,cAAQ,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,aAAa,IACjG,WAAW,CAAC,eAAe,CACrB,CACV,CAAC,CACK,CACL,CACF;wCAEN,8EAA0B;wCAC1B,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IACvE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,WAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;4CACzD,WAAK,KAAK,EAAC,KAAK;gDACd,YAAM,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IACnE,IAAI,CAAC,IAAI,CACL;gDACP,aACE,KAAK,EAAE;wDACL,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;wDAClD,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,IAAI,CAAC;qDACjD;;oDAEE,IAAI,CAAC,WAAW,CACb,CACJ,CACF,CACP,CAAC,CACE;wCACN,4DAAK,KAAK,EAAC,qDAAqD,GAQ1D,CACF,CACF,CACF,CACF,CACF,CACF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <i class=\"fas fa-link\"></i>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* Page Selection Modal */}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n | {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-Bg8L3BtK.js';
2
2
 
3
- const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 1024px){.kt-quick-panel .kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel .kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel .kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .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 .kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel .kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel .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:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.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}";
3
+ const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel__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}@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:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.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}";
4
4
 
5
5
  const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPreference extends H {
6
6
  constructor() {
@@ -108,7 +108,8 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
108
108
  };
109
109
  this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;
110
110
  console.log(this.userPreferences, 'user preferancesss in getttt ');
111
- document.body.style.setProperty('font-size', `${fontSizeValue}px`, 'important');
111
+ document.querySelector('.kt-quick-panel')?.setAttribute('style', `font-size: ${fontSizeValue}px !important`);
112
+ document.body.setAttribute("style", `font-size: ${fontSizeValue} !important;`);
112
113
  }
113
114
  this.preferencesChanged.emit(data);
114
115
  }
@@ -245,10 +246,10 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
245
246
  this.togglePageModal(); // Close the page selection modal
246
247
  }
247
248
  render() {
248
- return (h(Host, { key: '2fb903b4312c876e6e7b1df4217166f93904bdb6' }, h("div", { key: 'e18f9170b3e5bf71349d9f6ef0395998e81a5e2c', class: "container", style: { fontSize: `${this.userPreferences.fontSize}` } }, h("svg", { key: '2945eb260fb7eb09f5f713e926178b595a693b16', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '25a9349ecfff19d1b9313f75d616d3854665a6cc', stroke: "none", fill: "none" }, h("rect", { key: 'd572a7a45e4a1dfaaacde30a47431c3efea65bb5', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '1b04ddb2895b1afe356763956f4db3efcb0482e5', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: 'ce7be150ada7bea1c8de5afc2a61ac4aab578861', 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 && (h("div", { key: '39e280b29cec38a7db5d78ab4c47573232af6cc8', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '32be04bea4a1cff6c022be5c049e970a0a487879', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'd2de6a5cd7dda856fc2eb8701ff9752db843b994', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '6e2f0a2de58e59ed9d1a124bf26d65a17417c27a', id: "Menu / Close_SM" }, h("path", { key: '0956e609b7c6f0a74c71acfa4d6120ecd72fee3b', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'd5cb4e256045fede9c1e5e3341f2cdedc7133cda', class: "kt-quick-panel__nav" }, h("ul", { key: 'f4a5982e05743bbf99a40d77a9d69860176fb0a8', 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" }, h("li", { key: '7e0ea7c98be4878f23cce36c5b40cf2116eb1361', class: "nav-item active" }, h("a", { key: '84ce674719ecf37f95e4fd684a6a166ea963bbd2', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '6360b1f96a8b62fe33dce7c1e1b4570fa1bde3d4', class: "kt-quick-panel__content" }, h("div", { key: '56c204c0c38b478aed4d8db29dec846e8d7fcb14', class: "tab-content" }, h("div", { key: '3ae5d0d2e04ba8dd5aed175fd0a52c8b3a41d870', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'fe29bfb3c8a95d30340422512b1dd28e8b77c24e', class: "kt-notification" }, h("div", { key: '9c4825f1c3a65e84f20eebe029f2a3f1a766648e', class: "kt-portlet__body" }, h("div", { key: 'dab1313cd14e20f0123cb372cc344b7db56113a8', class: "form-group" }, h("label", { key: '8d4f7a592d5861e1c68236c74eb82541f4d07a65' }, "Date Format"), h("select", { key: '1d72d1d4d9cf932c3f2aba23726a8858d92fef5d', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '7a2d52495d95000be72c38f9a8e370a4bc4ebcd6', class: "form-group" }, h("label", { key: '63ded508c090e19f9ac544815cbf66ef5f1801c4' }, "Time Format"), h("select", { key: '1867f42c7a24e28f5f5ee79d9bf45391879dce24', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: '1c889fb4c796cd19ab9268519dc207d719b67443', class: "form-group" }, h("label", { key: 'ffe5477aabc4a374f7cf5c34022d37dfd51788f6' }, "Font Size"), h("select", { key: 'c0c421cf7a475386a2087bee41fefb17b926d585', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'c3f51d64303a3e2a14865561f3d692495b096aa1', class: "form-group" }, h("label", { key: 'c79c4c96752b71bb2f2fb4cfba7bbcf70285b935' }, "User Display Format"), h("select", { key: '485d8321625feb0830e5b4bc822596539aef94e0', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: '1c571ff5303948527841e006cda5c7f0948d6887', class: "form-group" }, h("label", { key: '1a0ea4897f0ec6e679792421db0b298b936f906d' }, "Default Landing Page"), h("div", { key: '859cb70b8fb2776b07ecf406c24a6539d70c97c8', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: 'b8173dfed870330a0ab43dc3e0c5a0a1a09687c4', class: "input-group-prepend" }, h("span", { key: 'cc5a4194b4a14c71eb4b26eeab83311636d1b320', class: "input-group-text" }, h("i", { key: '58c8aee15de4cc10b7eb15896513a686e0fabbab', class: "fas fa-link" }))), h("input", { key: 'a2343e8f5f7eabd773746be46aaf2299bde5ea94', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'f1dfa30547e40361ec0c241e93b7b12ad21a0515', class: "kt-portlet__foot" }, h("div", { key: '7e5818d6ec986947ae9497da2c35c15c834e4906', class: "kt-form__actions" }, h("button", { key: '0e893c20c0be13b3effebc3dc3f437f3ab8febee', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '965bcd187b105296d1a3ee45c2f64943ab39b0b0', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '176673574c80bce20e0600bcabafe9db314bc766', class: "modal-overlay" }, h("div", { key: 'd98353bbb381a15883d73dd28a128a41911ef765', class: "modal-dialog modal-md landing-modal" }, h("div", { key: 'ef32d350b7ef6931f9cbc5398aaba0cda6465859', class: "modal-content landing-page" }, h("div", { key: '98c3d9cc43e6e4b2b40d1fb2de618b3d817b8096', class: "modal-header" }, h("h4", { key: '9ff4ead8bd65aaaac9ac971c49464f9604a87e27', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '29a22bc042c20063e6e6f4b67ca38700b5240218', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'fdb2933cf18a3f9c5431fb5b9755accdab880c54' }, h("svg", { key: '65be49c3390a9d5219ec7911986099bc948624db', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '1a14c237f668c4e4bef683377651e971e5949d10', id: "Menu / Close_SM" }, h("path", { key: 'd82e5acd7037f934deecfc7751300be98c05ba4b', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'b5835764bacb924eb0835e50a4c8a1a14ce47d74', class: "modal-body" }, h("div", { key: '9c557df9c85bb05ecbcb5a2f0b6366654cf50057', class: "row" }, h("div", { key: '6e425c07c9f4e00c2bed67c7db7d59b84b8b7563', class: "col-12" }, h("div", { key: '594c3fa0ee2f9960af0855c6ef60d9a476f044b6', class: "row" }, h("div", { key: 'f2447c33cd0a0747fe7c775ce40207bce2377497', class: "form-group" }, h("label", { key: '9ccf5081a61c361f6d9997f25629a553b61d920c', htmlFor: "" }, " Default Landing Page "), h("select", { key: '3da8d8191f4ae89a921795639cdc4b122473f013', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '3e73f6dba0e7c77e150425a1dc39be5eb7faa467', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '1ca40f51fd7f420508221477c2197e97ae715f7a' }, "Select Page"), h("div", { key: '8c7c9ef2c91b7a4f09bd4cd170775f451bafd679', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
249
+ return (h(Host, { key: 'fa15f51bf23a29510b3ca04f8409b9acadcb0c34' }, h("div", { key: '7f07cf5287f20d6dbd4e9e68549fba8745a71592', class: "container" }, h("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' } }, h("g", { key: '51220be1e1ffab90378fc49c5d13d008485226e3', stroke: "none", fill: "none" }, h("rect", { key: '79ca0f4617efdc9a9e72b4a8f2fa6251d8395164', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: 'ecd52cd0004dfdd53ce9bead5a3fe1d9a6ec4b74', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("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 && (h("div", { key: '72ee7637c0fd0be28474124dd4fc84733cfd78be', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '25c2e2a8888e5a7518bb32aaa7e2302e7c3e91b5', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'a3b7ec7f5b48268f3fff0213fc543c62f9f1fbc2', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '8331818e41e747e3a7c7377b98589d1df1acde79', id: "Menu / Close_SM" }, h("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" })))), h("div", { key: '0067c008bbf170e0072b2df95f0db418b345210b', class: "kt-quick-panel__nav" }, h("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" }, h("li", { key: '606b3b410293aca0938c1785a9cb6a0d0171c7e6', class: "nav-item active" }, h("a", { key: 'c589ce3db69a6a7cc75f6025326ef811d99fa006', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: 'd122eff3fe8687bbe78fc92cc47778a918350172', class: "kt-quick-panel__content" }, h("div", { key: '454f8ac9814c680eb9d3e8408f713ee18e778c5b', class: "tab-content" }, h("div", { key: '03648d547001381d224ec387c70aeb644f22f53e', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: '5426a1a724e287572c45cb1234e5723c2bddd43f', class: "kt-notification" }, h("div", { key: '33f5108a6efaa2b5485d465b9dc7313586648eab', class: "kt-portlet__body" }, h("div", { key: '78c24f8d11031fec8abf7127a83cd06f2d0b3031', class: "form-group" }, h("label", { key: '615d7a407dba75a3ce4609358663cc2290dc33c2' }, "Date Format"), h("select", { key: '0ec74e5b0b182837c9132452bbe05278d054af12', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '012298c225308d8f88c0b1c8e177858082fd3b5a', class: "form-group" }, h("label", { key: '8ff2058fda6afe0bb87dc92a15946c038898a8f1' }, "Time Format"), h("select", { key: '97f4444c4667e1194609ecacbec4b7124973346e', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: 'ed2b383395d34fbcdf298dd454f2e7655a2fdaa5', class: "form-group" }, h("label", { key: '59ee9aaed07bd68e76631b4d4afdb22f0bed427d' }, "Font Size"), h("select", { key: '0bc9b40ac2a9a059ba33b340548614f7717c81cb', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'feb8bdd92441a885a43520d51d7fbf10dc3b53d8', class: "form-group" }, h("label", { key: '83c90a6df8ebd7f331b5e57ffa7cbfc0c1a4e564' }, "User Display Format"), h("select", { key: 'c2ab07f32698b0991780ed7b9777416b7dcca4e2', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: 'ddbf936226162ad212ce6d692935cccfe6c17fac', class: "form-group" }, h("label", { key: '997ff9b99bf264c00beffd998f7267be2d2939aa' }, "Default Landing Page"), h("div", { key: '342b6528815f9db31232c76b989f1f4c6b66c3f3', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '0486e67d0b5b9a5c869a60a0bbeba61ce7eedb85', class: "input-group-prepend" }, h("span", { key: 'e630f7c605985ff19aaff9e4eb71346705354e5f', class: "input-group-text" }, h("i", { key: '46840ed8754f3831670a9aea050a7025b903191f', class: "fas fa-link" }))), h("input", { key: '7439db8ce160c617cd84ddcc44bea22eccdee0ad', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '6dfbd33129024453b68a2d30ccd2587e46a17bd7', class: "kt-portlet__foot" }, h("div", { key: '955cbd4ceb5c7fe0cf96c84ae1bcaff82202707c', class: "kt-form__actions" }, h("button", { key: '78a396cbcda4f993aa3bc5a7e9f48a0ff3b1b47c', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: 'aacb3b5e31c2a068b794807eb935b61046548560', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '9c02fd99e85580c2f545d0c2d3fc42cee5125890', class: "modal-overlay" }, h("div", { key: '3a6bf2915001cd98fc263438ba4b46b6b82191e2', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '9fa4ee927adc74a06f1234aaadf212d69a6aa56b', class: "modal-content landing-page" }, h("div", { key: '02f19f939e0f872c9fab52b955eb4995e1548d3a', class: "modal-header" }, h("h4", { key: '42bb6af0f139e17292fc9764e2071088a3f996d5', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: 'd9e81377bda80bfe130f231384e11107b82dfb49', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'a2aad74f525cf8b436c0524686221fb7bb3e46ef' }, h("svg", { key: '3147923dd21d0401bcf1a5728a409f1d8fc4ce89', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'ba04c09d382fe95e991b31529bb6f24c5a27c2b4', id: "Menu / Close_SM" }, h("path", { key: 'e66feca785e88b71f0b74302d4c21fd31015ff1e', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '4f9f2b72363bb31274d04f68f1292dbaeb4afa4c', class: "modal-body" }, h("div", { key: '56dd13d5cb1a63ba90cb3ae7c027387d1ff390f1', class: "row" }, h("div", { key: 'eccb7ed3113ca4772d221294e1d0f7cf1a2e34bd', class: "col-12" }, h("div", { key: '19327c398546ca74d9de156fcdfa6dfc1585a7a5', class: "row" }, h("div", { key: 'd724547288f9569f397e2ea82da95fc43030ce7f', class: "form-group" }, h("label", { key: 'bd0fcb6a5b12670686eda184d536bcc129860a94', htmlFor: "" }, " Default Landing Page "), h("select", { key: '18b1b8daac2d08191312354b376bfb555f8f07df', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '7da9519d7bc9f60e0caf31426f72402029f9735b', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '24bcf52fc40a49b2fc68987c4baf04ac50fccaf6' }, "Select Page"), h("div", { key: 'f484241644bde97914b61167aedc0fed6371ae8f', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
249
250
  'culture-unpublished': page.pageCultureStatus == 1,
250
251
  'culture-published': page.pageCultureStatus == 2,
251
- } }, "| ", page.cultureCode)))))), h("div", { key: 'ceb578ccfee4123ce7b159a919092fb1d4aaf460', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
252
+ } }, "| ", page.cultureCode)))))), h("div", { key: '73aec4c347628bb203fa94308c4e749fe0f8c5bc', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
252
253
  }
253
254
  static get watchers() { return {
254
255
  "cultureCode": ["componentWillLoad"],