application-sidebar 1.0.40 → 2.0.0
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.
- package/esm2022/lib/app-details.mjs +1 -1
- package/esm2022/lib/application-sidebar.component.mjs +856 -102
- package/esm2022/lib/nav-menu-item.mjs +1 -1
- package/esm2022/lib/nav-menus/nav-menus.component.mjs +33 -9
- package/esm2022/lib/navmenu1.mjs +263 -216
- package/esm2022/lib/revised-navigation.mjs +2 -0
- package/esm2022/lib/services/application-sidebar.service.mjs +305 -8
- package/esm2022/lib/services/rest-api.services.mjs +39 -6
- package/esm2022/lib/sidebar-layout.local.mjs +86 -0
- package/esm2022/lib/translations/translations-en.mjs +57 -31
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/application-sidebar.mjs +3048 -149
- package/fesm2022/application-sidebar.mjs.map +1 -1
- package/lib/app-details.d.ts +2 -0
- package/lib/application-sidebar.component.d.ts +132 -1
- package/lib/nav-menu-item.d.ts +7 -0
- package/lib/navmenu1.d.ts +146 -77
- package/lib/revised-navigation.d.ts +83 -0
- package/lib/services/application-sidebar.service.d.ts +49 -1
- package/lib/services/rest-api.services.d.ts +12 -0
- package/lib/sidebar-layout.local.d.ts +19 -0
- package/lib/translations/translations-en.d.ts +53 -27
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -2,34 +2,35 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Injectable, Directive, Input, EventEmitter, Component, Output, ViewChild, ChangeDetectionStrategy, ViewChildren, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common/http';
|
|
4
4
|
import { HttpHeaders, HttpClientModule } from '@angular/common/http';
|
|
5
|
-
import { of } from 'rxjs';
|
|
5
|
+
import { of, forkJoin } from 'rxjs';
|
|
6
6
|
import { map, catchError } from 'rxjs/operators';
|
|
7
7
|
import * as i4 from 'ngx-cookie-service';
|
|
8
8
|
import * as i2 from '@angular/router';
|
|
9
|
-
import { NavigationStart } from '@angular/router';
|
|
9
|
+
import { NavigationStart, NavigationEnd } from '@angular/router';
|
|
10
10
|
import moment from 'moment';
|
|
11
11
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
12
12
|
import * as i6 from '@angular/material/menu';
|
|
13
13
|
import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
|
|
14
|
-
import * as
|
|
14
|
+
import * as i10 from '@angular/material/list';
|
|
15
15
|
import { MatListModule } from '@angular/material/list';
|
|
16
16
|
import * as i8 from '@angular/material/divider';
|
|
17
|
-
import * as i9
|
|
17
|
+
import * as i9 from '@angular/material/core';
|
|
18
18
|
import { MatNativeDateModule } from '@angular/material/core';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i15 from '@angular/common';
|
|
20
20
|
import { CommonModule } from '@angular/common';
|
|
21
21
|
import * as i11 from '@angular/flex-layout/extended';
|
|
22
|
-
import * as i7 from '@angular/
|
|
22
|
+
import * as i7 from '@angular/platform-browser';
|
|
23
|
+
import * as i8$1 from '@angular/material/toolbar';
|
|
23
24
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
24
|
-
import * as
|
|
25
|
+
import * as i11$1 from '@angular/material/expansion';
|
|
25
26
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
26
|
-
import * as
|
|
27
|
+
import * as i12 from '@angular/material/icon';
|
|
27
28
|
import { MatIconModule } from '@angular/material/icon';
|
|
28
|
-
import * as
|
|
29
|
+
import * as i13 from '@angular/material/progress-bar';
|
|
29
30
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
30
|
-
import * as
|
|
31
|
+
import * as i14 from '@angular/material/tooltip';
|
|
31
32
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
32
|
-
import * as
|
|
33
|
+
import * as i16 from '@angular/flex-layout/flex';
|
|
33
34
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
34
35
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
35
36
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
@@ -66,6 +67,1775 @@ const constants = {
|
|
|
66
67
|
PROD_MENU_BUCKET: 'https://s3.us-west-2.amazonaws.com/menu.intentwise.com',
|
|
67
68
|
};
|
|
68
69
|
|
|
70
|
+
/**
|
|
71
|
+
* Bundled fallback for `sidebar-layout.json` when the S3 request fails (network, CORS, 4xx/5xx).
|
|
72
|
+
* `RestApiService` always loads from S3 first (`menuBucketBaseURL/sidebar-layout.json`), then falls back here.
|
|
73
|
+
* Edit this file to match `ui-resources/sidebar-layout.json` or to ship a safe default in the bundle.
|
|
74
|
+
*
|
|
75
|
+
* ## Shape (grouped-menus, non-Optimize)
|
|
76
|
+
* - **Sections/groups decide structure, nav JSON decides labels.**
|
|
77
|
+
* - `groups[]`: each block is a **titled** group (`id` + `title` + `items`) or **untitled** flat list (`title` omitted).
|
|
78
|
+
* - Each `items[]` entry: `{ "menuId": "<id from navmenu1>" }`
|
|
79
|
+
* - We **do not** override leaf titles here; names come from `navmenu1` (+ translations).
|
|
80
|
+
* - **Leaf** (no children in nav JSON): one row link.
|
|
81
|
+
* - **Expandable** (menu has `children` in navmenu1): one `mat-expansion-panel` row; children render as links (or a second panel if you use `children` below).
|
|
82
|
+
* - Optional **`children`** / `childMenuIds` / `includeChildMenuIds` are still supported for advanced cases; see `RevisedGroupMenuConfig`.
|
|
83
|
+
* - Group size is dynamic:
|
|
84
|
+
* - `items.length === 1` → rendered as a **single row** under the group title (e.g. Product 360 today).
|
|
85
|
+
* - `items.length > 1` → rendered as a **titled, expandable group** (e.g. Commerce Insights), with one row per item.
|
|
86
|
+
*/
|
|
87
|
+
const LOCAL_SIDEBAR_LAYOUT = {
|
|
88
|
+
"enabled": true,
|
|
89
|
+
"sections": [
|
|
90
|
+
{
|
|
91
|
+
"id": "optimize",
|
|
92
|
+
"title": "Optimize",
|
|
93
|
+
"type": "app-tabs",
|
|
94
|
+
"iconSvg": "<svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 4h12M2 8h8M2 12h5\" stroke=\"#6D6E6F\" stroke-width=\"1.4\" stroke-linecap=\"round\"></path><circle cx=\"13\" cy=\"8\" r=\"1.4\" fill=\"#6D6E6F\"></circle><circle cx=\"11\" cy=\"4\" r=\"1.4\" fill=\"#6D6E6F\"></circle><circle cx=\"8\" cy=\"12\" r=\"1.4\" fill=\"#6D6E6F\"></circle></svg>",
|
|
95
|
+
"appIds": [
|
|
96
|
+
"ads_amazon_advertising",
|
|
97
|
+
"ads_amazon_dsp",
|
|
98
|
+
"ads_walmart",
|
|
99
|
+
"ads_criteo",
|
|
100
|
+
"ads_instacart"
|
|
101
|
+
],
|
|
102
|
+
"defaultAppId": "ads_amazon_advertising"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"id": "intelligence",
|
|
106
|
+
"title": "Intelligence",
|
|
107
|
+
"type": "grouped-menus",
|
|
108
|
+
"iconSvg": "<svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 12L7 7L10 10L14 4\" stroke=\"#6D6E6F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M10.5 4H14V7.5\" stroke=\"#6D6E6F\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>",
|
|
109
|
+
"groups": [
|
|
110
|
+
{
|
|
111
|
+
"id": "commerce_insights",
|
|
112
|
+
"title": "Commerce Insights",
|
|
113
|
+
"items": [
|
|
114
|
+
"iac_insights_dashboard",
|
|
115
|
+
"amc_insights_dashboard",
|
|
116
|
+
"ads_amazon_content_share_of_voice",
|
|
117
|
+
"ads_amazon_content_content_analytics"
|
|
118
|
+
]
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"id": "product_360",
|
|
122
|
+
"title": "Product 360",
|
|
123
|
+
"items": ["ads_product_360"]
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"id": "explore_amc",
|
|
127
|
+
"title": "Explore (AMC)",
|
|
128
|
+
"items": ["amc-platform-web"]
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"id": "foundation",
|
|
134
|
+
"title": "Foundation",
|
|
135
|
+
"type": "grouped-menus",
|
|
136
|
+
"iconSvg": "<svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"2\" y=\"2\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"#6D6E6F\" stroke-width=\"1.4\"></rect><rect x=\"9\" y=\"2\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"#6D6E6F\" stroke-width=\"1.4\"></rect><rect x=\"2\" y=\"9\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"#6D6E6F\" stroke-width=\"1.4\"></rect><rect x=\"9\" y=\"9\" width=\"5\" height=\"5\" rx=\"1\" stroke=\"#6D6E6F\" stroke-width=\"1.4\"></rect></svg>",
|
|
137
|
+
"groups": [
|
|
138
|
+
{ "id": "getting_started", "title": "Getting Started", "items": ["data_platform_get_started"] },
|
|
139
|
+
{ "id": "my_connections", "title": "My connections", "items": ["data_sources_destinations"] },
|
|
140
|
+
{ "id": "dashboard_templates", "title": "Dashboard Templates", "items": ["data_platform_templates"] },
|
|
141
|
+
{
|
|
142
|
+
"id": "white_label",
|
|
143
|
+
"title": "White Label",
|
|
144
|
+
"items": [
|
|
145
|
+
"iac_insights_whitelabel-settings",
|
|
146
|
+
"iac_insights_user_mgmt"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{ "id": "custom_reports", "title": "Custom Reports", "items": ["iac_custom_reports"] },
|
|
150
|
+
{ "id": "analytics_lab", "title": "Analytics Lab", "items": ["data_platform_sql_lab"] }
|
|
151
|
+
]
|
|
152
|
+
}
|
|
153
|
+
]
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
const GLOBAL_LIST = [
|
|
157
|
+
{
|
|
158
|
+
"id": "ads_amazon_advertising",
|
|
159
|
+
"name": "Sponsored Ads",
|
|
160
|
+
"app_name": "Adverstising",
|
|
161
|
+
"type": "expandable",
|
|
162
|
+
"level": "one",
|
|
163
|
+
"icon": "speakerphone.svg",
|
|
164
|
+
"order": 1,
|
|
165
|
+
"defaulturl": "#!/ams-page-overview",
|
|
166
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
167
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
168
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
169
|
+
"children": [
|
|
170
|
+
{
|
|
171
|
+
"id": "ams_ads_all_accounts",
|
|
172
|
+
"name": "TranslationService.getLabel('ALL_ACCOUNTS')",
|
|
173
|
+
"type": "leaf",
|
|
174
|
+
"level": "two",
|
|
175
|
+
"icon": "portfolio-grid.svg",
|
|
176
|
+
"link": "triangular.ams-all-accounts-overview",
|
|
177
|
+
"route": "#!/all-accounts",
|
|
178
|
+
"child_routes": ["triangular.ams-account-status", "triangular.ams-signup-overview"],
|
|
179
|
+
"all_accounts": true
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"id": "ams_ads_user_settings",
|
|
183
|
+
"name": "TranslationService.getLabel('USER_SETTINGS')",
|
|
184
|
+
"type": "leaf",
|
|
185
|
+
"level": "two",
|
|
186
|
+
"icon": "portfolio-grid.svg",
|
|
187
|
+
"link": "triangular.profile",
|
|
188
|
+
"route": "#!/profile",
|
|
189
|
+
"all_accounts": true
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"id": "ams_ads_overview",
|
|
193
|
+
"name": "TranslationService.getLabel('OVERVIEW')",
|
|
194
|
+
"type": "leaf",
|
|
195
|
+
"level": "two",
|
|
196
|
+
"icon": "portfolio-grid.svg",
|
|
197
|
+
"link": "triangular.ams-page-overview",
|
|
198
|
+
"route": "#!/ams-page-overview",
|
|
199
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"id": "ams_ads_recommendations",
|
|
203
|
+
"name": "TranslationService.getLabel('RECOMMENDATIONS')",
|
|
204
|
+
"type": "leaf",
|
|
205
|
+
"level": "two",
|
|
206
|
+
"icon": "mental-health.svg",
|
|
207
|
+
"link": "triangular.ams-current-recommendations",
|
|
208
|
+
"route": "#!/current-recommendations",
|
|
209
|
+
"child_routes": ["triangular.ams-recommendations-sponsored-keywords", "triangular.ams-current-recommendations.recommendation-detail"],
|
|
210
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
211
|
+
"incontext_campaign_targeting": []
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"id": "ams_ads_campaigns",
|
|
215
|
+
"name": "TranslationService.getLabel('CAMPAIGNS')",
|
|
216
|
+
"type": "leaf",
|
|
217
|
+
"level": "two",
|
|
218
|
+
"icon": "file-explorer.svg",
|
|
219
|
+
"link": "triangular.ams-page-campaigns",
|
|
220
|
+
"route": "#!/ams-page-campaigns",
|
|
221
|
+
"child_routes": ["triangular.ams-page-campaigns.all-campaigns", "triangular.ams-page-campaigns.draft-campaigns"]
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"id": "ams_ads_adgroups",
|
|
225
|
+
"name": "TranslationService.getLabel('AD_GROUPS')",
|
|
226
|
+
"icon": "sp_ad-groups.svg",
|
|
227
|
+
"type": "leaf",
|
|
228
|
+
"level": "two",
|
|
229
|
+
"link": "triangular.ams-consolidated-adGroups"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"id": "ams_ads_products",
|
|
233
|
+
"name": "TranslationService.getLabel('PRODUCTS')",
|
|
234
|
+
"icon": "search-place.svg",
|
|
235
|
+
"type": "leaf",
|
|
236
|
+
"level": "two",
|
|
237
|
+
"link": "triangular.ams-consolidated-products",
|
|
238
|
+
"route": "#!/consolidated-products",
|
|
239
|
+
"incontext_campaign_targeting": ["SP_A", "SP_M_KT", "SP_M_PT", "SD_A", "SD_PT", "STV"]
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"id": "ams_ads_targeting",
|
|
243
|
+
"name": "TranslationService.getLabel('TARGETING')",
|
|
244
|
+
"type": "expandable",
|
|
245
|
+
"icon": "setting.svg",
|
|
246
|
+
"level": "two",
|
|
247
|
+
"children": [
|
|
248
|
+
{
|
|
249
|
+
"id": "ams_ads_keywords",
|
|
250
|
+
"name": "TranslationService.getLabel('KEYWORDS')",
|
|
251
|
+
"type": "leaf",
|
|
252
|
+
"level": "two",
|
|
253
|
+
"icon": "search-place.svg",
|
|
254
|
+
"link": "triangular.ams-consolidated-keyword-container",
|
|
255
|
+
"route": "#!/ams-consolidated-keyword-container",
|
|
256
|
+
"child_routes": ["triangular.ams-consolidated-keyword-container.ams-consolidated-keywords", "triangular.ams-consolidated-keyword-container.ams-consolidated-negative-keywords", "triangular.ams-consolidated-keyword-container.ams-keyword-suggestions"],
|
|
257
|
+
"incontext_campaign_targeting": ["SP_M_KT", "SB_M_KT", "SB_M_V", "SP_A"]
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"id": "ams_ads_product_targeting",
|
|
261
|
+
"name": "TranslationService.getLabel('PRODUCT_AUD_TARGETING')",
|
|
262
|
+
"icon": "search-place.svg",
|
|
263
|
+
"type": "leaf",
|
|
264
|
+
"level": "two",
|
|
265
|
+
"link": "triangular.ams-consolidated-targeting-report",
|
|
266
|
+
"route": "#!/ams-consolidated-targeting-report",
|
|
267
|
+
"child_routes": ["triangular.ams-consolidated-targeting-report.consolidated-targeting-report", "triangular.ams-consolidated-targeting-report.consolidated-negative-targeting-report"],
|
|
268
|
+
"incontext_campaign_targeting": ["SP_M_PT", "SB_M_PT", "SB_M_V_PT", "SD_A", "SD_PT", "STV"]
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"id": "ams_ads_auto_targeting",
|
|
272
|
+
"name": "TranslationService.getLabel('AUTO_TARGETING')",
|
|
273
|
+
"icon": "auto_targeting.svg",
|
|
274
|
+
"type": "leaf",
|
|
275
|
+
"level": "two",
|
|
276
|
+
"link": "triangular.ams-auto-targeting-report",
|
|
277
|
+
"route": "#!/auto-targeting-report",
|
|
278
|
+
"child_routes": ["triangular.ams-auto-targeting-report.negative-targeting-report", "triangular.ams-auto-targeting-report.targeting-report"],
|
|
279
|
+
"targetting_types_not_in": ["manual"]
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"id": "ams_ads_search_terms",
|
|
283
|
+
"name": "TranslationService.getLabel('SEARCH_TERMS')",
|
|
284
|
+
"icon": "search-place.svg",
|
|
285
|
+
"type": "leaf",
|
|
286
|
+
"level": "two",
|
|
287
|
+
"child_routes": ["triangular.ams-search-term.all-search-terms", "triangular.ams-search-term.ngram"],
|
|
288
|
+
"link": "triangular.ams-search-term"
|
|
289
|
+
}
|
|
290
|
+
]
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"id": "ams_ads_insights",
|
|
294
|
+
"name": "TranslationService.getLabel('INSIGHTS')",
|
|
295
|
+
"type": "expandable",
|
|
296
|
+
"icon": "setting.svg",
|
|
297
|
+
"level": "two",
|
|
298
|
+
"children": [
|
|
299
|
+
{
|
|
300
|
+
"id": "ams_ads_what_changed",
|
|
301
|
+
"name": "TranslationService.getLabel('WHAT_CHANGED')",
|
|
302
|
+
"icon": "what_changed.svg",
|
|
303
|
+
"type": "leaf",
|
|
304
|
+
"level": "two",
|
|
305
|
+
"link": "triangular.what-changed",
|
|
306
|
+
"route": "#!/ams-what-changed",
|
|
307
|
+
"hide_for_user": ["READ_ONLY"],
|
|
308
|
+
"child_routes": ["triangular.what-changed-details", "triangular.create-request"],
|
|
309
|
+
"account_type": ["AMS_SELLER", "AMS_VENDOR"]
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"id": "ams_ads_market_share_by_sqp",
|
|
313
|
+
"name": "TranslationService.getLabel('MARKET_SHARE_BY_SQP')",
|
|
314
|
+
"icon": "market_share_by_sqp.svg",
|
|
315
|
+
"type": "leaf",
|
|
316
|
+
"badge": "NEW",
|
|
317
|
+
"level": "two",
|
|
318
|
+
"link": "triangular.marketShareBySqp",
|
|
319
|
+
"route": "#!/market-share-by-sqp",
|
|
320
|
+
"hide_for_user": ["READ_ONLY"],
|
|
321
|
+
"account_type": ["AMS_SELLER", "SELLER_CENTRAL"],
|
|
322
|
+
"subscription_types": ["SELLER_CENTRAL"]
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"id": "ams_ads_audits",
|
|
326
|
+
"name": "TranslationService.getLabel('AUDITS')",
|
|
327
|
+
"icon": "what_changed.svg",
|
|
328
|
+
"type": "leaf",
|
|
329
|
+
"badge": "BETA",
|
|
330
|
+
"level": "two",
|
|
331
|
+
"link": "triangular.insights-audits",
|
|
332
|
+
"route": "#!/audits",
|
|
333
|
+
"hide_for_user": ["READ_ONLY"],
|
|
334
|
+
"child_routes": ["triangular.insights-audits.audit-details"],
|
|
335
|
+
"account_type": ["AMS_SELLER", "AMS_VENDOR"]
|
|
336
|
+
}
|
|
337
|
+
]
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"id": "ams_ads_hourly_metrics",
|
|
341
|
+
"name": "TranslationService.getLabel('HOURLY_METRICS')",
|
|
342
|
+
"icon": "search-place.svg",
|
|
343
|
+
"type": "expandable",
|
|
344
|
+
"level": "two",
|
|
345
|
+
"badge": "BETA",
|
|
346
|
+
"children": [
|
|
347
|
+
{
|
|
348
|
+
"id": "ams_ads_amazon_markering_stream",
|
|
349
|
+
"name": "TranslationService.getLabel('AMAZON_MARKETING_STREAM')",
|
|
350
|
+
"icon": "what_changed.svg",
|
|
351
|
+
"type": "leaf",
|
|
352
|
+
"level": "two",
|
|
353
|
+
"link": "triangular.ams-realtime-data",
|
|
354
|
+
"route": "#!/ams-realtime-data",
|
|
355
|
+
"child_routes": ["triangular.ams-realtime-data.ams-stream", "triangular.ams-realtime-data.out-of-budget-campaign"]
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"id": "ams_ads_amazon_retail_analytics",
|
|
359
|
+
"name": "TranslationService.getLabel('RETAIL_ANALYTICS')",
|
|
360
|
+
"icon": "search-place.svg",
|
|
361
|
+
"type": "leaf",
|
|
362
|
+
"level": "two",
|
|
363
|
+
"link": "triangular.ams-retail-data",
|
|
364
|
+
"route": "#!/ams-retail-data",
|
|
365
|
+
"child_routes": ["triangular.ams-retail-data.retail-analytics"],
|
|
366
|
+
"account_type": ["AMS_VENDOR"],
|
|
367
|
+
"incontext_campaign_targeting": []
|
|
368
|
+
}
|
|
369
|
+
]
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"id": "ams_ads_placements",
|
|
373
|
+
"name": "TranslationService.getLabel('PLACEMENT')",
|
|
374
|
+
"icon": "placement.svg",
|
|
375
|
+
"type": "leaf",
|
|
376
|
+
"level": "two",
|
|
377
|
+
"link": "triangular.placement-report",
|
|
378
|
+
"route": "#!/ams-placement-report",
|
|
379
|
+
"campaign_types": ["SP"]
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"id": "ams_ads_sponsored_brands",
|
|
383
|
+
"name": "TranslationService.getLabel('SPONSORED_BRANDS')",
|
|
384
|
+
"icon": "search-place.svg",
|
|
385
|
+
"type": "expandable",
|
|
386
|
+
"level": "two",
|
|
387
|
+
"campaign_types": ["HSA", "SB"],
|
|
388
|
+
"children": [
|
|
389
|
+
{
|
|
390
|
+
"id": "ams_ads_product_ads",
|
|
391
|
+
"name": "TranslationService.getLabel('PRODUCT_ADS')",
|
|
392
|
+
"icon": "targeting.svg",
|
|
393
|
+
"type": "leaf",
|
|
394
|
+
"level": "two",
|
|
395
|
+
"link": "triangular.ams-sb-product-ads",
|
|
396
|
+
"route": "#!/ams-sb-product-ads",
|
|
397
|
+
"incontext_campaign_targeting": ["SB_M_KT", "SB_M_PT", "SB_M_V", "SB_M_V_PT"]
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"id": "ams_ads_category_benchmark",
|
|
401
|
+
"name": "TranslationService.getLabel('CATEGORY_BENCHMARK')",
|
|
402
|
+
"icon": "category-icon.svg",
|
|
403
|
+
"type": "leaf",
|
|
404
|
+
"level": "two",
|
|
405
|
+
"link": "triangular.ams-category-benchmark-report",
|
|
406
|
+
"route": "#!/ams-category-benchmark-report",
|
|
407
|
+
"incontext_campaign_targeting": []
|
|
408
|
+
}
|
|
409
|
+
]
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
"id": "ams_ads_sponsored_display",
|
|
413
|
+
"name": "TranslationService.getLabel('SPONSORED_DISPLAY')",
|
|
414
|
+
"icon": "search-place.svg",
|
|
415
|
+
"type": "expandable",
|
|
416
|
+
"level": "two",
|
|
417
|
+
"campaign_types": ["SD"],
|
|
418
|
+
"children": []
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
"id": "ams_ads_custom_reports",
|
|
422
|
+
"name": "TranslationService.getLabel('CUSTOM_REPORTS')",
|
|
423
|
+
"icon": "search-place.svg",
|
|
424
|
+
"type": "expandable",
|
|
425
|
+
"level": "two",
|
|
426
|
+
"incontext_campaign_targeting": [],
|
|
427
|
+
"children": [
|
|
428
|
+
{
|
|
429
|
+
"id": "ams_ads_sc_order_reports",
|
|
430
|
+
"name": "TranslationService.getLabel('SC_ORDER_REPORTS')",
|
|
431
|
+
"icon": "targeting.svg",
|
|
432
|
+
"type": "leaf",
|
|
433
|
+
"level": "two",
|
|
434
|
+
"link": "triangular.ams-cluvio-mws-reports",
|
|
435
|
+
"route": "#!/ams-content-dashboard/mws-reports",
|
|
436
|
+
"account_ids": [128510, 168000],
|
|
437
|
+
"organization_setting": ["MWS_CHARTS"]
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"id": "ams_ads_inventory_forcast",
|
|
441
|
+
"name": "TranslationService.getLabel('INVENTORY_FORECAST')",
|
|
442
|
+
"icon": "inventory_forecast.svg",
|
|
443
|
+
"type": "leaf",
|
|
444
|
+
"level": "two",
|
|
445
|
+
"link": "triangular.ams-cluvio-seller-inventory-forecast",
|
|
446
|
+
"route": "#!/ams-content-dashboard/seller-inventory-forecast",
|
|
447
|
+
"subscription_types": ["SELLER_CENTRAL"],
|
|
448
|
+
"organization_setting": ["INVENTORY_FORECAST"]
|
|
449
|
+
},
|
|
450
|
+
{
|
|
451
|
+
"id": "ams_ads_organic_ranking",
|
|
452
|
+
"name": "TranslationService.getLabel('ORGANIC_RANKING')",
|
|
453
|
+
"icon": "organic_ranking.svg",
|
|
454
|
+
"type": "leaf",
|
|
455
|
+
"level": "two",
|
|
456
|
+
"link": "triangular.ams-cluvio-organic-ranking",
|
|
457
|
+
"route": "#!/ams-content-dashboard/organic-ranking",
|
|
458
|
+
"account_ids": [21710]
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"id": "ams_ads_asin_overview",
|
|
462
|
+
"name": "TranslationService.getLabel('ASIN_OVERVIEW')",
|
|
463
|
+
"icon": "asin_overview.svg",
|
|
464
|
+
"type": "leaf",
|
|
465
|
+
"level": "two",
|
|
466
|
+
"link": "triangular.ams-cluvio-asin-overview",
|
|
467
|
+
"route": "#!/ams-content-dashboard/asin-overview",
|
|
468
|
+
"organization_setting": ["ASIN_OVERVIEW"]
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"id": "ams_ads_campaign_report_download",
|
|
472
|
+
"name": "TranslationService.getLabel('CAMPAIGN_REPORT_DOWNLOAD')",
|
|
473
|
+
"icon": "campaign_report.svg",
|
|
474
|
+
"type": "leaf",
|
|
475
|
+
"level": "two",
|
|
476
|
+
"link": "triangular.ams-cluvio-campaign-report-download",
|
|
477
|
+
"route": "#!/ams-content-dashboard/campaign-report-download",
|
|
478
|
+
"organization_setting": ["CAMPAIGN_REPORT_DOWNLOAD"]
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"id": "ams_ads_performance_diagnostics",
|
|
482
|
+
"name": "TranslationService.getLabel('PERFORMANCE_DIAGNOSTICS')",
|
|
483
|
+
"icon": "Performance_Diagnostics.svg",
|
|
484
|
+
"type": "leaf",
|
|
485
|
+
"level": "two",
|
|
486
|
+
"link": "triangular.ams-analytics-performance-diagnostics",
|
|
487
|
+
"route": "#!/ams-analytics/performance-diagnostics",
|
|
488
|
+
"organization_setting": ["PERFORMANCE_DIAGNOSTICS"]
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"id": "ams_ads_perf_diagnostics_detail",
|
|
492
|
+
"name": "TranslationService.getLabel('PERF_DIAGNOSTICS_DETAIL')",
|
|
493
|
+
"icon": "Perf_Diagnostics_Detail.svg",
|
|
494
|
+
"type": "leaf",
|
|
495
|
+
"level": "two",
|
|
496
|
+
"link": "triangular.ams-analytics-performance-diagnostics-detail",
|
|
497
|
+
"route": "#!/ams-analytics/performance-diagnostics-detail",
|
|
498
|
+
"organization_setting": ["PERFORMANCE_DIAGNOSTICS_DETAIL"]
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"id": "ams_ads_pos_new_products",
|
|
502
|
+
"name": "TranslationService.getLabel('POS_NEW_PRODUCTS')",
|
|
503
|
+
"icon": "new_product.svg",
|
|
504
|
+
"type": "leaf",
|
|
505
|
+
"level": "two",
|
|
506
|
+
"link": "triangular.ams-custom-reports-lr-new-products",
|
|
507
|
+
"route": "#!/ams-analytics/custom-reports-lr-new-products",
|
|
508
|
+
"organization_setting": ["LR_POS_NEW_PRODUCTS"]
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"id": "ams_ads_account_view",
|
|
512
|
+
"name": "TranslationService.getLabel('ACCOUNT_VIEW')",
|
|
513
|
+
"icon": "new_product.svg",
|
|
514
|
+
"type": "leaf",
|
|
515
|
+
"level": "two",
|
|
516
|
+
"link": "triangular.ams-custom-reports-lr-new-products",
|
|
517
|
+
"route": "#!/ams-analytics/custom-reports-lr-new-products",
|
|
518
|
+
"organization_setting": ["MULTI_ACC_VIEW"]
|
|
519
|
+
},
|
|
520
|
+
{
|
|
521
|
+
"id": "ams_ads_vendor_sales_and_ams",
|
|
522
|
+
"name": "TranslationService.getLabel('VENDOR_SALES_AND_AMS')",
|
|
523
|
+
"icon": "new_product.svg",
|
|
524
|
+
"type": "leaf",
|
|
525
|
+
"level": "two",
|
|
526
|
+
"link": "triangular.ams-analytics-pos-view",
|
|
527
|
+
"route": "#!/ams-analytics/pos-view",
|
|
528
|
+
"organization_setting": ["DISPLAY_POS_DATA"]
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"id": "ams_ads_vendor_sales_and_ams",
|
|
532
|
+
"name": "TranslationService.getLabel('DEMAND_AND_FORCAST')",
|
|
533
|
+
"icon": "vendor_replenishment_code.svg",
|
|
534
|
+
"type": "leaf",
|
|
535
|
+
"level": "two",
|
|
536
|
+
"link": "triangular.ams-cluvio-demand-and-forcast",
|
|
537
|
+
"route": "#!/ams-content-dashboard/demand-and-forcast",
|
|
538
|
+
"subscription_types": ["VENDOR_CENTRAL"],
|
|
539
|
+
"organization_setting": ["DEMAND_AND_FORECAST"]
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"id": "ams_ads_vendor_charge_backs",
|
|
543
|
+
"name": "TranslationService.getLabel('VENDOR_CHARGE_BACKS')",
|
|
544
|
+
"icon": "vendor_charge_backs.svg",
|
|
545
|
+
"type": "leaf",
|
|
546
|
+
"level": "two",
|
|
547
|
+
"link": "triangular.ams-custom-reports-vendor-chargeback",
|
|
548
|
+
"route": "#!/ams-analytics/custom-reports-vendor-chargeback",
|
|
549
|
+
"organization_setting": ["VENDOR_CHARGE_BACK"]
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"id": "ams_ads_vendor_product_margin",
|
|
553
|
+
"name": "TranslationService.getLabel('VENDOR_PRODUCT_MARGIN')",
|
|
554
|
+
"icon": "vendor_charge_backs.svg",
|
|
555
|
+
"type": "leaf",
|
|
556
|
+
"level": "two",
|
|
557
|
+
"link": "triangular.ams-cluvio-custom-reports-vendor-product-margin",
|
|
558
|
+
"route": "#!/ams-content-dashboard/custom-reports-vendor-product-margin",
|
|
559
|
+
"organization_setting": ["VENDOR_PRODUCT_MARGIN"],
|
|
560
|
+
"subscription_types": ["VENDOR_CENTRAL"]
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"id": "ams_ads_internal_dashboard",
|
|
564
|
+
"name": "TranslationService.getLabel('INTERNAL_DASHBOARD')",
|
|
565
|
+
"icon": "vendor_charge_backs.svg",
|
|
566
|
+
"type": "leaf",
|
|
567
|
+
"level": "two",
|
|
568
|
+
"link": "triangular.ams-custom-reports-internal-playground",
|
|
569
|
+
"route": "#!/ams-analytics/custom-reports-internal-playground",
|
|
570
|
+
"organization_setting": ["INTERNAL_PLAYGROUND"]
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"id": "ams_ads_product_overview_download",
|
|
574
|
+
"name": "TranslationService.getLabel('PRODUCT_OVERVIEW_DOWNLOAD')",
|
|
575
|
+
"icon": "vendor_charge_backs.svg",
|
|
576
|
+
"type": "leaf",
|
|
577
|
+
"level": "two",
|
|
578
|
+
"link": "triangular.ams-cluvio-product-overview-download",
|
|
579
|
+
"route": "#!/ams-content-dashboard/product-overview-download",
|
|
580
|
+
"organization_setting": ["PRODUCT_OVERVIEW_DOWNLOAD"]
|
|
581
|
+
}
|
|
582
|
+
]
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"id": "ams_ads_inventory_overview",
|
|
586
|
+
"name": "TranslationService.getLabel('INVENTORY_OVERVIEW')",
|
|
587
|
+
"type": "leaf",
|
|
588
|
+
"level": "two",
|
|
589
|
+
"icon": "portfolio-grid.svg",
|
|
590
|
+
"link": "triangular.InventoryOverview",
|
|
591
|
+
"route": "#!/inventoryOverview",
|
|
592
|
+
"badge": "BETA",
|
|
593
|
+
"account_type": ["AMS_SELLER"],
|
|
594
|
+
"regions": ["NA"]
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"id": "ams_ads_settings",
|
|
598
|
+
"name": "TranslationService.getLabel('SETTINGS')",
|
|
599
|
+
"icon": "setting.svg",
|
|
600
|
+
"type": "expandable",
|
|
601
|
+
"level": "two",
|
|
602
|
+
"visibility_roles_not_in": ["READ_ONLY"],
|
|
603
|
+
"children": [
|
|
604
|
+
{
|
|
605
|
+
"id": "ams_ads_alerts",
|
|
606
|
+
"name": "TranslationService.getLabel('ALERTS')",
|
|
607
|
+
"icon": "document-error.svg",
|
|
608
|
+
"type": "leaf",
|
|
609
|
+
"level": "two",
|
|
610
|
+
"link": "triangular.ams-admin-alerts-list",
|
|
611
|
+
"route": "#!/ams-admin-alerts-list",
|
|
612
|
+
"child_routes": ["triangular.ams-admin-alerts", "triangular.ams-admin-alerts-exec-history-list", "triangular.ams-admin-rules-execution-details"],
|
|
613
|
+
"incontext_campaign_targeting": []
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"id": "ams_ads_automated_rules",
|
|
617
|
+
"name": "TranslationService.getLabel('AUTOMATED_RULES')",
|
|
618
|
+
"icon": "automated_rule.svg",
|
|
619
|
+
"type": "leaf",
|
|
620
|
+
"level": "two",
|
|
621
|
+
"link": "triangular.ams-admin-automated-rules-list",
|
|
622
|
+
"route": "#!/ams-admin-automated-rules-list",
|
|
623
|
+
"incontext_campaign_targeting": [],
|
|
624
|
+
"child_routes": ["triangular.ams-admin-rules", "triangular.ams-admin-rules-exec-history-list", "triangular.ams-admin-rules-execution-details"],
|
|
625
|
+
"visibility_roles_not_in": ["DP_USER", "DP_ANALYST"],
|
|
626
|
+
"customer_types_not_in": ["intent_analytics"]
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"id": "ams_ads_change_history",
|
|
630
|
+
"name": "TranslationService.getLabel('CHANGE_HISTORY')",
|
|
631
|
+
"icon": "quit.svg",
|
|
632
|
+
"type": "leaf",
|
|
633
|
+
"level": "two",
|
|
634
|
+
"link": "triangular.ams-admin-change-history"
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"id": "ams_ads_budget_management",
|
|
638
|
+
"name": "TranslationService.getLabel('BUDGET_MANAGEMENT')",
|
|
639
|
+
"icon": "quit.svg",
|
|
640
|
+
"badge": "NEW",
|
|
641
|
+
"type": "leaf",
|
|
642
|
+
"level": "two",
|
|
643
|
+
"link": "triangular.ams-admin-budget-management",
|
|
644
|
+
"route": "#!/ams-admin-budget-management",
|
|
645
|
+
"incontext_campaign_targeting": []
|
|
646
|
+
}
|
|
647
|
+
]
|
|
648
|
+
}
|
|
649
|
+
]
|
|
650
|
+
},
|
|
651
|
+
{
|
|
652
|
+
"id": "ads_amazon_dsp",
|
|
653
|
+
"name": "Amazon DSP",
|
|
654
|
+
"app_name": "dsp",
|
|
655
|
+
"type": "expandable",
|
|
656
|
+
"level": "one",
|
|
657
|
+
"icon": "user-group.svg",
|
|
658
|
+
"order": 2,
|
|
659
|
+
"defaulturl": "dsp/",
|
|
660
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
661
|
+
"hide_for_user": ["READ_ONLY"],
|
|
662
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
663
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
664
|
+
"children": [
|
|
665
|
+
{
|
|
666
|
+
"id": "ams_dsp_overview",
|
|
667
|
+
"name": "Overview",
|
|
668
|
+
"type": "leaf",
|
|
669
|
+
"level": "two",
|
|
670
|
+
"icon": "portfolio-grid.svg",
|
|
671
|
+
"route": "overview",
|
|
672
|
+
"link": "dsp/overview",
|
|
673
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
674
|
+
},
|
|
675
|
+
{
|
|
676
|
+
"id": "ams_dsp_order",
|
|
677
|
+
"name": "Orders",
|
|
678
|
+
"type": "leaf",
|
|
679
|
+
"level": "two",
|
|
680
|
+
"icon": "orders.svg",
|
|
681
|
+
"route": "order",
|
|
682
|
+
"link": "dsp/order",
|
|
683
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
684
|
+
"matchRoutes": ["/order-v2"],
|
|
685
|
+
"child_routes": ["order-v2"]
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"id": "ams_dsp_line_items",
|
|
689
|
+
"name": "Line Items",
|
|
690
|
+
"type": "leaf",
|
|
691
|
+
"level": "two",
|
|
692
|
+
"icon": "line-item.svg",
|
|
693
|
+
"route": "line-item",
|
|
694
|
+
"link": "dsp/line-item",
|
|
695
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
696
|
+
"matchRoutes": ["/line-items-v2"],
|
|
697
|
+
"child_routes": ["line-items-v2"]
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"id": "ams_dsp_audiences",
|
|
701
|
+
"name": "Audiences",
|
|
702
|
+
"type": "leaf",
|
|
703
|
+
"level": "two",
|
|
704
|
+
"icon": "audiences.svg",
|
|
705
|
+
"route": "audience",
|
|
706
|
+
"badge": "BETA",
|
|
707
|
+
"link": "dsp/audience",
|
|
708
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
709
|
+
"matchRoutes": ["/audiences-v2"],
|
|
710
|
+
"child_routes": ["audiences-v2"]
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"id": "ams_dsp_inventory",
|
|
714
|
+
"name": "Supply Sources",
|
|
715
|
+
"type": "leaf",
|
|
716
|
+
"level": "two",
|
|
717
|
+
"icon": "inventory.svg",
|
|
718
|
+
"route": "inventory",
|
|
719
|
+
"badge": "BETA",
|
|
720
|
+
"link": "dsp/inventory",
|
|
721
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
722
|
+
"matchRoutes": ["/inventories-v2"],
|
|
723
|
+
"child_routes": ["inventories-v2"]
|
|
724
|
+
},
|
|
725
|
+
{
|
|
726
|
+
"id": "ams_dsp_creatives",
|
|
727
|
+
"name": "Creatives",
|
|
728
|
+
"type": "leaf",
|
|
729
|
+
"level": "two",
|
|
730
|
+
"icon": "creatives.svg",
|
|
731
|
+
"route": "creatives",
|
|
732
|
+
"link": "dsp/creatives",
|
|
733
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
734
|
+
"matchRoutes": ["/creatives-v2"],
|
|
735
|
+
"child_routes": ["creatives-v2"]
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"id": "ams_dsp_products",
|
|
739
|
+
"name": "Products",
|
|
740
|
+
"type": "leaf",
|
|
741
|
+
"level": "two",
|
|
742
|
+
"icon": "cardboard-box.svg",
|
|
743
|
+
"route": "products",
|
|
744
|
+
"link": "dsp/products",
|
|
745
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"id": "ams_dsp_settings",
|
|
749
|
+
"name": "Automation & Controls",
|
|
750
|
+
"type": "expandable",
|
|
751
|
+
"icon": "setting.svg",
|
|
752
|
+
"level": "two",
|
|
753
|
+
"campaign_types": [],
|
|
754
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
755
|
+
"children": [
|
|
756
|
+
{
|
|
757
|
+
"id": "ams_dsp_rules",
|
|
758
|
+
"name": "Automated Rules",
|
|
759
|
+
"type": "leaf",
|
|
760
|
+
"level": "two",
|
|
761
|
+
"icon": "automated_rule.svg",
|
|
762
|
+
"link": "dsp/rules",
|
|
763
|
+
"route": "rules",
|
|
764
|
+
"visibility_roles_not_in": ["DP_USER", "DP_ANALYST"]
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"id": "ams_dsp_flight_budget_management",
|
|
768
|
+
"name": "Flight Management",
|
|
769
|
+
"type": "leaf",
|
|
770
|
+
"level": "two",
|
|
771
|
+
"icon": "quit.svg",
|
|
772
|
+
"route": "flight-budget-management",
|
|
773
|
+
"link": "dsp/flight-budget-management",
|
|
774
|
+
"matchRoutes": ["/flight-budget-management/active-budget", "/flight-budget-management/flight-budget"],
|
|
775
|
+
"child_routes": ["flight-budget-management/active-budget", "flight-budget-management/flight-budget"]
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
"id": "ams_dsp_change_history",
|
|
779
|
+
"name": "Change History",
|
|
780
|
+
"type": "leaf",
|
|
781
|
+
"level": "two",
|
|
782
|
+
"icon": "quit.svg",
|
|
783
|
+
"route": "change-history",
|
|
784
|
+
"link": "dsp/change-history",
|
|
785
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
786
|
+
}
|
|
787
|
+
]
|
|
788
|
+
}
|
|
789
|
+
]
|
|
790
|
+
},
|
|
791
|
+
{
|
|
792
|
+
"id": "ads_amazon_content_share_of_voice",
|
|
793
|
+
"name": "Share Of Voice",
|
|
794
|
+
"app_name": "share_of_voice",
|
|
795
|
+
"type": "expandable",
|
|
796
|
+
"level": "one",
|
|
797
|
+
"icon": "chart-pie.svg",
|
|
798
|
+
"defaulturl": "content/overview",
|
|
799
|
+
"order": 8,
|
|
800
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
801
|
+
"hide_for_user": ["READ_ONLY"],
|
|
802
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
803
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
804
|
+
"children": [
|
|
805
|
+
{
|
|
806
|
+
"id": "ads_shareofvoice_overview",
|
|
807
|
+
"name": "Overview",
|
|
808
|
+
"type": "leaf",
|
|
809
|
+
"level": "two",
|
|
810
|
+
"icon": "organic_ranking.svg",
|
|
811
|
+
"route": "overview",
|
|
812
|
+
"link": "content/overview",
|
|
813
|
+
"child_routes": ["about-app/sov"],
|
|
814
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"id": "ads_shareofvoice_brands",
|
|
818
|
+
"name": "Brands",
|
|
819
|
+
"type": "leaf",
|
|
820
|
+
"level": "two",
|
|
821
|
+
"icon": "organic_ranking.svg",
|
|
822
|
+
"route": "brands",
|
|
823
|
+
"link": "content/brands",
|
|
824
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
825
|
+
},
|
|
826
|
+
{
|
|
827
|
+
"id": "ads_shareofvoice_keywords",
|
|
828
|
+
"name": "Keywords",
|
|
829
|
+
"type": "leaf",
|
|
830
|
+
"level": "two",
|
|
831
|
+
"icon": "organic_ranking.svg",
|
|
832
|
+
"route": "keywords",
|
|
833
|
+
"link": "content/keywords",
|
|
834
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
835
|
+
},
|
|
836
|
+
{
|
|
837
|
+
"id": "ads_shareofvoice_products",
|
|
838
|
+
"name": "Products",
|
|
839
|
+
"type": "leaf",
|
|
840
|
+
"level": "two",
|
|
841
|
+
"icon": "organic_ranking.svg",
|
|
842
|
+
"route": "products",
|
|
843
|
+
"link": "content/products",
|
|
844
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"id": "ads_shareofvoice_daily_tracker",
|
|
848
|
+
"name": "Daily Tracker",
|
|
849
|
+
"type": "leaf",
|
|
850
|
+
"level": "two",
|
|
851
|
+
"icon": "organic_ranking.svg",
|
|
852
|
+
"route": "daily-tracker",
|
|
853
|
+
"link": "content/daily-tracker",
|
|
854
|
+
"matchRoutes": ["/daily-tracker/brands", "/daily-tracker/keywords", "/daily-tracker/products"],
|
|
855
|
+
"child_routes": ["daily-tracker/brands", "daily-tracker/keywords", "daily-tracker/products"],
|
|
856
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"id": "ads_shareofvoice_raw_data",
|
|
860
|
+
"name": "Raw Data",
|
|
861
|
+
"type": "leaf",
|
|
862
|
+
"level": "two",
|
|
863
|
+
"icon": "organic_ranking.svg",
|
|
864
|
+
"route": "raw-data",
|
|
865
|
+
"link": "content/raw-data",
|
|
866
|
+
"org_user_ctrl": [
|
|
867
|
+
{
|
|
868
|
+
"organization_setting": ["SOV_SHOW_RAW_DATA"]
|
|
869
|
+
},
|
|
870
|
+
{
|
|
871
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY"]
|
|
872
|
+
}
|
|
873
|
+
]
|
|
874
|
+
}
|
|
875
|
+
]
|
|
876
|
+
},
|
|
877
|
+
{
|
|
878
|
+
"id": "ads_amazon_content_content_analytics",
|
|
879
|
+
"name": "Content Analytics",
|
|
880
|
+
"app_name": "Content",
|
|
881
|
+
"type": "expandable",
|
|
882
|
+
"level": "one",
|
|
883
|
+
"icon": "view-grid.svg",
|
|
884
|
+
"defaulturl": "content/content-insight",
|
|
885
|
+
"order": 9,
|
|
886
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
887
|
+
"hide_for_user": ["READ_ONLY"],
|
|
888
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
889
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
890
|
+
"children": [
|
|
891
|
+
{
|
|
892
|
+
"id": "ads_content_analytics_insights",
|
|
893
|
+
"name": "Insights",
|
|
894
|
+
"type": "leaf",
|
|
895
|
+
"level": "two",
|
|
896
|
+
"icon": "organic_ranking.svg",
|
|
897
|
+
"route": "content-insight",
|
|
898
|
+
"link": "content/content-insight",
|
|
899
|
+
"child_routes": ["about-app/sov"],
|
|
900
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
901
|
+
}
|
|
902
|
+
]
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"id": "ads_data_platform",
|
|
906
|
+
"name": "TranslationService.getLabel('INTENTWISE_ANALYTICS_CLOUD')",
|
|
907
|
+
"app_name": "data_platform",
|
|
908
|
+
"type": "expandable",
|
|
909
|
+
"level": "one",
|
|
910
|
+
"icon": "share.svg",
|
|
911
|
+
"order": 10,
|
|
912
|
+
"defaulturl": "dp/",
|
|
913
|
+
"siteNotIds": [3, 4, 6, 7, 8, 9],
|
|
914
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY"],
|
|
915
|
+
"hide_for_user": ["READ_ONLY"],
|
|
916
|
+
"children": [
|
|
917
|
+
{
|
|
918
|
+
"id": "data_platform_get_started",
|
|
919
|
+
"name": "Getting Started",
|
|
920
|
+
"type": "leaf",
|
|
921
|
+
"level": "two",
|
|
922
|
+
"icon": "portfolio-grid.svg",
|
|
923
|
+
"route": "data-analytics-getting-started",
|
|
924
|
+
"link": "dp/data-analytics-getting-started",
|
|
925
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
926
|
+
"siteIds": [1, 10, 11]
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"id": "data_sources_destinations",
|
|
930
|
+
"name": "My Connections",
|
|
931
|
+
"type": "leaf",
|
|
932
|
+
"level": "two",
|
|
933
|
+
"icon": "organic_ranking.svg",
|
|
934
|
+
"route": "data-sources",
|
|
935
|
+
"link": "dp/data-sources",
|
|
936
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
937
|
+
"siteIds": [1, 10, 11]
|
|
938
|
+
},
|
|
939
|
+
{
|
|
940
|
+
"id": "data_platform_templates",
|
|
941
|
+
"name": "Dashboard Templates",
|
|
942
|
+
"type": "leaf",
|
|
943
|
+
"level": "two",
|
|
944
|
+
"icon": "file-explorer.svg",
|
|
945
|
+
"route": "templates",
|
|
946
|
+
"link": "dp/templates",
|
|
947
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
948
|
+
"siteIds": [1, 10, 11]
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"id": "data_platform_cumul_insights",
|
|
952
|
+
"name": "Insights",
|
|
953
|
+
"type": "leaf",
|
|
954
|
+
"level": "two",
|
|
955
|
+
"icon": "file-explorer.svg",
|
|
956
|
+
"route": "insights",
|
|
957
|
+
"link": "dp/insights",
|
|
958
|
+
"badge": "BETA",
|
|
959
|
+
"organization_setting": ["SHOW_ONLY_INSIGHTS_IN_IAC"],
|
|
960
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST", "IAC_BRAND_READ_ONLY"],
|
|
961
|
+
"siteIds": [1, 2, 5, 10, 11]
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"id": "iac_insights",
|
|
965
|
+
"name": "White Label",
|
|
966
|
+
"type": "expandable",
|
|
967
|
+
"icon": "setting.svg",
|
|
968
|
+
"level": "two",
|
|
969
|
+
"organization_setting": ["IAC_INSIGHTS", "AMC_INSIGHTS"],
|
|
970
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST", "IAC_BRAND_READ_ONLY"],
|
|
971
|
+
"children": [
|
|
972
|
+
{
|
|
973
|
+
"id": "iac_insights_dashboard",
|
|
974
|
+
"name": "Retail Insights",
|
|
975
|
+
"type": "leaf",
|
|
976
|
+
"level": "two",
|
|
977
|
+
"icon": "file-explorer.svg",
|
|
978
|
+
"route": "iac-analytics",
|
|
979
|
+
"link": "dp/iac-analytics",
|
|
980
|
+
"matchRoutes": ["/iac-dashboard-view"],
|
|
981
|
+
"child_routes": ["iac-dashboard-view"],
|
|
982
|
+
"organization_setting": ["IAC_INSIGHTS"],
|
|
983
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST", "IAC_BRAND_READ_ONLY"]
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"id": "amc_insights_dashboard",
|
|
987
|
+
"name": "AMC Insights",
|
|
988
|
+
"type": "leaf",
|
|
989
|
+
"level": "two",
|
|
990
|
+
"icon": "file-explorer.svg",
|
|
991
|
+
"route": "amc-analytics",
|
|
992
|
+
"link": "dp/amc-analytics",
|
|
993
|
+
"matchRoutes": ["/amc-dashboard-view"],
|
|
994
|
+
"child_routes": ["amc-dashboard-view"],
|
|
995
|
+
"organization_setting": ["AMC_INSIGHTS"],
|
|
996
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST", "IAC_BRAND_READ_ONLY"]
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"id": "iac_insights_whitelabel-settings",
|
|
1000
|
+
"name": "White Label Settings",
|
|
1001
|
+
"type": "leaf",
|
|
1002
|
+
"level": "two",
|
|
1003
|
+
"icon": "file-explorer.svg",
|
|
1004
|
+
"route": "whitelabel-settings",
|
|
1005
|
+
"link": "dp/whitelabel-settings",
|
|
1006
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"]
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"id": "iac_insights_user_mgmt",
|
|
1010
|
+
"name": "User Access Management",
|
|
1011
|
+
"type": "leaf",
|
|
1012
|
+
"level": "two",
|
|
1013
|
+
"icon": "file-explorer.svg",
|
|
1014
|
+
"route": "#!/ams-admin-user-management?usermgmt=true",
|
|
1015
|
+
"link": "triangular.ams-admin-user-management",
|
|
1016
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"]
|
|
1017
|
+
}
|
|
1018
|
+
]
|
|
1019
|
+
},
|
|
1020
|
+
{
|
|
1021
|
+
"id": "iac_custom_reports",
|
|
1022
|
+
"name": "Custom Reports",
|
|
1023
|
+
"type": "expandable",
|
|
1024
|
+
"icon": "setting.svg",
|
|
1025
|
+
"level": "two",
|
|
1026
|
+
"siteIds": [1, 10, 11],
|
|
1027
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1028
|
+
"children": [
|
|
1029
|
+
{
|
|
1030
|
+
"id": "iac_inventory_forecast",
|
|
1031
|
+
"name": "Inventory Forecast",
|
|
1032
|
+
"type": "leaf",
|
|
1033
|
+
"level": "two",
|
|
1034
|
+
"icon": "file-explorer.svg",
|
|
1035
|
+
"route": "inventory-forecast",
|
|
1036
|
+
"link": "dp/inventory-forecast",
|
|
1037
|
+
"organization_setting": ["INVENTORY_FORECAST"],
|
|
1038
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1039
|
+
"siteIds": [1, 10, 11]
|
|
1040
|
+
},
|
|
1041
|
+
{
|
|
1042
|
+
"id": "iac_seller_product_performance",
|
|
1043
|
+
"name": "Seller Product Performance",
|
|
1044
|
+
"type": "leaf",
|
|
1045
|
+
"level": "two",
|
|
1046
|
+
"icon": "file-explorer.svg",
|
|
1047
|
+
"route": "seller-product-performance",
|
|
1048
|
+
"link": "dp/seller-product-performance",
|
|
1049
|
+
"organization_setting": ["SC_PRODUCT_PERFORMANCE_TACOS"],
|
|
1050
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1051
|
+
"siteIds": [1, 10, 11]
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"id": "iac_custom_sales_overview",
|
|
1055
|
+
"name": "Sales Overview",
|
|
1056
|
+
"type": "leaf",
|
|
1057
|
+
"level": "two",
|
|
1058
|
+
"icon": "file-explorer.svg",
|
|
1059
|
+
"route": "sales-overview",
|
|
1060
|
+
"link": "dp/sales-overview",
|
|
1061
|
+
"organization_setting": ["SALES_OVERVIEW"],
|
|
1062
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1063
|
+
"siteIds": [1, 10, 11]
|
|
1064
|
+
},
|
|
1065
|
+
{
|
|
1066
|
+
"id": "iac_custom_sov-brand-analysis",
|
|
1067
|
+
"name": "SOV Brand Analysis",
|
|
1068
|
+
"type": "leaf",
|
|
1069
|
+
"level": "two",
|
|
1070
|
+
"icon": "file-explorer.svg",
|
|
1071
|
+
"route": "sov-brand-analysis",
|
|
1072
|
+
"link": "dp/sov-brand-analysis",
|
|
1073
|
+
"organization_setting": ["SOV_BRAND_ANALYSIS"],
|
|
1074
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1075
|
+
"siteIds": [1, 10, 11]
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"id": "iac_custom_sov-keyword-drilldown",
|
|
1079
|
+
"name": "SOV Keyword Drilldown",
|
|
1080
|
+
"type": "leaf",
|
|
1081
|
+
"level": "two",
|
|
1082
|
+
"icon": "file-explorer.svg",
|
|
1083
|
+
"route": "sov-keyword-drilldown",
|
|
1084
|
+
"link": "dp/sov-keyword-drilldown",
|
|
1085
|
+
"organization_setting": ["SOV_KEYWORD_DRILLDOWN"],
|
|
1086
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1087
|
+
"siteIds": [1, 10, 11]
|
|
1088
|
+
},
|
|
1089
|
+
{
|
|
1090
|
+
"id": "iac_custom_replenishment-dashboard",
|
|
1091
|
+
"name": "Replenishment Dashboard",
|
|
1092
|
+
"type": "leaf",
|
|
1093
|
+
"level": "two",
|
|
1094
|
+
"icon": "file-explorer.svg",
|
|
1095
|
+
"route": "replenishment-dashboard",
|
|
1096
|
+
"link": "dp/replenishment-dashboard",
|
|
1097
|
+
"organization_setting": ["ASIN_LEVEL_INVENTORY_FORECASTING"],
|
|
1098
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1099
|
+
"siteIds": [1, 10, 11]
|
|
1100
|
+
}
|
|
1101
|
+
]
|
|
1102
|
+
},
|
|
1103
|
+
{
|
|
1104
|
+
"id": "data_platform_sql_lab",
|
|
1105
|
+
"name": "Analytics Lab",
|
|
1106
|
+
"type": "leaf",
|
|
1107
|
+
"badge": "BETA",
|
|
1108
|
+
"level": "two",
|
|
1109
|
+
"icon": "file-explorer.svg",
|
|
1110
|
+
"route": "analytics-lab",
|
|
1111
|
+
"link": "dp/analytics-lab",
|
|
1112
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST", "ANALYTICS_LAB"],
|
|
1113
|
+
"siteIds": [1, 10, 11]
|
|
1114
|
+
}
|
|
1115
|
+
]
|
|
1116
|
+
},
|
|
1117
|
+
{
|
|
1118
|
+
"id": "amc-platform-web",
|
|
1119
|
+
"name": "Intentwise Explore (AMC)",
|
|
1120
|
+
"app_name": "amc-platform-web",
|
|
1121
|
+
"type": "expandable",
|
|
1122
|
+
"level": "one",
|
|
1123
|
+
"icon": "amc.svg",
|
|
1124
|
+
"order": 11,
|
|
1125
|
+
"defaulturl": "amc/",
|
|
1126
|
+
"siteIds": [1],
|
|
1127
|
+
"visibility_roles_not_in": ["IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
1128
|
+
"hide_for_user": ["READ_ONLY"],
|
|
1129
|
+
"organization_setting_not_in": ["SHOW_ONLY_INSIGHTS_IN_IAC"],
|
|
1130
|
+
"children": [
|
|
1131
|
+
{
|
|
1132
|
+
"id": "amc_platform_web_getting_started",
|
|
1133
|
+
"name": "Getting Started",
|
|
1134
|
+
"type": "leaf",
|
|
1135
|
+
"level": "two",
|
|
1136
|
+
"icon": "",
|
|
1137
|
+
"route": "getting-started",
|
|
1138
|
+
"link": "amc/getting-started",
|
|
1139
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"],
|
|
1140
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY"]
|
|
1141
|
+
},
|
|
1142
|
+
{
|
|
1143
|
+
"id": "amc_platform_web_advance_insights",
|
|
1144
|
+
"name": "Insights",
|
|
1145
|
+
"type": "leaf",
|
|
1146
|
+
"level": "two",
|
|
1147
|
+
"icon": "file-explorer.svg",
|
|
1148
|
+
"route": "advanced-insights",
|
|
1149
|
+
"link": "amc/advanced-insights",
|
|
1150
|
+
"siteIds": [1],
|
|
1151
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_ANALYST", "DP_USER", "READ_ONLY", "AMC_BRAND_READ_ONLY"],
|
|
1152
|
+
"badge": "NEW"
|
|
1153
|
+
},
|
|
1154
|
+
{
|
|
1155
|
+
"id": "amc_platform_web_amc_queries",
|
|
1156
|
+
"name": "Queries",
|
|
1157
|
+
"type": "leaf",
|
|
1158
|
+
"level": "two",
|
|
1159
|
+
"icon": "",
|
|
1160
|
+
"route": "amc-queries",
|
|
1161
|
+
"link": "amc/amc-queries/amc-my-queries",
|
|
1162
|
+
"matchRoutes": ["/amc-queries/setting", "/amc-queries/amc-my-queries", "/amc-queries/amc-query-library", "/amc-queries/amc-query-results"],
|
|
1163
|
+
"child_routes": ["amc-queries/setting", "amc-queries/amc-my-queries", "amc-queries/amc-query-library", "amc-queries/amc-query-results"],
|
|
1164
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "ANALYST", "DP_ANALYST"],
|
|
1165
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY"]
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"id": "amc_platform_web_audiences",
|
|
1169
|
+
"name": "Audiences",
|
|
1170
|
+
"type": "leaf",
|
|
1171
|
+
"level": "two",
|
|
1172
|
+
"icon": "",
|
|
1173
|
+
"route": "amc-audiences",
|
|
1174
|
+
"link": "amc/amc-audiences/amc-my-audiences",
|
|
1175
|
+
"matchRoutes": ["/amc-audiences/setting", "/amc-audiences/edit-setting", "/amc-audiences/amc-audience-library", "/amc-audiences/amc-my-audiences"],
|
|
1176
|
+
"child_routes": ["amc-audiences/setting", "amc-audiences/edit-setting", "amc-audiences/amc-audience-library", "amc-audiences/amc-my-audiences"],
|
|
1177
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "ANALYST", "DP_ANALYST"],
|
|
1178
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY"]
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"id": "amc_platform_web_amc_template",
|
|
1182
|
+
"name": "Dashboard Templates",
|
|
1183
|
+
"type": "leaf",
|
|
1184
|
+
"level": "two",
|
|
1185
|
+
"icon": "file-explorer.svg",
|
|
1186
|
+
"route": "amc-templates",
|
|
1187
|
+
"link": "amc/amc-templates",
|
|
1188
|
+
"siteIds": [1],
|
|
1189
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"],
|
|
1190
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY"]
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
"id": "amc_platform_web_amc_Data_Upload",
|
|
1194
|
+
"name": "Data Upload",
|
|
1195
|
+
"type": "leaf",
|
|
1196
|
+
"level": "two",
|
|
1197
|
+
"icon": "",
|
|
1198
|
+
"route": "data-upload",
|
|
1199
|
+
"link": "amc/data-upload",
|
|
1200
|
+
"matchRoutes": ["/data-upload/datasets"],
|
|
1201
|
+
"child_routes": ["data-upload/datasets"],
|
|
1202
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "AMC_BRAND_READ_ONLY"]
|
|
1203
|
+
},
|
|
1204
|
+
{
|
|
1205
|
+
"id": "amc_platform_web_amc_instances",
|
|
1206
|
+
"name": "Instances",
|
|
1207
|
+
"type": "leaf",
|
|
1208
|
+
"level": "two",
|
|
1209
|
+
"icon": "",
|
|
1210
|
+
"route": "amc-instances",
|
|
1211
|
+
"link": "amc/amc-instances",
|
|
1212
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_ANALYST", "DP_USER", "READ_ONLY", "AMC_BRAND_READ_ONLY"]
|
|
1213
|
+
}
|
|
1214
|
+
]
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"id": "ads_walmart",
|
|
1218
|
+
"name": "Walmart",
|
|
1219
|
+
"app_name": "walmart",
|
|
1220
|
+
"type": "expandable",
|
|
1221
|
+
"level": "one",
|
|
1222
|
+
"icon": "Walmart.svg",
|
|
1223
|
+
"defaulturl": "walmart/",
|
|
1224
|
+
"hide_for_user": ["READ_ONLY"],
|
|
1225
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1226
|
+
"order": 12,
|
|
1227
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
1228
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1229
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
1230
|
+
"children": [
|
|
1231
|
+
{
|
|
1232
|
+
"id": "walmart_overview",
|
|
1233
|
+
"name": "Overview",
|
|
1234
|
+
"type": "leaf",
|
|
1235
|
+
"level": "two",
|
|
1236
|
+
"icon": "vendor_sales_overivew.svg",
|
|
1237
|
+
"route": "walmart-overview",
|
|
1238
|
+
"link": "walmart/walmart-overview",
|
|
1239
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1240
|
+
},
|
|
1241
|
+
{
|
|
1242
|
+
"id": "walmart_recommendations",
|
|
1243
|
+
"name": "Recommendations",
|
|
1244
|
+
"type": "leaf",
|
|
1245
|
+
"level": "two",
|
|
1246
|
+
"icon": "file-explorer.svg",
|
|
1247
|
+
"badge": "BETA",
|
|
1248
|
+
"route": "walmart-recommendations",
|
|
1249
|
+
"link": "walmart/walmart-recommendations",
|
|
1250
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1251
|
+
"recCount": "",
|
|
1252
|
+
"incontext_campaign_targeting_walmart": [],
|
|
1253
|
+
"matchRoutes": ["/walmart-recommendations/walmart-suggested-keywords"],
|
|
1254
|
+
"child_routes": ["walmart-recommendations/walmart-suggested-keywords"]
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"id": "walmart_campaigns",
|
|
1258
|
+
"name": "Campaigns",
|
|
1259
|
+
"type": "leaf",
|
|
1260
|
+
"level": "two",
|
|
1261
|
+
"icon": "file-explorer.svg",
|
|
1262
|
+
"route": "walmart-campaigns",
|
|
1263
|
+
"link": "walmart/walmart-campaigns",
|
|
1264
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1265
|
+
},
|
|
1266
|
+
{
|
|
1267
|
+
"id": "walmart_adgroup",
|
|
1268
|
+
"name": "Ad Groups",
|
|
1269
|
+
"type": "leaf",
|
|
1270
|
+
"level": "two",
|
|
1271
|
+
"icon": "adgroup.svg",
|
|
1272
|
+
"route": "walmart-adgroup",
|
|
1273
|
+
"link": "walmart/walmart-adgroup",
|
|
1274
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1275
|
+
},
|
|
1276
|
+
{
|
|
1277
|
+
"id": "walmart_keywords",
|
|
1278
|
+
"name": "Keywords",
|
|
1279
|
+
"type": "leaf",
|
|
1280
|
+
"level": "two",
|
|
1281
|
+
"icon": "keywords.svg",
|
|
1282
|
+
"route": "walmart-keywords",
|
|
1283
|
+
"link": "walmart/walmart-keywords/keyword-report",
|
|
1284
|
+
"child_routes": ["walmart-keywords/keyword-report", "walmart-keywords/keyword-suggestions/manual", "walmart-keywords/keyword-suggestions/auto"],
|
|
1285
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1286
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SB_M_KT", "SV_M_KT"]
|
|
1287
|
+
},
|
|
1288
|
+
{
|
|
1289
|
+
"id": "walmart_searchterm",
|
|
1290
|
+
"name": "Search Terms",
|
|
1291
|
+
"type": "leaf",
|
|
1292
|
+
"level": "two",
|
|
1293
|
+
"icon": "search-place.svg",
|
|
1294
|
+
"route": "walmart-searchterm",
|
|
1295
|
+
"link": "walmart/walmart-searchterm",
|
|
1296
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1297
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SP_A", "SB_M_KT", "SV_M_KT"],
|
|
1298
|
+
"matchRoutes": ["/walmart-searchterm/search-term", "/walmart-searchterm/search-term-impressions"],
|
|
1299
|
+
"child_routes": ["walmart-searchterm/search-term", "walmart-searchterm/search-term-impressions"]
|
|
1300
|
+
},
|
|
1301
|
+
{
|
|
1302
|
+
"id": "walmart_products",
|
|
1303
|
+
"name": "Products",
|
|
1304
|
+
"type": "leaf",
|
|
1305
|
+
"level": "two",
|
|
1306
|
+
"icon": "products.svg",
|
|
1307
|
+
"route": "walmart-products",
|
|
1308
|
+
"link": "walmart/walmart-products",
|
|
1309
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
"id": "walmart_creative",
|
|
1313
|
+
"name": "Creatives",
|
|
1314
|
+
"type": "leaf",
|
|
1315
|
+
"level": "two",
|
|
1316
|
+
"icon": "keywords.svg",
|
|
1317
|
+
"route": "walmart-creative",
|
|
1318
|
+
"link": "walmart/walmart-creative",
|
|
1319
|
+
"badge": "BETA",
|
|
1320
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1321
|
+
"incontext_campaign_targeting_walmart": ["SD"]
|
|
1322
|
+
},
|
|
1323
|
+
{
|
|
1324
|
+
"id": "walmart_advanced",
|
|
1325
|
+
"name": "Advanced",
|
|
1326
|
+
"type": "expandable",
|
|
1327
|
+
"icon": "setting.svg",
|
|
1328
|
+
"level": "two",
|
|
1329
|
+
"campaign_types": [],
|
|
1330
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1331
|
+
"children": [
|
|
1332
|
+
{
|
|
1333
|
+
"id": "walmart_placement",
|
|
1334
|
+
"name": "Placement",
|
|
1335
|
+
"type": "leaf",
|
|
1336
|
+
"level": "two",
|
|
1337
|
+
"icon": "keywords.svg",
|
|
1338
|
+
"route": "walmart-placement",
|
|
1339
|
+
"link": "walmart/walmart-placement",
|
|
1340
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1341
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SP_A"]
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
"id": "walmart_platform",
|
|
1345
|
+
"name": "Platform",
|
|
1346
|
+
"type": "leaf",
|
|
1347
|
+
"level": "two",
|
|
1348
|
+
"icon": "keywords.svg",
|
|
1349
|
+
"route": "walmart-platform",
|
|
1350
|
+
"link": "walmart/walmart-platform",
|
|
1351
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1352
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SP_A", "SB_M_KT", "SV_M_KT"]
|
|
1353
|
+
},
|
|
1354
|
+
{
|
|
1355
|
+
"id": "walmart_pagetype",
|
|
1356
|
+
"name": "Page Type",
|
|
1357
|
+
"type": "leaf",
|
|
1358
|
+
"level": "two",
|
|
1359
|
+
"icon": "keywords.svg",
|
|
1360
|
+
"route": "walmart-pagetype",
|
|
1361
|
+
"link": "walmart/walmart-pagetype",
|
|
1362
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1363
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SP_A", "SB_M_KT", "SV_M_KT"]
|
|
1364
|
+
}
|
|
1365
|
+
]
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
"id": "walmart_settings",
|
|
1369
|
+
"name": "Automation & Controls",
|
|
1370
|
+
"type": "expandable",
|
|
1371
|
+
"icon": "setting.svg",
|
|
1372
|
+
"level": "two",
|
|
1373
|
+
"campaign_types": [],
|
|
1374
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1375
|
+
"incontext_campaign_targeting_walmart": ["SP_M_KT", "SP_A", "SB_M_KT", "SV_M_KT"],
|
|
1376
|
+
"children": [
|
|
1377
|
+
{
|
|
1378
|
+
"id": "walmart_alerts",
|
|
1379
|
+
"name": "Alerts",
|
|
1380
|
+
"type": "leaf",
|
|
1381
|
+
"level": "two",
|
|
1382
|
+
"icon": "quit.svg",
|
|
1383
|
+
"route": "walmart-alerts",
|
|
1384
|
+
"link": "walmart/walmart-alerts",
|
|
1385
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1386
|
+
"incontext_campaign_targeting_walmart": [],
|
|
1387
|
+
"matchRoutes": ["/walmart-alerts/exec-history", "/walmart-alerts/exec-history-detail"],
|
|
1388
|
+
"child_routes": ["walmart-alerts/exec-history", "walmart-alerts/exec-history-detail"]
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"id": "walmart_rules",
|
|
1392
|
+
"name": "Automated Rules",
|
|
1393
|
+
"type": "leaf",
|
|
1394
|
+
"level": "two",
|
|
1395
|
+
"icon": "quit.svg",
|
|
1396
|
+
"route": "walmart-rules",
|
|
1397
|
+
"link": "walmart/walmart-rules",
|
|
1398
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1399
|
+
"incontext_campaign_targeting_walmart": [],
|
|
1400
|
+
"matchRoutes": ["/walmart-rules/exec-history", "/walmart-rules/exec-history-detail"],
|
|
1401
|
+
"child_routes": ["walmart-rules/exec-history", "walmart-rules/exec-history-detail"]
|
|
1402
|
+
},
|
|
1403
|
+
{
|
|
1404
|
+
"id": "walmart_monthly_budget",
|
|
1405
|
+
"name": "Budget Management",
|
|
1406
|
+
"type": "leaf",
|
|
1407
|
+
"level": "two",
|
|
1408
|
+
"icon": "quit.svg",
|
|
1409
|
+
"route": "walmart-monthly-budget",
|
|
1410
|
+
"link": "walmart/walmart-monthly-budget",
|
|
1411
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1412
|
+
"incontext_campaign_targeting_walmart": []
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"id": "walmart_change_history",
|
|
1416
|
+
"name": "Change History",
|
|
1417
|
+
"type": "leaf",
|
|
1418
|
+
"level": "two",
|
|
1419
|
+
"icon": "quit.svg",
|
|
1420
|
+
"route": "walmart-change-history",
|
|
1421
|
+
"link": "walmart/walmart-change-history",
|
|
1422
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1423
|
+
}
|
|
1424
|
+
]
|
|
1425
|
+
}
|
|
1426
|
+
]
|
|
1427
|
+
},
|
|
1428
|
+
{
|
|
1429
|
+
"id": "ads_instacart",
|
|
1430
|
+
"name": "Instacart",
|
|
1431
|
+
"app_name": "instacart",
|
|
1432
|
+
"type": "expandable",
|
|
1433
|
+
"level": "one",
|
|
1434
|
+
"icon": "Instacart.svg",
|
|
1435
|
+
"defaulturl": "instacart/",
|
|
1436
|
+
"order": 13,
|
|
1437
|
+
"hide_for_user": ["READ_ONLY"],
|
|
1438
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
1439
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1440
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
1441
|
+
"children": [
|
|
1442
|
+
{
|
|
1443
|
+
"id": "instacart_overview",
|
|
1444
|
+
"name": "Overview",
|
|
1445
|
+
"type": "leaf",
|
|
1446
|
+
"level": "two",
|
|
1447
|
+
"icon": "vendor_sales_overview.svg",
|
|
1448
|
+
"route": "instacart-overview",
|
|
1449
|
+
"link": "instacart/instacart-overview",
|
|
1450
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1451
|
+
},
|
|
1452
|
+
{
|
|
1453
|
+
"id": "instacart_campaigns",
|
|
1454
|
+
"name": "Campaigns",
|
|
1455
|
+
"type": "leaf",
|
|
1456
|
+
"level": "two",
|
|
1457
|
+
"icon": "file-explorer.svg",
|
|
1458
|
+
"route": "instacart-campaigns",
|
|
1459
|
+
"link": "instacart/instacart-campaigns",
|
|
1460
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1461
|
+
}, {
|
|
1462
|
+
"id": "instacart_adgroups",
|
|
1463
|
+
"name": "Ad Groups",
|
|
1464
|
+
"type": "leaf",
|
|
1465
|
+
"level": "two",
|
|
1466
|
+
"icon": "sp_ad-groups.svg",
|
|
1467
|
+
"route": "instacart-adgroups",
|
|
1468
|
+
"link": "instacart/instacart-adgroups",
|
|
1469
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1470
|
+
}, {
|
|
1471
|
+
"id": "instacart_keywords",
|
|
1472
|
+
"name": "Keywords",
|
|
1473
|
+
"type": "leaf",
|
|
1474
|
+
"level": "two",
|
|
1475
|
+
"icon": "price-tag.svg",
|
|
1476
|
+
"route": "instacart-keywords",
|
|
1477
|
+
"link": "instacart/instacart-keywords",
|
|
1478
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1479
|
+
}, {
|
|
1480
|
+
"id": "instacart_products",
|
|
1481
|
+
"name": "Products",
|
|
1482
|
+
"type": "leaf",
|
|
1483
|
+
"level": "two",
|
|
1484
|
+
"icon": "cardboard-box.svg",
|
|
1485
|
+
"route": "instacart-products",
|
|
1486
|
+
"link": "instacart/instacart-products",
|
|
1487
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1488
|
+
},
|
|
1489
|
+
{
|
|
1490
|
+
"id": "instacart_settings",
|
|
1491
|
+
"name": "Automation & Controls",
|
|
1492
|
+
"type": "expandable",
|
|
1493
|
+
"icon": "setting.svg",
|
|
1494
|
+
"level": "two",
|
|
1495
|
+
"campaign_types": [],
|
|
1496
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1497
|
+
"children": [
|
|
1498
|
+
{
|
|
1499
|
+
"id": "instacart_rules",
|
|
1500
|
+
"name": "Automated Rules",
|
|
1501
|
+
"type": "leaf",
|
|
1502
|
+
"level": "two",
|
|
1503
|
+
"icon": "automated_rule.svg",
|
|
1504
|
+
"link": "instacart/instacart-rules",
|
|
1505
|
+
"route": "instacart-rules",
|
|
1506
|
+
"campaign_types": [],
|
|
1507
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1508
|
+
},
|
|
1509
|
+
{
|
|
1510
|
+
"id": "instacart_monthly_budget",
|
|
1511
|
+
"name": "Budget Management",
|
|
1512
|
+
"type": "leaf",
|
|
1513
|
+
"level": "two",
|
|
1514
|
+
"icon": "quit.svg",
|
|
1515
|
+
"link": "instacart/instacart-monthly-budget",
|
|
1516
|
+
"route": "instacart-monthly-budget",
|
|
1517
|
+
"campaign_types": [],
|
|
1518
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"id": "instacart_change_history",
|
|
1522
|
+
"name": "Change History",
|
|
1523
|
+
"type": "leaf",
|
|
1524
|
+
"level": "two",
|
|
1525
|
+
"icon": "quit.svg",
|
|
1526
|
+
"link": "instacart/instacart-change-history",
|
|
1527
|
+
"route": "instacart-change-history",
|
|
1528
|
+
"campaign_types": [],
|
|
1529
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1530
|
+
}
|
|
1531
|
+
]
|
|
1532
|
+
}
|
|
1533
|
+
]
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"id": "ads_criteo",
|
|
1537
|
+
"name": "Criteo",
|
|
1538
|
+
"app_name": "criteo",
|
|
1539
|
+
"type": "expandable",
|
|
1540
|
+
"level": "one",
|
|
1541
|
+
"icon": "Criteo.svg",
|
|
1542
|
+
"defaulturl": "criteo/",
|
|
1543
|
+
"hide_for_user": ["READ_ONLY"],
|
|
1544
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"],
|
|
1545
|
+
"order": 14,
|
|
1546
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
1547
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1548
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
1549
|
+
"children": [
|
|
1550
|
+
{
|
|
1551
|
+
"id": "criteo_overview",
|
|
1552
|
+
"name": "Overview",
|
|
1553
|
+
"type": "leaf",
|
|
1554
|
+
"level": "two",
|
|
1555
|
+
"icon": "vendor_sales_overivew.svg",
|
|
1556
|
+
"route": "criteo-overview",
|
|
1557
|
+
"link": "criteo/criteo-overview",
|
|
1558
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1559
|
+
},
|
|
1560
|
+
{
|
|
1561
|
+
"id": "criteo_campaigns",
|
|
1562
|
+
"name": "Campaigns",
|
|
1563
|
+
"type": "leaf",
|
|
1564
|
+
"level": "two",
|
|
1565
|
+
"icon": "file-explorer.svg",
|
|
1566
|
+
"route": "criteo-campaigns",
|
|
1567
|
+
"link": "criteo/criteo-campaigns",
|
|
1568
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1569
|
+
},
|
|
1570
|
+
{
|
|
1571
|
+
"id": "criteo_line_items",
|
|
1572
|
+
"name": "Line Items",
|
|
1573
|
+
"type": "leaf",
|
|
1574
|
+
"level": "two",
|
|
1575
|
+
"icon": "line-item.svg",
|
|
1576
|
+
"route": "criteo-line-items",
|
|
1577
|
+
"link": "criteo/criteo-line-items",
|
|
1578
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1579
|
+
},
|
|
1580
|
+
{
|
|
1581
|
+
"id": "criteo_keywords",
|
|
1582
|
+
"name": "Keywords",
|
|
1583
|
+
"type": "leaf",
|
|
1584
|
+
"level": "two",
|
|
1585
|
+
"icon": "keywords.svg",
|
|
1586
|
+
"route": "criteo-keywords",
|
|
1587
|
+
"link": "criteo/criteo-keywords",
|
|
1588
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"id": "criteo_products",
|
|
1592
|
+
"name": "Products",
|
|
1593
|
+
"type": "leaf",
|
|
1594
|
+
"level": "two",
|
|
1595
|
+
"icon": "cardboard-box.svg",
|
|
1596
|
+
"route": "criteo-products",
|
|
1597
|
+
"link": "criteo/criteo-products",
|
|
1598
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "READ_ONLY", "DP_USER", "DP_ANALYST"]
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"id": "criteo_settings",
|
|
1602
|
+
"name": "Automation & Controls",
|
|
1603
|
+
"type": "expandable",
|
|
1604
|
+
"icon": "setting.svg",
|
|
1605
|
+
"level": "two",
|
|
1606
|
+
"campaign_types": [],
|
|
1607
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"],
|
|
1608
|
+
"children": [
|
|
1609
|
+
{
|
|
1610
|
+
"id": "criteo_monthly_budget",
|
|
1611
|
+
"name": "Budget Management",
|
|
1612
|
+
"type": "leaf",
|
|
1613
|
+
"icon": "quit.svg",
|
|
1614
|
+
"level": "two",
|
|
1615
|
+
"route": "criteo-monthly-budget",
|
|
1616
|
+
"link": "criteo/criteo-monthly-budget",
|
|
1617
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1618
|
+
},
|
|
1619
|
+
{
|
|
1620
|
+
"id": "criteo_change_history",
|
|
1621
|
+
"name": "Change History",
|
|
1622
|
+
"type": "leaf",
|
|
1623
|
+
"level": "two",
|
|
1624
|
+
"icon": "quit.svg",
|
|
1625
|
+
"route": "criteo-change-history",
|
|
1626
|
+
"link": "criteo/criteo-change-history",
|
|
1627
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "ANALYST", "DP_USER", "DP_ANALYST"]
|
|
1628
|
+
}
|
|
1629
|
+
]
|
|
1630
|
+
}
|
|
1631
|
+
]
|
|
1632
|
+
},
|
|
1633
|
+
{
|
|
1634
|
+
"id": "ads_product_360",
|
|
1635
|
+
"name": "Product 360",
|
|
1636
|
+
"app_name": "product360",
|
|
1637
|
+
"type": "expandable",
|
|
1638
|
+
"level": "one",
|
|
1639
|
+
"icon": "Product360.svg",
|
|
1640
|
+
"defaulturl": "product360/",
|
|
1641
|
+
"org_user_ctrl": [
|
|
1642
|
+
{
|
|
1643
|
+
"organization_setting": ["PRODUCT_360"]
|
|
1644
|
+
},
|
|
1645
|
+
{
|
|
1646
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY"]
|
|
1647
|
+
}
|
|
1648
|
+
],
|
|
1649
|
+
"order": 15,
|
|
1650
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
1651
|
+
"children": [
|
|
1652
|
+
{
|
|
1653
|
+
"id": "product360_getting_started",
|
|
1654
|
+
"name": "Getting Started",
|
|
1655
|
+
"type": "leaf",
|
|
1656
|
+
"level": "two",
|
|
1657
|
+
"route": "getting-started",
|
|
1658
|
+
"link": "product360/getting-started",
|
|
1659
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY"]
|
|
1660
|
+
},
|
|
1661
|
+
{
|
|
1662
|
+
"id": "product360_event_stream",
|
|
1663
|
+
"name": "Event Stream",
|
|
1664
|
+
"type": "leaf",
|
|
1665
|
+
"level": "two",
|
|
1666
|
+
"route": "event-stream",
|
|
1667
|
+
"link": "product360/event-stream",
|
|
1668
|
+
"organization_setting": ["P360_EVENTS_DEMO"]
|
|
1669
|
+
},
|
|
1670
|
+
{
|
|
1671
|
+
"id": "product360_anomalies",
|
|
1672
|
+
"name": "Sales Anomalies",
|
|
1673
|
+
"type": "leaf",
|
|
1674
|
+
"level": "two",
|
|
1675
|
+
"route": "anomalies",
|
|
1676
|
+
"link": "product360/anomalies",
|
|
1677
|
+
"matchRoutes": ["/anomalies/product"],
|
|
1678
|
+
"child_routes": ["anomalies/product"]
|
|
1679
|
+
},
|
|
1680
|
+
{
|
|
1681
|
+
"id": "product360_all_products",
|
|
1682
|
+
"name": "All Products",
|
|
1683
|
+
"type": "leaf",
|
|
1684
|
+
"level": "two",
|
|
1685
|
+
"route": "all-products",
|
|
1686
|
+
"link": "product360/all-products",
|
|
1687
|
+
"matchRoutes": ["/all-products/product"],
|
|
1688
|
+
"child_routes": ["all-products/product"]
|
|
1689
|
+
}
|
|
1690
|
+
]
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"id": "app_intentwise_community",
|
|
1694
|
+
"name": "Join Intentwise Community",
|
|
1695
|
+
"type": "link",
|
|
1696
|
+
"level": "one",
|
|
1697
|
+
"icon": "Icon_community.svg",
|
|
1698
|
+
"order": 1,
|
|
1699
|
+
"sticky": "bottom",
|
|
1700
|
+
"siteIds": [1],
|
|
1701
|
+
"children": [],
|
|
1702
|
+
"route": "https://community.intentwise.com/",
|
|
1703
|
+
"link": "https://community.intentwise.com/"
|
|
1704
|
+
},
|
|
1705
|
+
{
|
|
1706
|
+
"id": "app_global_settings",
|
|
1707
|
+
"name": "Global Settings",
|
|
1708
|
+
"type": "expandable",
|
|
1709
|
+
"level": "one",
|
|
1710
|
+
"icon": "account-mgmt.svg",
|
|
1711
|
+
"order": 1,
|
|
1712
|
+
"sticky": "bottom",
|
|
1713
|
+
"visibility_roles_not_in": ["AMC_BRAND_READ_ONLY", "IAC_BRAND_READ_ONLY", "ANALYTICS_LAB"],
|
|
1714
|
+
"hide_for_user": ["READ_ONLY"],
|
|
1715
|
+
"siteIds": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
1716
|
+
"children": [
|
|
1717
|
+
{
|
|
1718
|
+
"id": "global_account_mgmt",
|
|
1719
|
+
"name": "Account Management",
|
|
1720
|
+
"type": "leaf",
|
|
1721
|
+
"level": "two",
|
|
1722
|
+
"icon": "setting.svg",
|
|
1723
|
+
"route": "#!/ams-admin-account-management",
|
|
1724
|
+
"link": "triangular.ams-admin-account-management",
|
|
1725
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"]
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"id": "global_email_schedules",
|
|
1729
|
+
"name": "Email Schedules",
|
|
1730
|
+
"type": "leaf",
|
|
1731
|
+
"level": "two",
|
|
1732
|
+
"icon": "setting.svg",
|
|
1733
|
+
"route": "email-schedules",
|
|
1734
|
+
"badge": "NEW",
|
|
1735
|
+
"link": "triangular.email-schedules",
|
|
1736
|
+
"siteIds": [1, 5, 10, 11],
|
|
1737
|
+
"organization_setting": ["IAC_INSIGHTS", "AMC_INSIGHTS"],
|
|
1738
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "IAC_BRAND_READ_ONLY"]
|
|
1739
|
+
},
|
|
1740
|
+
{
|
|
1741
|
+
"name": "Separator",
|
|
1742
|
+
"type": "separator",
|
|
1743
|
+
"separator": true,
|
|
1744
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER"]
|
|
1745
|
+
},
|
|
1746
|
+
{
|
|
1747
|
+
"id": "global_content",
|
|
1748
|
+
"name": "Content Analytics",
|
|
1749
|
+
"type": "leaf",
|
|
1750
|
+
"level": "two",
|
|
1751
|
+
"icon": "quit.svg",
|
|
1752
|
+
"route": "content-settings",
|
|
1753
|
+
"link": "triangular.content-settings",
|
|
1754
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1755
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1756
|
+
},
|
|
1757
|
+
{
|
|
1758
|
+
"id": "global_sov",
|
|
1759
|
+
"name": "Share Of Voice",
|
|
1760
|
+
"type": "leaf",
|
|
1761
|
+
"level": "two",
|
|
1762
|
+
"icon": "quit.svg",
|
|
1763
|
+
"route": "sov-settings",
|
|
1764
|
+
"link": "triangular.sov-settings",
|
|
1765
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1766
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1767
|
+
},
|
|
1768
|
+
{
|
|
1769
|
+
"id": "global_sqp",
|
|
1770
|
+
"name": "Search Query Performance",
|
|
1771
|
+
"type": "leaf",
|
|
1772
|
+
"level": "two",
|
|
1773
|
+
"icon": "quit.svg",
|
|
1774
|
+
"route": "search-query-performance",
|
|
1775
|
+
"link": "triangular.search-query-performance",
|
|
1776
|
+
"account_type": ["AMS_SELLER", "SELLER_CENTRAL"],
|
|
1777
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"],
|
|
1778
|
+
"subscription_types": ["SELLER_CENTRAL"]
|
|
1779
|
+
},
|
|
1780
|
+
{
|
|
1781
|
+
"name": "Separator",
|
|
1782
|
+
"type": "separator",
|
|
1783
|
+
"separator": true,
|
|
1784
|
+
"organization_setting_not_in": ["SHOW_ONLY_IW_AMC_IAC_P360_LEFT_NAV"],
|
|
1785
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1786
|
+
},
|
|
1787
|
+
{
|
|
1788
|
+
"id": "global_brand_terms",
|
|
1789
|
+
"name": "Brand & Competitor Terms",
|
|
1790
|
+
"type": "leaf",
|
|
1791
|
+
"level": "two",
|
|
1792
|
+
"icon": "quit.svg",
|
|
1793
|
+
"route": "brand-terms-settings",
|
|
1794
|
+
"link": "triangular.brand-terms-settings",
|
|
1795
|
+
"account_type": ["AMS_SELLER", "AMS_VENDOR", "SELLER_CENTRAL", "VENDOR_CENTRAL"],
|
|
1796
|
+
"subscription_types": ["AMS_SELLER", "AMS_VENDOR", "SELLER_CENTRAL", "VENDOR_CENTRAL"],
|
|
1797
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1798
|
+
},
|
|
1799
|
+
{
|
|
1800
|
+
"id": "global_labels",
|
|
1801
|
+
"name": "Labels",
|
|
1802
|
+
"type": "leaf",
|
|
1803
|
+
"level": "two",
|
|
1804
|
+
"icon": "quit.svg",
|
|
1805
|
+
"route": "labels-settings",
|
|
1806
|
+
"link": "triangular.labels-settings",
|
|
1807
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1808
|
+
},
|
|
1809
|
+
{
|
|
1810
|
+
"id": "global_sub_brands",
|
|
1811
|
+
"name": "Sub-Brands",
|
|
1812
|
+
"type": "leaf",
|
|
1813
|
+
"level": "two",
|
|
1814
|
+
"icon": "quit.svg",
|
|
1815
|
+
"route": "sub-brands",
|
|
1816
|
+
"link": "triangular.sub-brands",
|
|
1817
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1818
|
+
},
|
|
1819
|
+
{
|
|
1820
|
+
"name": "Separator",
|
|
1821
|
+
"type": "separator",
|
|
1822
|
+
"separator": true,
|
|
1823
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1824
|
+
},
|
|
1825
|
+
{
|
|
1826
|
+
"id": "global_products",
|
|
1827
|
+
"name": "Product Meta Data",
|
|
1828
|
+
"type": "leaf",
|
|
1829
|
+
"level": "two",
|
|
1830
|
+
"icon": "quit.svg",
|
|
1831
|
+
"route": "product-meta-data",
|
|
1832
|
+
"link": "triangular.product-meta-data",
|
|
1833
|
+
"visibility_roles": ["SUPER_ADMIN", "SUPER_ADMIN_READ_ONLY", "ADMIN", "DP_USER", "DP_ANALYST", "ANALYST"]
|
|
1834
|
+
}
|
|
1835
|
+
]
|
|
1836
|
+
}
|
|
1837
|
+
];
|
|
1838
|
+
|
|
69
1839
|
class RestApiService {
|
|
70
1840
|
http;
|
|
71
1841
|
cookie;
|
|
@@ -98,14 +1868,32 @@ class RestApiService {
|
|
|
98
1868
|
/*========================================
|
|
99
1869
|
CRUD Methods for consuming RESTful API
|
|
100
1870
|
=========================================*/
|
|
101
|
-
get
|
|
1871
|
+
get menuBucketBaseURL() {
|
|
102
1872
|
let domain = window.location.hostname;
|
|
103
|
-
let apiURL = constants.PROD_MENU_BUCKET
|
|
1873
|
+
let apiURL = constants.PROD_MENU_BUCKET;
|
|
104
1874
|
if (domain.includes('apptest.intentwise.com') || domain.includes('herokuapp') || domain.includes('localhost')) {
|
|
105
|
-
apiURL = constants.STAGING_MENU_BUCKET
|
|
1875
|
+
apiURL = constants.STAGING_MENU_BUCKET;
|
|
106
1876
|
}
|
|
107
1877
|
return apiURL;
|
|
108
1878
|
}
|
|
1879
|
+
get menuDownloadURL() {
|
|
1880
|
+
return this.menuBucketBaseURL + '/navmenu.json';
|
|
1881
|
+
}
|
|
1882
|
+
get sidebarLayoutDownloadURL() {
|
|
1883
|
+
return this.menuBucketBaseURL + '/sidebar-layout.json';
|
|
1884
|
+
}
|
|
1885
|
+
/**
|
|
1886
|
+
* True when using bundled menu + sidebar layout from the repo instead of S3:
|
|
1887
|
+
* - `localhost` (Angular dev server)
|
|
1888
|
+
* - `apptest.intentwise.com`
|
|
1889
|
+
*
|
|
1890
|
+
* Not tied to `useProd` — that flag only affects REST `baseURL` / DSP URLs in the constructor,
|
|
1891
|
+
* so you can point at prod APIs while still loading nav + layout from the bundle.
|
|
1892
|
+
*/
|
|
1893
|
+
get isLocalMenuSource() {
|
|
1894
|
+
const domain = typeof window !== 'undefined' ? window.location.hostname : '';
|
|
1895
|
+
return domain.includes('localhost') || domain.includes('apptest.intentwise.com');
|
|
1896
|
+
}
|
|
109
1897
|
// Http Options
|
|
110
1898
|
getRecommendationData(orgId, businessId, accountId) {
|
|
111
1899
|
let url = this.baseURL + 'organization/' + orgId + '/businessgroup/' + businessId + '/account/' + accountId + '/recommendation?version=v2';
|
|
@@ -162,13 +1950,26 @@ class RestApiService {
|
|
|
162
1950
|
}
|
|
163
1951
|
getjsonMenulists(applicationDetails) {
|
|
164
1952
|
try {
|
|
165
|
-
|
|
166
|
-
|
|
1953
|
+
// if (this.isLocalMenuSource) {
|
|
1954
|
+
// return of(GLOBAL_LIST);
|
|
1955
|
+
// }
|
|
1956
|
+
return this.http.get(this.menuDownloadURL).pipe(map((res) => { return res; }), catchError(() => of(GLOBAL_LIST)));
|
|
167
1957
|
}
|
|
168
1958
|
catch (error) {
|
|
169
1959
|
throw error;
|
|
170
1960
|
}
|
|
171
1961
|
}
|
|
1962
|
+
getSidebarLayoutConfig() {
|
|
1963
|
+
try {
|
|
1964
|
+
// if (this.isLocalMenuSource) {
|
|
1965
|
+
// return of(LOCAL_SIDEBAR_LAYOUT);
|
|
1966
|
+
// }
|
|
1967
|
+
return this.http.get(this.sidebarLayoutDownloadURL).pipe(map((res) => { return res; }), catchError(() => of(LOCAL_SIDEBAR_LAYOUT)));
|
|
1968
|
+
}
|
|
1969
|
+
catch (error) {
|
|
1970
|
+
return of(LOCAL_SIDEBAR_LAYOUT);
|
|
1971
|
+
}
|
|
1972
|
+
}
|
|
172
1973
|
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RestApiService, deps: [{ token: i1.HttpClient }, { token: i4.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
173
1974
|
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RestApiService, providedIn: 'root' });
|
|
174
1975
|
}
|
|
@@ -279,47 +2080,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
279
2080
|
|
|
280
2081
|
const EN_LABELS = {
|
|
281
2082
|
"AMAZON_SPONSORED_ADS": "Amazon Sponsored Ads",
|
|
282
|
-
"INTENTWISE_ANALYTICS_CLOUD": "Intentwise Analytics Cloud",
|
|
283
|
-
"INTENTWISE_EXPLORE": "Intentwise Explore (AMC)",
|
|
284
|
-
"ANALYTICS_CLOUD": "Analytics Cloud",
|
|
285
|
-
"EXPLORE": "Explore (AMC)",
|
|
286
|
-
"SHARE_OF_VOICE": "Share Of Voice",
|
|
287
|
-
"CONTENT_ANALYTICS": "Content Analytics",
|
|
288
2083
|
"AMAZON_DSP": "Amazon DSP",
|
|
289
|
-
"WALMART": "Walmart",
|
|
290
|
-
"CRITEO": "Criteo",
|
|
291
|
-
"INSTACART": "Instacart",
|
|
292
2084
|
"AMAZON_ATTRIBUTION": "Amazon Attribution",
|
|
293
2085
|
"AMAZON_VENDOR_CENTRAL": "Amazon Vendor Central",
|
|
294
2086
|
"AMAZON_SELLER_CENTRAL": "Amazon Seller Central",
|
|
295
|
-
"
|
|
296
|
-
"
|
|
297
|
-
"
|
|
298
|
-
"
|
|
299
|
-
"
|
|
300
|
-
"
|
|
301
|
-
"
|
|
302
|
-
"INSIGHTS": "Insights",
|
|
303
|
-
"INSTANCES": "Instances",
|
|
304
|
-
"DASHBOARD_TEMPLATES": "Dashboard Templates",
|
|
305
|
-
"MY_CONNECTIONS": "My Connections",
|
|
306
|
-
"ANALYTICS_LAB": "Analytics Lab",
|
|
307
|
-
"SYSTEM_HEALTH": "System Health",
|
|
308
|
-
"ACCOUNT_MANAGEMENT": "Account Management",
|
|
309
|
-
"BRAND_TERMS": "Brand Terms",
|
|
310
|
-
"LABELS": "Labels",
|
|
311
|
-
"SUB_BRANDS": "Sub-Brands",
|
|
312
|
-
"PRODUCT_META_DATA": "Product Meta Data",
|
|
2087
|
+
"SHARE_OF_VOICE": "Share of Voice",
|
|
2088
|
+
"CONTENT_ANALYTICS": "Content Analytics",
|
|
2089
|
+
"INTENTWISE_ANALYTICS_CLOUD": "Intentwise Analytics Cloud",
|
|
2090
|
+
"INTENTWISE_EXPLORE": "Intentwise Explore (AMC)",
|
|
2091
|
+
"CRITEO": "Criteo",
|
|
2092
|
+
"INSTACART": "Instacart",
|
|
2093
|
+
"WALMART": "Walmart",
|
|
313
2094
|
"SELLER_ANALYTICS_APP": "Amazon Seller Analytics",
|
|
314
2095
|
"VENDOR_ANALYTICS_APP": "Amazon Vendor Analytics",
|
|
2096
|
+
"SHOPIFY": "Shopify",
|
|
2097
|
+
"GOOGLE_ADS": "Google Ads",
|
|
2098
|
+
"TIKTOK_SHOP": "TikTok Shop",
|
|
2099
|
+
"META_ADS": "Meta Ads",
|
|
315
2100
|
"HOURLY_METRICS": "Hourly Metrics",
|
|
316
2101
|
"SPONSORED_PRODUCTS": "Sponsored Products",
|
|
317
2102
|
"SPONSORED_BRANDS": "Sponsored Brands",
|
|
318
2103
|
"SPONSORED_DISPLAY": "Sponsored Display",
|
|
319
2104
|
"CUSTOM_REPORTS": "Custom Reports",
|
|
320
2105
|
"INVENTORY_OVERVIEW": "Inventory Overview",
|
|
2106
|
+
"AMC_INSIGHTS_MENU": "AMC Insights",
|
|
2107
|
+
"INSIGHTS": "Insights",
|
|
321
2108
|
"WHAT_CHANGED": "What Changed?",
|
|
322
|
-
"
|
|
2109
|
+
"AUDITS": "Performance Audits",
|
|
2110
|
+
"MARKET_SHARE_BY_SQP": "Market Share By SQP",
|
|
2111
|
+
"PRODUCT_360": "Product 360",
|
|
2112
|
+
"SETTINGS": "Automation & Controls",
|
|
2113
|
+
"GLOBAL_SETTINGS": "Global Settings",
|
|
323
2114
|
"ALL_ACCOUNTS": "All Accounts",
|
|
324
2115
|
"USER_SETTINGS": "User Settings",
|
|
325
2116
|
"OVERVIEW": "Overview",
|
|
@@ -327,6 +2118,7 @@ const EN_LABELS = {
|
|
|
327
2118
|
"CAMPAIGNS": "Campaigns",
|
|
328
2119
|
"AD_GROUPS": "Ad Groups",
|
|
329
2120
|
"KEYWORDS": "Keywords",
|
|
2121
|
+
"TARGETING": "Targeting",
|
|
330
2122
|
"PRODUCT_TARGETING": "Product Targeting",
|
|
331
2123
|
"PRODUCTS": "Products",
|
|
332
2124
|
"SEARCH_TERMS": "Search Terms",
|
|
@@ -336,7 +2128,7 @@ const EN_LABELS = {
|
|
|
336
2128
|
"AUTO_TARGETING": "Auto Targeting",
|
|
337
2129
|
"PRODUCT_ADS": "Product Ads",
|
|
338
2130
|
"CATEGORY_BENCHMARK": "Category Benchmark",
|
|
339
|
-
"PRODUCT_AUD_TARGETING": "Product/
|
|
2131
|
+
"PRODUCT_AUD_TARGETING": "Product / Audience Targeting",
|
|
340
2132
|
"HIGH_LEVEL_METRICS": "High Level Metrics",
|
|
341
2133
|
"ORGANIC_RANKING": "Organic Ranking",
|
|
342
2134
|
"ST_RECOMMENDATIONS": "ST Recommendations",
|
|
@@ -364,8 +2156,43 @@ const EN_LABELS = {
|
|
|
364
2156
|
"AUTOMATED_RULES": "Automated Rules",
|
|
365
2157
|
"CHANGE_HISTORY": "Change History",
|
|
366
2158
|
"MONTHLY_BUDGET": "Monthly Budget",
|
|
2159
|
+
"BUDGET_MANAGEMENT": "Budget Management",
|
|
2160
|
+
"ACCOUNT_MANAGEMENT": "Account Management",
|
|
2161
|
+
"BRAND_TERMS": "Brand Terms",
|
|
2162
|
+
"LABELS": "Labels",
|
|
2163
|
+
"SUB_BRANDS": "Sub-Brands",
|
|
367
2164
|
"CUSTOM_PRODUCT_ATTRIBUTES": "Custom Product Attributes",
|
|
368
|
-
"PRODUCT_COSTS": "Product Costs"
|
|
2165
|
+
"PRODUCT_COSTS": "Product Costs",
|
|
2166
|
+
"PRODUCT_META_DATA": "Product Meta Data",
|
|
2167
|
+
"LOGIN": "Login",
|
|
2168
|
+
"AUTHENTICATING": "Authenticating...",
|
|
2169
|
+
"ENTER_YOUR_PASSWORD": "Enter your password",
|
|
2170
|
+
"TERMS_AND_CONDITONS": "Terms & Conditions",
|
|
2171
|
+
"PRIVACY_POLICY": "Privacy Policy",
|
|
2172
|
+
"RESET_YOUR_PASSWORD": "Reset your password",
|
|
2173
|
+
"RESET_YOUR_PASSWORD_QUESTION": "Reset your password?",
|
|
2174
|
+
"YOUR_EMAIL": "Your email",
|
|
2175
|
+
"RESET_PASSWORD": "Reset Password",
|
|
2176
|
+
"REMEMBER_THEN_LOGIN_HERE": "Remembered it? Log In here",
|
|
2177
|
+
"ROLL_UP": "Roll Up",
|
|
2178
|
+
"SHOW_CHART": "Show Chart",
|
|
2179
|
+
"HIDE_CHART": "Hide Chart",
|
|
2180
|
+
"BY_LABEL": "By Label",
|
|
2181
|
+
"TODAY": "Today",
|
|
2182
|
+
"YESTERDAY": "Yesterday",
|
|
2183
|
+
"LAST_7_DAYS": "Last 7 days",
|
|
2184
|
+
"LAST_14_DAYS": "Last 14 days",
|
|
2185
|
+
"LAST_30_DAYS": "Last 30 days",
|
|
2186
|
+
"LAST_60_DAYS": "Last 60 days",
|
|
2187
|
+
"LAST_90_DAYS": "Last 90 days",
|
|
2188
|
+
"LAST_120_DAYS": "Last 120 days",
|
|
2189
|
+
"CURRENT_MONTH": "Current Month",
|
|
2190
|
+
"PREVIOUS_MONTH": "Previous Month",
|
|
2191
|
+
"CURRENT_WEEK": "Current Week",
|
|
2192
|
+
"PREVIOUS_WEEK": "Previous Week",
|
|
2193
|
+
"YEAR_TO_DATE": "Year to Date",
|
|
2194
|
+
"CUSTOM": "Custom",
|
|
2195
|
+
"COMPARE": "Compare"
|
|
369
2196
|
};
|
|
370
2197
|
|
|
371
2198
|
const JA_LABELS = {
|
|
@@ -546,11 +2373,255 @@ class ApplicationSidebarService {
|
|
|
546
2373
|
this.translate = translate;
|
|
547
2374
|
this.urlContextService = urlContextService;
|
|
548
2375
|
}
|
|
2376
|
+
/** `true` when the sectioned (new) sidebar should render — default unless host sets `useLegacyNavigation`. */
|
|
2377
|
+
isRevisedNavigationEnabled(appDetails = this.appDetails) {
|
|
2378
|
+
return !this.isLegacyNavigationEnabled(appDetails);
|
|
2379
|
+
}
|
|
2380
|
+
/** `true` when the host requested the classic per-app sidebar via `revisedNavigation.useLegacyNavigation`. */
|
|
2381
|
+
isLegacyNavigationEnabled(appDetails = this.appDetails) {
|
|
2382
|
+
return !!(appDetails && appDetails.revisedNavigation && appDetails.revisedNavigation.useLegacyNavigation === true);
|
|
2383
|
+
}
|
|
2384
|
+
annotateMenusWithSource(menus = []) {
|
|
2385
|
+
return menus.map((menu) => this.annotateMenuTree(menu, menu && menu.id ? menu.id : undefined, [], undefined));
|
|
2386
|
+
}
|
|
2387
|
+
buildRevisedNavigationState(appDetails, appMenus = [], globalSettingsMenus = [], communityLinks = []) {
|
|
2388
|
+
const revisedConfig = appDetails && appDetails.revisedNavigation
|
|
2389
|
+
? appDetails.revisedNavigation
|
|
2390
|
+
: { useLegacyNavigation: false, sections: [] };
|
|
2391
|
+
const annotatedApps = this.annotateMenusWithSource(this.cloneMenus(appMenus));
|
|
2392
|
+
const annotatedGlobalSettings = this.annotateMenusWithSource(this.cloneMenus(globalSettingsMenus));
|
|
2393
|
+
const annotatedCommunityLinks = this.annotateMenusWithSource(this.cloneMenus(communityLinks));
|
|
2394
|
+
const sections = this.buildRevisedSections(annotatedApps, revisedConfig.sections || []);
|
|
2395
|
+
return {
|
|
2396
|
+
sections,
|
|
2397
|
+
globalSettings: annotatedGlobalSettings,
|
|
2398
|
+
communityLinks: annotatedCommunityLinks
|
|
2399
|
+
};
|
|
2400
|
+
}
|
|
2401
|
+
findRevisedMenuById(menuList = [], menuId) {
|
|
2402
|
+
for (const menu of menuList) {
|
|
2403
|
+
if (!menu) {
|
|
2404
|
+
continue;
|
|
2405
|
+
}
|
|
2406
|
+
if (menu.id === menuId || menu.sourceMenuId === menuId) {
|
|
2407
|
+
return menu;
|
|
2408
|
+
}
|
|
2409
|
+
if (menu.children && menu.children.length > 0) {
|
|
2410
|
+
const childMenu = this.findRevisedMenuById(menu.children, menuId);
|
|
2411
|
+
if (childMenu) {
|
|
2412
|
+
return childMenu;
|
|
2413
|
+
}
|
|
2414
|
+
}
|
|
2415
|
+
}
|
|
2416
|
+
return null;
|
|
2417
|
+
}
|
|
2418
|
+
findFirstNavigableMenu(menuList = []) {
|
|
2419
|
+
for (const menu of menuList) {
|
|
2420
|
+
if (!menu) {
|
|
2421
|
+
continue;
|
|
2422
|
+
}
|
|
2423
|
+
if (menu.type !== 'expandable' && (menu.route || menu.link || menu.defaulturl)) {
|
|
2424
|
+
return menu;
|
|
2425
|
+
}
|
|
2426
|
+
if (menu.children && menu.children.length > 0) {
|
|
2427
|
+
const childMenu = this.findFirstNavigableMenu(menu.children);
|
|
2428
|
+
if (childMenu) {
|
|
2429
|
+
return childMenu;
|
|
2430
|
+
}
|
|
2431
|
+
}
|
|
2432
|
+
}
|
|
2433
|
+
return null;
|
|
2434
|
+
}
|
|
2435
|
+
buildRevisedIntelligenceGroups(appMenus, intelligenceGroups) {
|
|
2436
|
+
return intelligenceGroups.map((group) => {
|
|
2437
|
+
const items = this.collectIntelligenceItems(appMenus, group);
|
|
2438
|
+
return {
|
|
2439
|
+
id: group.id,
|
|
2440
|
+
title: group.title,
|
|
2441
|
+
items
|
|
2442
|
+
};
|
|
2443
|
+
}).filter((group) => group.items.length > 0);
|
|
2444
|
+
}
|
|
2445
|
+
buildRevisedSections(appMenus, sections) {
|
|
2446
|
+
return (sections || []).map((section) => {
|
|
2447
|
+
if (section.type === 'app-tabs') {
|
|
2448
|
+
const apps = this.filterOptimizeApps(appMenus, section.appIds || []);
|
|
2449
|
+
if (apps.length === 0) {
|
|
2450
|
+
return null;
|
|
2451
|
+
}
|
|
2452
|
+
return {
|
|
2453
|
+
id: section.id,
|
|
2454
|
+
title: section.title,
|
|
2455
|
+
type: 'app-tabs',
|
|
2456
|
+
iconSvg: section.iconSvg,
|
|
2457
|
+
apps,
|
|
2458
|
+
defaultAppId: section.defaultAppId
|
|
2459
|
+
};
|
|
2460
|
+
}
|
|
2461
|
+
const groups = this.buildRevisedIntelligenceGroups(appMenus, section.groups || []);
|
|
2462
|
+
if (groups.length === 0) {
|
|
2463
|
+
return null;
|
|
2464
|
+
}
|
|
2465
|
+
return {
|
|
2466
|
+
id: section.id,
|
|
2467
|
+
title: section.title,
|
|
2468
|
+
type: 'grouped-menus',
|
|
2469
|
+
iconSvg: section.iconSvg,
|
|
2470
|
+
groups
|
|
2471
|
+
};
|
|
2472
|
+
}).filter((section) => !!section);
|
|
2473
|
+
}
|
|
2474
|
+
collectIntelligenceItems(appMenus, group) {
|
|
2475
|
+
const items = [];
|
|
2476
|
+
const seenIds = new Set();
|
|
2477
|
+
const menuIds = group.menuIds || [];
|
|
2478
|
+
const routeIds = group.routeIds || [];
|
|
2479
|
+
const configuredItems = group.items || [];
|
|
2480
|
+
configuredItems.forEach((configuredItem) => {
|
|
2481
|
+
const matchedItem = this.resolveConfiguredGroupItem(appMenus, configuredItem);
|
|
2482
|
+
if (matchedItem && !seenIds.has(matchedItem.id)) {
|
|
2483
|
+
seenIds.add(matchedItem.id);
|
|
2484
|
+
items.push(matchedItem);
|
|
2485
|
+
}
|
|
2486
|
+
});
|
|
2487
|
+
menuIds.forEach((menuId) => {
|
|
2488
|
+
const matchedMenu = this.findRevisedMenuById(appMenus, menuId);
|
|
2489
|
+
if (matchedMenu && !seenIds.has(matchedMenu.id)) {
|
|
2490
|
+
seenIds.add(matchedMenu.id);
|
|
2491
|
+
items.push(this.cloneMenus([matchedMenu])[0]);
|
|
2492
|
+
}
|
|
2493
|
+
});
|
|
2494
|
+
if (routeIds.length > 0) {
|
|
2495
|
+
this.walkMenus(appMenus, (menu) => {
|
|
2496
|
+
if (menu.route && routeIds.indexOf(menu.route) > -1 && !seenIds.has(menu.id)) {
|
|
2497
|
+
seenIds.add(menu.id);
|
|
2498
|
+
items.push(this.cloneMenus([menu])[0]);
|
|
2499
|
+
}
|
|
2500
|
+
});
|
|
2501
|
+
}
|
|
2502
|
+
return items;
|
|
2503
|
+
}
|
|
2504
|
+
resolveConfiguredGroupItem(appMenus, configuredItem, depth = 0) {
|
|
2505
|
+
const maxDepth = 8;
|
|
2506
|
+
if (depth > maxDepth) {
|
|
2507
|
+
return null;
|
|
2508
|
+
}
|
|
2509
|
+
const normalizedConfig = typeof configuredItem === 'string'
|
|
2510
|
+
? { menuId: configuredItem }
|
|
2511
|
+
: configuredItem;
|
|
2512
|
+
const matchedMenu = this.findRevisedMenuById(appMenus, normalizedConfig.menuId);
|
|
2513
|
+
if (!matchedMenu) {
|
|
2514
|
+
return null;
|
|
2515
|
+
}
|
|
2516
|
+
const clonedMenu = this.cloneMenus([matchedMenu])[0];
|
|
2517
|
+
if (normalizedConfig.title) {
|
|
2518
|
+
clonedMenu.name = normalizedConfig.title;
|
|
2519
|
+
}
|
|
2520
|
+
const nestedConfigs = normalizedConfig.children || [];
|
|
2521
|
+
if (nestedConfigs.length > 0) {
|
|
2522
|
+
const nested = [];
|
|
2523
|
+
nestedConfigs.forEach((childCfg) => {
|
|
2524
|
+
const resolved = this.resolveConfiguredGroupItem(appMenus, childCfg, depth + 1);
|
|
2525
|
+
if (resolved) {
|
|
2526
|
+
nested.push(resolved);
|
|
2527
|
+
}
|
|
2528
|
+
});
|
|
2529
|
+
clonedMenu.children = nested;
|
|
2530
|
+
if (nested.length > 0) {
|
|
2531
|
+
clonedMenu.type = 'expandable';
|
|
2532
|
+
}
|
|
2533
|
+
return clonedMenu;
|
|
2534
|
+
}
|
|
2535
|
+
const injectedChildIds = normalizedConfig.childMenuIds || [];
|
|
2536
|
+
if (injectedChildIds.length > 0) {
|
|
2537
|
+
const injected = [];
|
|
2538
|
+
injectedChildIds.forEach((childId) => {
|
|
2539
|
+
const child = this.findRevisedMenuById(appMenus, childId);
|
|
2540
|
+
if (child) {
|
|
2541
|
+
injected.push(this.cloneMenus([child])[0]);
|
|
2542
|
+
}
|
|
2543
|
+
});
|
|
2544
|
+
clonedMenu.children = injected;
|
|
2545
|
+
if (injected.length > 0 && clonedMenu.type === 'leaf') {
|
|
2546
|
+
clonedMenu.type = 'expandable';
|
|
2547
|
+
}
|
|
2548
|
+
}
|
|
2549
|
+
else if (clonedMenu.children && clonedMenu.children.length > 0) {
|
|
2550
|
+
clonedMenu.children = this.filterConfiguredChildren(clonedMenu.children, normalizedConfig);
|
|
2551
|
+
}
|
|
2552
|
+
return clonedMenu;
|
|
2553
|
+
}
|
|
2554
|
+
filterConfiguredChildren(children, configuredItem) {
|
|
2555
|
+
const includeIds = configuredItem.includeChildMenuIds || [];
|
|
2556
|
+
const excludeIds = configuredItem.excludeChildMenuIds || [];
|
|
2557
|
+
return (children || []).filter((child) => {
|
|
2558
|
+
if (includeIds.length > 0 && includeIds.indexOf(child.id) === -1) {
|
|
2559
|
+
return false;
|
|
2560
|
+
}
|
|
2561
|
+
if (excludeIds.length > 0 && excludeIds.indexOf(child.id) > -1) {
|
|
2562
|
+
return false;
|
|
2563
|
+
}
|
|
2564
|
+
return true;
|
|
2565
|
+
});
|
|
2566
|
+
}
|
|
2567
|
+
walkMenus(menuList, iterator) {
|
|
2568
|
+
menuList.forEach((menu) => {
|
|
2569
|
+
if (!menu) {
|
|
2570
|
+
return;
|
|
2571
|
+
}
|
|
2572
|
+
iterator(menu);
|
|
2573
|
+
if (menu.children && menu.children.length > 0) {
|
|
2574
|
+
this.walkMenus(menu.children, iterator);
|
|
2575
|
+
}
|
|
2576
|
+
});
|
|
2577
|
+
}
|
|
2578
|
+
filterOptimizeApps(appMenus, optimizeAppIds = []) {
|
|
2579
|
+
const appIdsToDisplay = optimizeAppIds || [];
|
|
2580
|
+
if (!appIdsToDisplay || appIdsToDisplay.length === 0) {
|
|
2581
|
+
return appMenus;
|
|
2582
|
+
}
|
|
2583
|
+
return appIdsToDisplay
|
|
2584
|
+
.map((appId) => appMenus.find((menu) => menu.id === appId))
|
|
2585
|
+
.filter((menu) => !!menu);
|
|
2586
|
+
}
|
|
2587
|
+
annotateMenuTree(menu, ownerAppId, sourcePath = [], sourceParentId) {
|
|
2588
|
+
const annotatedMenu = menu;
|
|
2589
|
+
if (!annotatedMenu) {
|
|
2590
|
+
return annotatedMenu;
|
|
2591
|
+
}
|
|
2592
|
+
const currentPath = [...sourcePath, annotatedMenu.id];
|
|
2593
|
+
annotatedMenu.ownerAppId = ownerAppId;
|
|
2594
|
+
annotatedMenu.sourceMenuId = annotatedMenu.id;
|
|
2595
|
+
annotatedMenu.sourceParentId = sourceParentId;
|
|
2596
|
+
annotatedMenu.sourcePath = currentPath;
|
|
2597
|
+
if (annotatedMenu.children && annotatedMenu.children.length > 0) {
|
|
2598
|
+
annotatedMenu.children = annotatedMenu.children.map((child) => this.annotateMenuTree(child, ownerAppId, currentPath, annotatedMenu.id));
|
|
2599
|
+
}
|
|
2600
|
+
return annotatedMenu;
|
|
2601
|
+
}
|
|
2602
|
+
cloneMenus(menus) {
|
|
2603
|
+
return JSON.parse(JSON.stringify(menus || []));
|
|
2604
|
+
}
|
|
549
2605
|
getTypeStatusConfigs() {
|
|
550
2606
|
return this.typeStatusConfigs;
|
|
551
2607
|
}
|
|
2608
|
+
/**
|
|
2609
|
+
* Optional merge: replace current app’s `children` from `appDetails.listMenus`.
|
|
2610
|
+
* Only runs when `listMenus` is a **non-empty** array (empty `[]` is ignored so we don’t wipe menus).
|
|
2611
|
+
* Account-based visibility is applied separately and does **not** depend on this flag.
|
|
2612
|
+
*/
|
|
2613
|
+
hasNonEmptyListMenusMerge() {
|
|
2614
|
+
const lm = this.appDetails?.listMenus;
|
|
2615
|
+
if (lm == null) {
|
|
2616
|
+
return false;
|
|
2617
|
+
}
|
|
2618
|
+
if (Array.isArray(lm)) {
|
|
2619
|
+
return lm.length > 0;
|
|
2620
|
+
}
|
|
2621
|
+
return true;
|
|
2622
|
+
}
|
|
552
2623
|
constructChildMenus(menuItems) {
|
|
553
|
-
if (this.
|
|
2624
|
+
if (this.hasNonEmptyListMenusMerge()) {
|
|
554
2625
|
for (let item of menuItems) {
|
|
555
2626
|
if (this.appDetails.appSet) {
|
|
556
2627
|
if (item.id.includes(this.appDetails.applicationId)) {
|
|
@@ -568,16 +2639,54 @@ class ApplicationSidebarService {
|
|
|
568
2639
|
}
|
|
569
2640
|
return menuItems;
|
|
570
2641
|
}
|
|
2642
|
+
/** Top-level app id for “Sponsored Ads” in `navmenu` — only this app uses `all_accounts` visibility below. */
|
|
2643
|
+
static SPONSORED_ADS_APP_ID = 'ads_amazon_advertising';
|
|
2644
|
+
/**
|
|
2645
|
+
* Sponsored Ads only — parity with AngularJS `NavMenuService.constructChildMenus` in intentwise-platform-web
|
|
2646
|
+
* `src/app/layouts/leftsidenav/leftsidenav.service.js`:
|
|
2647
|
+
* - No `currentAccount`: keep only children with `all_accounts === true` (e.g. All Accounts, Signup Overview).
|
|
2648
|
+
* - With `currentAccount`: keep only children where `all_accounts` is not truthy (account-scoped items).
|
|
2649
|
+
*
|
|
2650
|
+
* Applied in `getMenuList` (after optional `constructChildMenus` merge) for `ads_amazon_advertising` only, independent of `listMenus`.
|
|
2651
|
+
*/
|
|
2652
|
+
filterChildrenByAllAccountsContext(children, hasAccount) {
|
|
2653
|
+
if (!children || !children.length) {
|
|
2654
|
+
return children || [];
|
|
2655
|
+
}
|
|
2656
|
+
return children.filter((row) => (hasAccount ? !row.all_accounts : !!row.all_accounts));
|
|
2657
|
+
}
|
|
2658
|
+
applyAllAccountsVisibilityToAppMenus(menus) {
|
|
2659
|
+
if (!menus || !menus.length || !this.appDetails) {
|
|
2660
|
+
return;
|
|
2661
|
+
}
|
|
2662
|
+
const hasAccount = !!this.appDetails.currentAccount;
|
|
2663
|
+
for (const app of menus) {
|
|
2664
|
+
if (!app || app.id !== ApplicationSidebarService.SPONSORED_ADS_APP_ID || app.id === 'app_global_settings' || app.id === 'app_intentwise_community') {
|
|
2665
|
+
continue;
|
|
2666
|
+
}
|
|
2667
|
+
if (app.children && app.children.length) {
|
|
2668
|
+
app.children = this.filterChildrenByAllAccountsContext(app.children, hasAccount);
|
|
2669
|
+
}
|
|
2670
|
+
}
|
|
2671
|
+
}
|
|
2672
|
+
/** Global Settings: no account → only Account Management (`global_account_mgmt`), same as AngularJS. */
|
|
2673
|
+
trimGlobalSettingsChildrenWhenNoAccount(globalSettingsApp) {
|
|
2674
|
+
if (this.appDetails?.currentAccount) {
|
|
2675
|
+
return;
|
|
2676
|
+
}
|
|
2677
|
+
if (!globalSettingsApp?.children?.length) {
|
|
2678
|
+
return;
|
|
2679
|
+
}
|
|
2680
|
+
globalSettingsApp.children = globalSettingsApp.children.filter((c) => c && c.id === 'global_account_mgmt');
|
|
2681
|
+
}
|
|
571
2682
|
getMenuList(appDetails, menulists) {
|
|
572
2683
|
this.appDetails = appDetails;
|
|
573
2684
|
this.MenuList = [];
|
|
574
|
-
let appendChildMenus;
|
|
2685
|
+
let appendChildMenus = JSON.parse(JSON.stringify(menulists || []));
|
|
575
2686
|
if (window.location.href.indexOf('herokuapp') > -1 || window.location.href.indexOf('localhost') > -1) {
|
|
576
|
-
appendChildMenus = this.constructChildMenus(
|
|
577
|
-
}
|
|
578
|
-
else {
|
|
579
|
-
appendChildMenus = menulists;
|
|
2687
|
+
appendChildMenus = this.constructChildMenus(appendChildMenus);
|
|
580
2688
|
}
|
|
2689
|
+
this.applyAllAccountsVisibilityToAppMenus(appendChildMenus);
|
|
581
2690
|
appendChildMenus.forEach((menu) => {
|
|
582
2691
|
menu.name = this.translate.translateName(menu.name);
|
|
583
2692
|
menu.children && menu.children.forEach((childMenu) => {
|
|
@@ -680,10 +2789,12 @@ class ApplicationSidebarService {
|
|
|
680
2789
|
getGlobalSettingsMenu(appDetails, menulists) {
|
|
681
2790
|
this.appDetails = appDetails;
|
|
682
2791
|
this.SettingsMenuList = [];
|
|
683
|
-
|
|
2792
|
+
const clonedMenulists = JSON.parse(JSON.stringify(menulists || []));
|
|
2793
|
+
let globalSettingMenus = clonedMenulists.filter(list => list.id == 'app_global_settings');
|
|
684
2794
|
let GLOBAL_SETTING_LIST_SORTED = globalSettingMenus.sort((a, b) => (a.order > b.order) ? 1 : -1);
|
|
685
2795
|
for (let appName of GLOBAL_SETTING_LIST_SORTED) {
|
|
686
2796
|
if (appName.type == 'expandable') {
|
|
2797
|
+
this.trimGlobalSettingsChildrenWhenNoAccount(appName);
|
|
687
2798
|
let list = this.getApplicationMenuItem(appName);
|
|
688
2799
|
if (list && list.children && list.children.length > 0) {
|
|
689
2800
|
this.SettingsMenuList.push(list);
|
|
@@ -1231,6 +3342,19 @@ class ApplicationSidebarService {
|
|
|
1231
3342
|
return true;
|
|
1232
3343
|
}
|
|
1233
3344
|
}
|
|
3345
|
+
/**
|
|
3346
|
+
* Nav JSON shape for legacy AngularJS admin screens: `link` is the ui-router state prefix (`triangular.*`)
|
|
3347
|
+
* and `route` is the hash URL (`#!/...`). Cross-app clicks (e.g. User Access from Walmart) must use `route`
|
|
3348
|
+
* plus current `appId`, not `origin/triangular....`.
|
|
3349
|
+
* Does not match test fixtures that swap route/link for triangular vs hash.
|
|
3350
|
+
*/
|
|
3351
|
+
shouldUseHashRouteForCrossAppHostNav(menu) {
|
|
3352
|
+
return !!(menu &&
|
|
3353
|
+
typeof menu.link === 'string' &&
|
|
3354
|
+
menu.link.indexOf('triangular.') === 0 &&
|
|
3355
|
+
typeof menu.route === 'string' &&
|
|
3356
|
+
menu.route.indexOf('#') >= 0);
|
|
3357
|
+
}
|
|
1234
3358
|
getHostOriginAndNavigate(route, applicationId = undefined) {
|
|
1235
3359
|
// if (window.location.href.indexOf(route) == -1) {
|
|
1236
3360
|
this.activatedRoute.queryParams.subscribe(params => {
|
|
@@ -1477,7 +3601,21 @@ class NavMenusComponent {
|
|
|
1477
3601
|
}
|
|
1478
3602
|
if ((this.parentMenuId.indexOf(this.applicationId) >= 0 && !appId) || (appId && appId.indexOf(this.applicationId) >= 0)) {
|
|
1479
3603
|
if (listMenu.route != '') {
|
|
1480
|
-
|
|
3604
|
+
// Legacy ui-router targets ship as `#!/...` in `route` (see navmenu1); Angular Router cannot navigate those.
|
|
3605
|
+
if (typeof listMenu.route === 'string' && listMenu.route.indexOf('#') >= 0) {
|
|
3606
|
+
const hostExtras = { appId: this.applicationId };
|
|
3607
|
+
if (this.urlContextService.validateKeyStroke(event)) {
|
|
3608
|
+
this.openInNewTab(listMenu.route, false, hostExtras);
|
|
3609
|
+
resolve();
|
|
3610
|
+
}
|
|
3611
|
+
else {
|
|
3612
|
+
this.showLoader();
|
|
3613
|
+
this.navigation.getHostOriginAndNavigate(listMenu.route, hostExtras);
|
|
3614
|
+
this.menuClicked.emit({ activePanel: this.parentPanelId });
|
|
3615
|
+
resolve();
|
|
3616
|
+
}
|
|
3617
|
+
}
|
|
3618
|
+
else if (this.urlContextService.validateKeyStroke(event)) {
|
|
1481
3619
|
this.openInNewTab(listMenu.route, true);
|
|
1482
3620
|
resolve();
|
|
1483
3621
|
}
|
|
@@ -1506,14 +3644,19 @@ class NavMenusComponent {
|
|
|
1506
3644
|
}
|
|
1507
3645
|
}
|
|
1508
3646
|
else {
|
|
1509
|
-
|
|
3647
|
+
let url = listMenu.link;
|
|
3648
|
+
let hostNavExtras = undefined;
|
|
3649
|
+
if (this.navigation.shouldUseHashRouteForCrossAppHostNav(listMenu)) {
|
|
3650
|
+
url = listMenu.route;
|
|
3651
|
+
hostNavExtras = { appId: this.applicationId };
|
|
3652
|
+
}
|
|
1510
3653
|
if (this.urlContextService.validateKeyStroke(event)) {
|
|
1511
|
-
this.openInNewTab(url, false);
|
|
3654
|
+
this.openInNewTab(url, false, hostNavExtras);
|
|
1512
3655
|
resolve();
|
|
1513
3656
|
}
|
|
1514
3657
|
else {
|
|
1515
3658
|
this.showLoader();
|
|
1516
|
-
this.navigation.getHostOriginAndNavigate(url);
|
|
3659
|
+
this.navigation.getHostOriginAndNavigate(url, hostNavExtras);
|
|
1517
3660
|
resolve();
|
|
1518
3661
|
}
|
|
1519
3662
|
}
|
|
@@ -1553,8 +3696,13 @@ class NavMenusComponent {
|
|
|
1553
3696
|
}
|
|
1554
3697
|
}
|
|
1555
3698
|
else {
|
|
1556
|
-
|
|
1557
|
-
|
|
3699
|
+
let url = item.link;
|
|
3700
|
+
let hostNavExtras = undefined;
|
|
3701
|
+
if (this.navigation.shouldUseHashRouteForCrossAppHostNav(item)) {
|
|
3702
|
+
url = item.route;
|
|
3703
|
+
hostNavExtras = { appId: this.applicationId };
|
|
3704
|
+
}
|
|
3705
|
+
this.openInNewTab(url, false, hostNavExtras);
|
|
1558
3706
|
}
|
|
1559
3707
|
}
|
|
1560
3708
|
}
|
|
@@ -1608,11 +3756,11 @@ class NavMenusComponent {
|
|
|
1608
3756
|
}, 5000);
|
|
1609
3757
|
}
|
|
1610
3758
|
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavMenusComponent, deps: [{ token: ApplicationSidebarService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: UrlContextService }, { token: i4.CookieService }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1611
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavMenusComponent, selector: "lnc-nav-menus", inputs: { item: "item", applicationId: "applicationId", parentMenuId: "parentMenuId", parentPanelId: "parentPanelId", isActiveItem: "isActiveItem" }, outputs: { menuClicked: "menuClicked" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<a appOffsetTop class=\"sidemenu-option {{item.style_classes}}\" mat-list-item (click)=\"onSelectMenu($event,item)\"\n *ngIf=\"item.type === 'leaf'\" [ngClass]=\"{'active': isActiveItem}\" (contextmenu)=\"onContextMenu($event, item)\">\n <!-- <span class=\"{{item.id}}_icon\" *ngIf=\"item.id == 'global_account_mgmt'\"></span> -->\n <h3 matLine class=\"sidemenu-text
|
|
3759
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavMenusComponent, selector: "lnc-nav-menus", inputs: { item: "item", applicationId: "applicationId", parentMenuId: "parentMenuId", parentPanelId: "parentPanelId", isActiveItem: "isActiveItem" }, outputs: { menuClicked: "menuClicked" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<a appOffsetTop class=\"sidemenu-option {{item.style_classes}}\" mat-list-item (click)=\"onSelectMenu($event,item)\"\n *ngIf=\"item.type === 'leaf'\" [ngClass]=\"{'active': isActiveItem}\" (contextmenu)=\"onContextMenu($event, item)\">\n <!-- <span class=\"{{item.id}}_icon\" *ngIf=\"item.id == 'global_account_mgmt'\"></span> -->\n <h3 matLine class=\"sidemenu-text navMenus applicationMenu\" [ngClass]=\"{'margin-left-10': item.level == 'two', \n 'margin-left-36': item.level != 'two'}\">\n {{selectedApplication(item)}}\n <span id=\"activeCount\" *ngIf=\"item.countKey && getSpecifiedValue(item.countKey)\" class=\"ng-binding ng-scope\">\n {{ getSpecifiedValue(item.countKey) }}\n </span>\n <!-- <span id=\"activeRecCount\" *ngIf=\"item.name == 'Recommendations' && item.recCount != '' && item.recCount != '0' && item.recCount != null\" class=\"activeRecCount\">{{item.recCount}}</span> -->\n <span *ngIf=\"item.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"item.badge\"></span>\n <span id=\"activeRecCount\" class=\"activeRecCount\" *ngIf=\"hasWalmartRecommendation(item)\">{{recCount}}</span> \n </h3>\n</a>\n<div style=\"visibility: hidden; position: fixed\" [style.left]=\"contextMenuPosition.x\"\n [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\">\n</div>\n<mat-menu #contextMenu=\"matMenu\">\n <ng-template matMenuContent let-item=\"item\">\n <button mat-menu-item class=\"newTabMenu\"></button>\n <button mat-menu-item (click)=\"onContextMenuAction(item)\" class=\"newTabMenu\" id=\"newTabActionBtn\">Open in new\n tab</button>\n <button mat-menu-item class=\"newTabMenu\"></button>\n </ng-template>\n</mat-menu>\n<mat-divider *ngIf=\"item.type === 'separator'\" class=\"separator\"></mat-divider>", styles: [".separator{z-index:1;position:relative;width:170px;border-top:1px solid #dce0e7;margin-left:40px;display:block}.sidemenu-option{display:flex;align-items:center;box-sizing:border-box;position:relative;height:40px}.badge-text{position:relative;font-size:10px;color:#ff273e;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px}.activeRecCount{color:#fff;font-size:14px!important;font-weight:700!important;padding:5px;display:inline-block;border-radius:22px;line-height:17px;height:25px;min-width:41px;text-align:center;vertical-align:super;background-color:#ff273e;position:absolute!important;right:8px;top:8px}.sidemenu-text{font-size:15.5px!important;line-height:36px;color:#202b37;margin:0!important}.font-color-red{color:#ff3e3e}.font-color-black{color:#000!important}.margin-left-10{margin-left:10px!important}.margin-left-36{margin-left:36px!important}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item.mat-list-item-with-avatar,.mat-list-base .mat-list-option.mat-list-item-with-avatar{height:40px}:host ::ng-deep .mat-list-item-content{flex-direction:row-reverse!important;display:flex!important;padding:0 10px 0 14px!important;width:100%}:host ::ng-deep a:not([class^=active]) mat-list-item-content:hover{border-right:3px solid #ff273e!important}a:hover{text-decoration:none;background-color:#f6f6f6}a:hover h3{color:#ff273e!important}.active{text-decoration:none;background-color:#f6f6f6;border-right:3px solid #ff273e!important}.active h3{color:#ff273e!important}#activeCount{background-color:#ff273e;color:#fff;font-size:11px!important;font-weight:600!important;padding:5px;display:inline-block;border-radius:22px;line-height:11px;margin:auto 5px;height:10px;min-width:20px;top:0;text-align:center;vertical-align:text-bottom}button.newTabMenu{display:block;padding:0 20px;clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap;min-height:15px;height:20px;font-size:14px;background-color:#efefef;cursor:default}button#newTabActionBtn:hover{background-color:#efefef}button#newTabActionBtn{cursor:pointer}button#newTabActionBtn:hover{background-color:#2995e8;color:#fff!important}\n"], dependencies: [{ kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i8.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i9.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: OffsetTopDirective, selector: "[appOffsetTop]", inputs: ["isActiveItem"] }] });
|
|
1612
3760
|
}
|
|
1613
3761
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavMenusComponent, decorators: [{
|
|
1614
3762
|
type: Component,
|
|
1615
|
-
args: [{ selector: 'lnc-nav-menus', template: "<a appOffsetTop class=\"sidemenu-option {{item.style_classes}}\" mat-list-item (click)=\"onSelectMenu($event,item)\"\n *ngIf=\"item.type === 'leaf'\" [ngClass]=\"{'active': isActiveItem}\" (contextmenu)=\"onContextMenu($event, item)\">\n <!-- <span class=\"{{item.id}}_icon\" *ngIf=\"item.id == 'global_account_mgmt'\"></span> -->\n <h3 matLine class=\"sidemenu-text
|
|
3763
|
+
args: [{ selector: 'lnc-nav-menus', template: "<a appOffsetTop class=\"sidemenu-option {{item.style_classes}}\" mat-list-item (click)=\"onSelectMenu($event,item)\"\n *ngIf=\"item.type === 'leaf'\" [ngClass]=\"{'active': isActiveItem}\" (contextmenu)=\"onContextMenu($event, item)\">\n <!-- <span class=\"{{item.id}}_icon\" *ngIf=\"item.id == 'global_account_mgmt'\"></span> -->\n <h3 matLine class=\"sidemenu-text navMenus applicationMenu\" [ngClass]=\"{'margin-left-10': item.level == 'two', \n 'margin-left-36': item.level != 'two'}\">\n {{selectedApplication(item)}}\n <span id=\"activeCount\" *ngIf=\"item.countKey && getSpecifiedValue(item.countKey)\" class=\"ng-binding ng-scope\">\n {{ getSpecifiedValue(item.countKey) }}\n </span>\n <!-- <span id=\"activeRecCount\" *ngIf=\"item.name == 'Recommendations' && item.recCount != '' && item.recCount != '0' && item.recCount != null\" class=\"activeRecCount\">{{item.recCount}}</span> -->\n <span *ngIf=\"item.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"item.badge\"></span>\n <span id=\"activeRecCount\" class=\"activeRecCount\" *ngIf=\"hasWalmartRecommendation(item)\">{{recCount}}</span> \n </h3>\n</a>\n<div style=\"visibility: hidden; position: fixed\" [style.left]=\"contextMenuPosition.x\"\n [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\">\n</div>\n<mat-menu #contextMenu=\"matMenu\">\n <ng-template matMenuContent let-item=\"item\">\n <button mat-menu-item class=\"newTabMenu\"></button>\n <button mat-menu-item (click)=\"onContextMenuAction(item)\" class=\"newTabMenu\" id=\"newTabActionBtn\">Open in new\n tab</button>\n <button mat-menu-item class=\"newTabMenu\"></button>\n </ng-template>\n</mat-menu>\n<mat-divider *ngIf=\"item.type === 'separator'\" class=\"separator\"></mat-divider>", styles: [".separator{z-index:1;position:relative;width:170px;border-top:1px solid #dce0e7;margin-left:40px;display:block}.sidemenu-option{display:flex;align-items:center;box-sizing:border-box;position:relative;height:40px}.badge-text{position:relative;font-size:10px;color:#ff273e;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px}.activeRecCount{color:#fff;font-size:14px!important;font-weight:700!important;padding:5px;display:inline-block;border-radius:22px;line-height:17px;height:25px;min-width:41px;text-align:center;vertical-align:super;background-color:#ff273e;position:absolute!important;right:8px;top:8px}.sidemenu-text{font-size:15.5px!important;line-height:36px;color:#202b37;margin:0!important}.font-color-red{color:#ff3e3e}.font-color-black{color:#000!important}.margin-left-10{margin-left:10px!important}.margin-left-36{margin-left:36px!important}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item.mat-list-item-with-avatar,.mat-list-base .mat-list-option.mat-list-item-with-avatar{height:40px}:host ::ng-deep .mat-list-item-content{flex-direction:row-reverse!important;display:flex!important;padding:0 10px 0 14px!important;width:100%}:host ::ng-deep a:not([class^=active]) mat-list-item-content:hover{border-right:3px solid #ff273e!important}a:hover{text-decoration:none;background-color:#f6f6f6}a:hover h3{color:#ff273e!important}.active{text-decoration:none;background-color:#f6f6f6;border-right:3px solid #ff273e!important}.active h3{color:#ff273e!important}#activeCount{background-color:#ff273e;color:#fff;font-size:11px!important;font-weight:600!important;padding:5px;display:inline-block;border-radius:22px;line-height:11px;margin:auto 5px;height:10px;min-width:20px;top:0;text-align:center;vertical-align:text-bottom}button.newTabMenu{display:block;padding:0 20px;clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap;min-height:15px;height:20px;font-size:14px;background-color:#efefef;cursor:default}button#newTabActionBtn:hover{background-color:#efefef}button#newTabActionBtn{cursor:pointer}button#newTabActionBtn:hover{background-color:#2995e8;color:#fff!important}\n"] }]
|
|
1616
3764
|
}], ctorParameters: function () { return [{ type: ApplicationSidebarService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: UrlContextService }, { type: i4.CookieService }, { type: TranslationService }]; }, propDecorators: { menuClicked: [{
|
|
1617
3765
|
type: Output
|
|
1618
3766
|
}], item: [{
|
|
@@ -1669,6 +3817,7 @@ class ApplicationSidebarComponent {
|
|
|
1669
3817
|
cdref;
|
|
1670
3818
|
translation;
|
|
1671
3819
|
mixpanel;
|
|
3820
|
+
sanitizer;
|
|
1672
3821
|
applicationDetails;
|
|
1673
3822
|
sidenav;
|
|
1674
3823
|
listItems;
|
|
@@ -1682,13 +3831,15 @@ class ApplicationSidebarComponent {
|
|
|
1682
3831
|
adminRoles = ['SUPER_ADMIN', 'SUPER_ADMIN_READ_ONLY'];
|
|
1683
3832
|
currentApp;
|
|
1684
3833
|
sideNavStatusSubscription;
|
|
3834
|
+
sideNavClosedStartSubscription;
|
|
1685
3835
|
myObserver;
|
|
1686
3836
|
expandGlobalSettings = false;
|
|
1687
3837
|
inContextInsightsWLApp;
|
|
1688
3838
|
themePoint; // Public variable for theme point
|
|
1689
3839
|
showTitle = false;
|
|
3840
|
+
revisedSectionIconCache = {};
|
|
1690
3841
|
// isGlobalSettingsMenuActive:boolean = false
|
|
1691
|
-
constructor(navigation, router, RestApiService, cookie, cdref, translation, mixpanel) {
|
|
3842
|
+
constructor(navigation, router, RestApiService, cookie, cdref, translation, mixpanel, sanitizer) {
|
|
1692
3843
|
this.navigation = navigation;
|
|
1693
3844
|
this.router = router;
|
|
1694
3845
|
this.RestApiService = RestApiService;
|
|
@@ -1696,10 +3847,22 @@ class ApplicationSidebarComponent {
|
|
|
1696
3847
|
this.cdref = cdref;
|
|
1697
3848
|
this.translation = translation;
|
|
1698
3849
|
this.mixpanel = mixpanel;
|
|
3850
|
+
this.sanitizer = sanitizer;
|
|
1699
3851
|
this.myObserver = this.router.events.subscribe((event) => {
|
|
1700
3852
|
if (event instanceof NavigationStart) {
|
|
1701
3853
|
this.expandGlobalSettings = this.router.getCurrentNavigation().extras.state && this.router.getCurrentNavigation().extras.state.expandPanel;
|
|
1702
3854
|
}
|
|
3855
|
+
if (event instanceof NavigationEnd) {
|
|
3856
|
+
if (this.isRevisedNavigationEnabled() && this.revisedSections && this.revisedSections.length) {
|
|
3857
|
+
this.expandCurrentMenuOnly(this.applicationDetails, false);
|
|
3858
|
+
this.rebuildRevisedNavigationState();
|
|
3859
|
+
this.logOptimizeDebugState();
|
|
3860
|
+
this.scrollToActiveMenuIfVisible();
|
|
3861
|
+
}
|
|
3862
|
+
this.syncGlobalSettingsPanelOpenToActiveRoute();
|
|
3863
|
+
// Legacy nav + nested panel expansion (`isChildMenuPanelExpanded`) depend on route; OnPush needs a tick after navigate.
|
|
3864
|
+
this.cdref.markForCheck();
|
|
3865
|
+
}
|
|
1703
3866
|
});
|
|
1704
3867
|
// Determine theme point based on domain
|
|
1705
3868
|
this.determineThemePoint();
|
|
@@ -1780,6 +3943,12 @@ class ApplicationSidebarComponent {
|
|
|
1780
3943
|
toDisplayApplications = [];
|
|
1781
3944
|
toDisplayGlobalSettingsMenu;
|
|
1782
3945
|
toDisplayLinkMenu;
|
|
3946
|
+
revisedNavigationState;
|
|
3947
|
+
revisedSections = [];
|
|
3948
|
+
revisedSectionState = {};
|
|
3949
|
+
/** Group-level expansion (key: sectionId_groupId). Only for grouped-menus with a group title. */
|
|
3950
|
+
revisedGroupExpandedState = {};
|
|
3951
|
+
revisedSelectedAppBySection = {};
|
|
1783
3952
|
errorMsg;
|
|
1784
3953
|
ngOnInit() {
|
|
1785
3954
|
if (this.applicationDetails['userInfo']) {
|
|
@@ -1805,11 +3974,29 @@ class ApplicationSidebarComponent {
|
|
|
1805
3974
|
this.sidenav.opened = status && status == 'false' ? false : true;
|
|
1806
3975
|
this.showTitle = this.navExpanded;
|
|
1807
3976
|
this.cdref.detectChanges();
|
|
3977
|
+
if (this.isRevisedNavigationEnabled()) {
|
|
3978
|
+
if (this.sidenav.closedStart) {
|
|
3979
|
+
this.sideNavClosedStartSubscription = this.sidenav.closedStart.subscribe(() => {
|
|
3980
|
+
// Do not clear revisedSectionState here: it becomes all `false`, then rebuild treats
|
|
3981
|
+
// `prev === false` as "user collapsed" and keeps the active section closed after reopen.
|
|
3982
|
+
this.navExpanded = false;
|
|
3983
|
+
this.showTitle = false;
|
|
3984
|
+
this.cdref.detectChanges();
|
|
3985
|
+
});
|
|
3986
|
+
}
|
|
3987
|
+
}
|
|
1808
3988
|
this.sideNavStatusSubscription = this.sidenav.openedChange.subscribe((status) => {
|
|
1809
3989
|
sessionStorage.setItem('leftNavOpenStatus', JSON.stringify(status));
|
|
1810
3990
|
this.navExpanded = status;
|
|
1811
3991
|
this.sidenav.opened = status;
|
|
1812
3992
|
this.showTitle = status;
|
|
3993
|
+
if (status) {
|
|
3994
|
+
if (this.isRevisedNavigationEnabled()) {
|
|
3995
|
+
this.expandRevisedSectionsContainingActiveRoute();
|
|
3996
|
+
}
|
|
3997
|
+
this.syncGlobalSettingsPanelOpenToActiveRoute();
|
|
3998
|
+
this.scrollToActiveMenuIfVisible();
|
|
3999
|
+
}
|
|
1813
4000
|
this.cdref.detectChanges();
|
|
1814
4001
|
});
|
|
1815
4002
|
}
|
|
@@ -1827,19 +4014,40 @@ class ApplicationSidebarComponent {
|
|
|
1827
4014
|
// }
|
|
1828
4015
|
}
|
|
1829
4016
|
createNavigationSideBar(applicationDetails) {
|
|
1830
|
-
this.
|
|
4017
|
+
const consumerRevisedConfig = this.applicationDetails?.revisedNavigation;
|
|
4018
|
+
const useLegacyNavigation = consumerRevisedConfig?.useLegacyNavigation === true;
|
|
4019
|
+
const shouldLoadSectionLayout = !useLegacyNavigation;
|
|
4020
|
+
forkJoin({
|
|
4021
|
+
menulists: this.RestApiService.getjsonMenulists(applicationDetails),
|
|
4022
|
+
/** Section structure: S3 `sidebar-layout.json` first, bundled `sidebar-layout.local` on error. */
|
|
4023
|
+
revisedLayout: shouldLoadSectionLayout
|
|
4024
|
+
? this.RestApiService.getSidebarLayoutConfig()
|
|
4025
|
+
: of({ useLegacyNavigation: true, sections: [] })
|
|
4026
|
+
}).subscribe(({ menulists, revisedLayout }) => {
|
|
4027
|
+
const mergedApplicationDetails = {
|
|
4028
|
+
...this.applicationDetails,
|
|
4029
|
+
revisedNavigation: useLegacyNavigation
|
|
4030
|
+
? { ...consumerRevisedConfig, useLegacyNavigation: true, sections: [] }
|
|
4031
|
+
: { ...revisedLayout, useLegacyNavigation: false }
|
|
4032
|
+
};
|
|
4033
|
+
this.applicationDetails = mergedApplicationDetails;
|
|
1831
4034
|
// let menulists = GLOBAL_LIST
|
|
1832
|
-
this.toDisplayApplications = this.navigation.getMenuList(
|
|
1833
|
-
this.toDisplayGlobalSettingsMenu = this.navigation.getGlobalSettingsMenu(
|
|
4035
|
+
this.toDisplayApplications = this.navigation.getMenuList(mergedApplicationDetails, menulists);
|
|
4036
|
+
this.toDisplayGlobalSettingsMenu = this.navigation.getGlobalSettingsMenu(mergedApplicationDetails, menulists);
|
|
1834
4037
|
// Use proper filtering system for Join Intentwise Community link
|
|
1835
4038
|
const found = menulists.find(list => list.id === 'app_intentwise_community');
|
|
1836
4039
|
this.toDisplayLinkMenu = found ? this.navigation.getApplicationMenuItem(found) ? [found] : [] : [];
|
|
1837
|
-
this.expandCurrentMenuOnly(
|
|
4040
|
+
this.expandCurrentMenuOnly(mergedApplicationDetails, false);
|
|
1838
4041
|
this.expandChildMenuOnly(this.toDisplayGlobalSettingsMenu);
|
|
1839
|
-
this.checkForRedirection(this.toDisplayApplications, this.toDisplayGlobalSettingsMenu,
|
|
4042
|
+
this.checkForRedirection(this.toDisplayApplications, this.toDisplayGlobalSettingsMenu, mergedApplicationDetails);
|
|
4043
|
+
this.rebuildRevisedNavigationState();
|
|
4044
|
+
if (this.navExpanded && this.isRevisedNavigationEnabled()) {
|
|
4045
|
+
this.expandRevisedSectionsContainingActiveRoute();
|
|
4046
|
+
}
|
|
4047
|
+
this.syncGlobalSettingsPanelOpenToActiveRoute();
|
|
1840
4048
|
console.log(this.toDisplayApplications, this.toDisplayGlobalSettingsMenu, this.toDisplayLinkMenu);
|
|
1841
|
-
this.
|
|
1842
|
-
this.setMenuList(
|
|
4049
|
+
this.scrollToActiveMenuIfVisible();
|
|
4050
|
+
this.setMenuList(mergedApplicationDetails.applicationId, this.toDisplayApplications);
|
|
1843
4051
|
this.inContextInsightsWLApp = this.hideMenuForWL();
|
|
1844
4052
|
this.cdref.detectChanges();
|
|
1845
4053
|
});
|
|
@@ -1856,29 +4064,35 @@ class ApplicationSidebarComponent {
|
|
|
1856
4064
|
if (obj) {
|
|
1857
4065
|
this.activePanel = obj.activePanel;
|
|
1858
4066
|
}
|
|
4067
|
+
if (this.isRevisedNavigationEnabled()) {
|
|
4068
|
+
this.rebuildRevisedNavigationState();
|
|
4069
|
+
}
|
|
4070
|
+
this.scrollToActiveMenuIfVisible();
|
|
1859
4071
|
this.cdref.detectChanges();
|
|
1860
4072
|
}
|
|
1861
4073
|
expandChildMenuOnly(toDisplayGlobalSettingsMenu) {
|
|
1862
4074
|
setTimeout(() => {
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
let routeUrl = urlArray[urlArray.length - 1];
|
|
1866
|
-
let currentRoute = routeUrl.split('?')[0];
|
|
1867
|
-
if (toDisplayGlobalSettingsMenu && toDisplayGlobalSettingsMenu.length) {
|
|
1868
|
-
toDisplayGlobalSettingsMenu[0].panelOpenState = false;
|
|
1869
|
-
if (toDisplayGlobalSettingsMenu[0].children && toDisplayGlobalSettingsMenu[0].children.length) {
|
|
1870
|
-
for (let menu of toDisplayGlobalSettingsMenu[0].children) {
|
|
1871
|
-
if (menu.route == currentRoute) {
|
|
1872
|
-
toDisplayGlobalSettingsMenu[0].panelOpenState = true;
|
|
1873
|
-
// this.isGlobalSettingsMenuActive = true;
|
|
1874
|
-
break;
|
|
1875
|
-
}
|
|
1876
|
-
}
|
|
1877
|
-
}
|
|
1878
|
-
}
|
|
1879
|
-
this.cdref.detectChanges(); // Trigger change detection after setTimeout operation
|
|
4075
|
+
this.syncGlobalSettingsPanelOpenToActiveRoute(toDisplayGlobalSettingsMenu);
|
|
4076
|
+
this.cdref.detectChanges();
|
|
1880
4077
|
}, 100);
|
|
1881
4078
|
}
|
|
4079
|
+
/**
|
|
4080
|
+
* Opens each Global Settings head panel when the current URL matches that panel’s menu tree
|
|
4081
|
+
* (any depth). Used on sidenav open and after menu data refresh.
|
|
4082
|
+
*/
|
|
4083
|
+
syncGlobalSettingsPanelOpenToActiveRoute(menusList) {
|
|
4084
|
+
const list = menusList ?? this.toDisplayGlobalSettingsMenu;
|
|
4085
|
+
if (!list?.length) {
|
|
4086
|
+
return;
|
|
4087
|
+
}
|
|
4088
|
+
list.forEach((settingsHeadMenu) => {
|
|
4089
|
+
settingsHeadMenu.panelOpenState = false;
|
|
4090
|
+
const children = settingsHeadMenu.children;
|
|
4091
|
+
if (children?.length && this.hasActiveRouteInMenus(children)) {
|
|
4092
|
+
settingsHeadMenu.panelOpenState = true;
|
|
4093
|
+
}
|
|
4094
|
+
});
|
|
4095
|
+
}
|
|
1882
4096
|
expandCurrentMenuOnly(applicationDetails, onMenuClicked) {
|
|
1883
4097
|
for (let headMenu of this.toDisplayApplications) {
|
|
1884
4098
|
headMenu.panelOpenState = false;
|
|
@@ -1953,6 +4167,679 @@ class ApplicationSidebarComponent {
|
|
|
1953
4167
|
selectedApplication(headmenu) {
|
|
1954
4168
|
return this.translation.selectedApplication(this.applicationDetails, headmenu);
|
|
1955
4169
|
}
|
|
4170
|
+
isRevisedNavigationEnabled() {
|
|
4171
|
+
return this.navigation.isRevisedNavigationEnabled(this.applicationDetails);
|
|
4172
|
+
}
|
|
4173
|
+
isLegacyNavigationEnabled() {
|
|
4174
|
+
return this.navigation.isLegacyNavigationEnabled(this.applicationDetails);
|
|
4175
|
+
}
|
|
4176
|
+
onRevisedSectionHeaderClick(sectionId) {
|
|
4177
|
+
const section = this.getRevisedSectionById(sectionId);
|
|
4178
|
+
if (!section) {
|
|
4179
|
+
return;
|
|
4180
|
+
}
|
|
4181
|
+
if (!this.navExpanded && this.sidenav) {
|
|
4182
|
+
this.revisedSectionState[sectionId] = true;
|
|
4183
|
+
this.sidenav.open();
|
|
4184
|
+
return;
|
|
4185
|
+
}
|
|
4186
|
+
const isCurrentlyExpanded = this.isRevisedSectionExpanded(sectionId);
|
|
4187
|
+
const routeInSection = this.sectionContainsActiveRoute(section);
|
|
4188
|
+
if (routeInSection) {
|
|
4189
|
+
this.revisedSectionState[sectionId] = !isCurrentlyExpanded;
|
|
4190
|
+
this.cdref.markForCheck();
|
|
4191
|
+
return;
|
|
4192
|
+
}
|
|
4193
|
+
if (isCurrentlyExpanded) {
|
|
4194
|
+
this.revisedSectionState[sectionId] = false;
|
|
4195
|
+
this.cdref.markForCheck();
|
|
4196
|
+
return;
|
|
4197
|
+
}
|
|
4198
|
+
this.revisedSectionState[sectionId] = true;
|
|
4199
|
+
this.cdref.markForCheck();
|
|
4200
|
+
}
|
|
4201
|
+
isRevisedSectionExpanded(sectionId) {
|
|
4202
|
+
const section = this.getRevisedSectionById(sectionId);
|
|
4203
|
+
if (this.revisedSectionState[sectionId] === false) {
|
|
4204
|
+
return false;
|
|
4205
|
+
}
|
|
4206
|
+
if (sectionId === 'optimize' && this.isRevisedAppTabsSection(section)) {
|
|
4207
|
+
if (this.getCurrentOptimizeApp(section)) {
|
|
4208
|
+
return true;
|
|
4209
|
+
}
|
|
4210
|
+
}
|
|
4211
|
+
return !!(this.revisedSectionState[sectionId] === true || (section && this.sectionContainsActiveRoute(section)));
|
|
4212
|
+
}
|
|
4213
|
+
/** True when any menu under this section matches the current route (e.g. collapsed rail active indicator). */
|
|
4214
|
+
isRevisedSectionActive(section) {
|
|
4215
|
+
return this.sectionContainsActiveRoute(section);
|
|
4216
|
+
}
|
|
4217
|
+
getRevisedSectionIcon(section) {
|
|
4218
|
+
if (!section || !section.id) {
|
|
4219
|
+
return '';
|
|
4220
|
+
}
|
|
4221
|
+
if (!this.revisedSectionIconCache[section.id]) {
|
|
4222
|
+
this.revisedSectionIconCache[section.id] = section.iconSvg ? this.sanitizer.bypassSecurityTrustHtml(section.iconSvg) : '';
|
|
4223
|
+
}
|
|
4224
|
+
return this.revisedSectionIconCache[section.id];
|
|
4225
|
+
}
|
|
4226
|
+
isRevisedAppTabsSection(section) {
|
|
4227
|
+
return !!section && section.type === 'app-tabs';
|
|
4228
|
+
}
|
|
4229
|
+
getRevisedSectionApps(section) {
|
|
4230
|
+
return this.isRevisedAppTabsSection(section) ? section.apps : [];
|
|
4231
|
+
}
|
|
4232
|
+
getRevisedGroupedSectionGroups(section) {
|
|
4233
|
+
return section && section.type === 'grouped-menus' ? section.groups : [];
|
|
4234
|
+
}
|
|
4235
|
+
/** JSON `groups[]` row: optional flat list with no group title */
|
|
4236
|
+
isRevisedUntitledGroup(group) {
|
|
4237
|
+
return !!group && !group.title;
|
|
4238
|
+
}
|
|
4239
|
+
/** JSON `groups[]` row: one menu item under a titled group (e.g. FOUNDATION rows) */
|
|
4240
|
+
isRevisedSingleItemGroup(group) {
|
|
4241
|
+
return !!group && !!group.title && group.items && group.items.length === 1;
|
|
4242
|
+
}
|
|
4243
|
+
/** JSON `groups[]` row: titled group with multiple menu roots (e.g. Commerce Insights) */
|
|
4244
|
+
isRevisedMultiItemGroup(group) {
|
|
4245
|
+
return !!group && !!group.title && group.items && group.items.length > 1;
|
|
4246
|
+
}
|
|
4247
|
+
hasExpandableMenusInSection(section) {
|
|
4248
|
+
const menus = this.getRevisedSectionMenus(section);
|
|
4249
|
+
return menus.some((m) => m && m.children && m.children.length > 0);
|
|
4250
|
+
}
|
|
4251
|
+
hasExpandableMenusInGroup(group) {
|
|
4252
|
+
return !!(group && group.items && group.items.some((m) => m && m.children && m.children.length > 0));
|
|
4253
|
+
}
|
|
4254
|
+
getRevisedSectionSelectedApp(section) {
|
|
4255
|
+
if (!this.isRevisedAppTabsSection(section)) {
|
|
4256
|
+
return undefined;
|
|
4257
|
+
}
|
|
4258
|
+
if (section.id === 'optimize') {
|
|
4259
|
+
const currentOptimizeApp = this.getCurrentOptimizeApp(section);
|
|
4260
|
+
if (currentOptimizeApp) {
|
|
4261
|
+
return currentOptimizeApp;
|
|
4262
|
+
}
|
|
4263
|
+
}
|
|
4264
|
+
const selectedAppId = this.revisedSelectedAppBySection[section.id];
|
|
4265
|
+
return section.apps.find((app) => app.id === selectedAppId) || section.apps[0];
|
|
4266
|
+
}
|
|
4267
|
+
isSelectedRevisedSectionApp(section, app) {
|
|
4268
|
+
return !!(app && this.getRevisedSectionSelectedApp(section)?.id === app.id);
|
|
4269
|
+
}
|
|
4270
|
+
selectRevisedSectionApp(section, app, loadDefaultPage = true) {
|
|
4271
|
+
if (!app) {
|
|
4272
|
+
return;
|
|
4273
|
+
}
|
|
4274
|
+
this.revisedSelectedAppBySection[section.id] = app.id;
|
|
4275
|
+
this.currentApp = app;
|
|
4276
|
+
if (loadDefaultPage) {
|
|
4277
|
+
this.goToApplication(app);
|
|
4278
|
+
}
|
|
4279
|
+
}
|
|
4280
|
+
getRevisedSectionMenus(section) {
|
|
4281
|
+
const selectedApp = this.getRevisedSectionSelectedApp(section);
|
|
4282
|
+
if (!selectedApp || !selectedApp.children) {
|
|
4283
|
+
return [];
|
|
4284
|
+
}
|
|
4285
|
+
return selectedApp.children;
|
|
4286
|
+
}
|
|
4287
|
+
getRevisedSectionTabBadgeCount(app) {
|
|
4288
|
+
return this.getRevisedOptimizeRecommendationCount(app);
|
|
4289
|
+
}
|
|
4290
|
+
trackByRevisedSection(index, section) {
|
|
4291
|
+
return section?.id || index;
|
|
4292
|
+
}
|
|
4293
|
+
trackByRevisedGroup(index, group) {
|
|
4294
|
+
return group?.id || index;
|
|
4295
|
+
}
|
|
4296
|
+
trackByRevisedMenu(index, menu) {
|
|
4297
|
+
if (!menu) {
|
|
4298
|
+
return index;
|
|
4299
|
+
}
|
|
4300
|
+
if (Array.isArray(menu.sourcePath) && menu.sourcePath.length > 0) {
|
|
4301
|
+
return menu.sourcePath.join('>');
|
|
4302
|
+
}
|
|
4303
|
+
return menu.sourceMenuId || menu.id || index;
|
|
4304
|
+
}
|
|
4305
|
+
/** Plain-text app name for Optimize tab tooltips (`left-nav-tooltip`, same as collapsed rail). */
|
|
4306
|
+
getRevisedOptimizeAppTabTooltip(app) {
|
|
4307
|
+
if (!app) {
|
|
4308
|
+
return null;
|
|
4309
|
+
}
|
|
4310
|
+
const label = this.selectedApplication(app);
|
|
4311
|
+
const plain = label ? String(label).replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').trim() : '';
|
|
4312
|
+
return plain || null;
|
|
4313
|
+
}
|
|
4314
|
+
isRevisedMenuActive(menu) {
|
|
4315
|
+
return this.isMenuRouteActive(menu);
|
|
4316
|
+
}
|
|
4317
|
+
/**
|
|
4318
|
+
* Nested submenu (legacy + revised): keep mat-expansion-panel open when the current URL matches
|
|
4319
|
+
* any descendant leaf, not only when `activePanel` was set from a sidebar click.
|
|
4320
|
+
* Still honors user-open state via `menu.panelOpenState` and click-driven `activePanel`.
|
|
4321
|
+
*/
|
|
4322
|
+
isChildMenuPanelExpanded(menu) {
|
|
4323
|
+
if (!menu) {
|
|
4324
|
+
return false;
|
|
4325
|
+
}
|
|
4326
|
+
const children = menu.children;
|
|
4327
|
+
const descendantActive = children &&
|
|
4328
|
+
children.length > 0 &&
|
|
4329
|
+
this.hasActiveRouteInMenus(children);
|
|
4330
|
+
if (menu.panelStateTouched) {
|
|
4331
|
+
return !!menu.panelOpenState;
|
|
4332
|
+
}
|
|
4333
|
+
return !!descendantActive || menu.id === this.activePanel || !!menu.panelOpenState;
|
|
4334
|
+
}
|
|
4335
|
+
/** Highlight styling: active panel or any active descendant. */
|
|
4336
|
+
isChildMenuPanelHighlighted(menu) {
|
|
4337
|
+
if (!menu) {
|
|
4338
|
+
return false;
|
|
4339
|
+
}
|
|
4340
|
+
const children = menu.children;
|
|
4341
|
+
const descendantActive = children &&
|
|
4342
|
+
children.length > 0 &&
|
|
4343
|
+
this.hasActiveRouteInMenus(children);
|
|
4344
|
+
return !!descendantActive || menu.id === this.activePanel;
|
|
4345
|
+
}
|
|
4346
|
+
onChildMenuPanelHeaderClick(menu) {
|
|
4347
|
+
if (!menu) {
|
|
4348
|
+
return;
|
|
4349
|
+
}
|
|
4350
|
+
menu.panelStateTouched = true;
|
|
4351
|
+
menu.panelOpenState = !this.isChildMenuPanelExpanded(menu);
|
|
4352
|
+
this.cdref.markForCheck();
|
|
4353
|
+
}
|
|
4354
|
+
onChildMenuPanelOpened(menu) {
|
|
4355
|
+
if (!menu) {
|
|
4356
|
+
return;
|
|
4357
|
+
}
|
|
4358
|
+
menu.panelStateTouched = true;
|
|
4359
|
+
menu.panelOpenState = true;
|
|
4360
|
+
this.cdref.markForCheck();
|
|
4361
|
+
}
|
|
4362
|
+
onChildMenuPanelClosed(menu) {
|
|
4363
|
+
if (!menu) {
|
|
4364
|
+
return;
|
|
4365
|
+
}
|
|
4366
|
+
menu.panelStateTouched = true;
|
|
4367
|
+
menu.panelOpenState = false;
|
|
4368
|
+
this.cdref.markForCheck();
|
|
4369
|
+
}
|
|
4370
|
+
getRevisedParentMenuId(menu, fallbackParentId) {
|
|
4371
|
+
return menu && menu.ownerAppId ? menu.ownerAppId : fallbackParentId;
|
|
4372
|
+
}
|
|
4373
|
+
getRevisedParentPanelId(menu) {
|
|
4374
|
+
return menu && menu.sourceParentId && menu.sourceParentId !== menu.ownerAppId ? menu.sourceParentId : undefined;
|
|
4375
|
+
}
|
|
4376
|
+
/** Leaf row in `revisedGroupMenuItemShell`: OPTIMIZE (app-tabs) omits panel id; grouped-menus uses `getRevisedParentPanelId`. */
|
|
4377
|
+
getRevisedShellLeafParentPanelId(menu, optimizeParentApp) {
|
|
4378
|
+
return optimizeParentApp ? undefined : this.getRevisedParentPanelId(menu);
|
|
4379
|
+
}
|
|
4380
|
+
shouldShowRevisedIntelligenceGroupTitle(group) {
|
|
4381
|
+
if (!group || !group.title) {
|
|
4382
|
+
return false;
|
|
4383
|
+
}
|
|
4384
|
+
if (!group.items || group.items.length !== 1) {
|
|
4385
|
+
return true;
|
|
4386
|
+
}
|
|
4387
|
+
const groupTitle = this.normalizeRevisedLabel(group.title);
|
|
4388
|
+
const itemTitle = this.normalizeRevisedLabel(this.selectedApplication(group.items[0]));
|
|
4389
|
+
if (!groupTitle || !itemTitle) {
|
|
4390
|
+
return true;
|
|
4391
|
+
}
|
|
4392
|
+
return !(itemTitle === groupTitle || itemTitle.indexOf(groupTitle) > -1 || groupTitle.indexOf(itemTitle) > -1);
|
|
4393
|
+
}
|
|
4394
|
+
rebuildRevisedNavigationState() {
|
|
4395
|
+
this.revisedNavigationState = this.navigation.buildRevisedNavigationState(this.applicationDetails, this.toDisplayApplications, this.toDisplayGlobalSettingsMenu, this.toDisplayLinkMenu);
|
|
4396
|
+
this.revisedSectionIconCache = {};
|
|
4397
|
+
this.revisedSections = this.revisedNavigationState ? this.revisedNavigationState.sections : [];
|
|
4398
|
+
this.revisedSectionState = this.buildRevisedSectionState(this.revisedSections);
|
|
4399
|
+
this.revisedGroupExpandedState = this.buildRevisedGroupExpandedState(this.revisedSections);
|
|
4400
|
+
this.revisedSelectedAppBySection = this.buildRevisedSelectedAppState(this.revisedSections);
|
|
4401
|
+
}
|
|
4402
|
+
buildRevisedGroupExpandedState(sections) {
|
|
4403
|
+
const nextState = {};
|
|
4404
|
+
(sections || []).forEach((section) => {
|
|
4405
|
+
if (section.type !== 'grouped-menus' || !section.groups) {
|
|
4406
|
+
return;
|
|
4407
|
+
}
|
|
4408
|
+
section.groups.forEach((group) => {
|
|
4409
|
+
const key = section.id + '_' + group.id;
|
|
4410
|
+
const openByRoute = this.hasActiveRouteInMenus(group.items || []);
|
|
4411
|
+
nextState[key] = Object.prototype.hasOwnProperty.call(this.revisedGroupExpandedState, key)
|
|
4412
|
+
? this.revisedGroupExpandedState[key]
|
|
4413
|
+
: openByRoute;
|
|
4414
|
+
});
|
|
4415
|
+
});
|
|
4416
|
+
return nextState;
|
|
4417
|
+
}
|
|
4418
|
+
isRevisedGroupExpanded(sectionId, groupId) {
|
|
4419
|
+
const key = sectionId + '_' + groupId;
|
|
4420
|
+
const section = this.getRevisedSectionById(sectionId);
|
|
4421
|
+
const group = this.getRevisedGroupedSectionGroups(section).find((g) => g.id === groupId);
|
|
4422
|
+
const routeInGroup = !!group && this.hasActiveRouteInMenus(group.items || []);
|
|
4423
|
+
return routeInGroup || this.revisedGroupExpandedState[key] !== false;
|
|
4424
|
+
}
|
|
4425
|
+
onRevisedGroupHeaderClick(sectionId, groupId) {
|
|
4426
|
+
const key = sectionId + '_' + groupId;
|
|
4427
|
+
this.revisedGroupExpandedState[key] = !this.isRevisedGroupExpanded(sectionId, groupId);
|
|
4428
|
+
this.cdref.markForCheck();
|
|
4429
|
+
}
|
|
4430
|
+
onRevisedGroupPanelOpened(sectionId, groupId) {
|
|
4431
|
+
const key = sectionId + '_' + groupId;
|
|
4432
|
+
this.revisedGroupExpandedState[key] = true;
|
|
4433
|
+
this.cdref.markForCheck();
|
|
4434
|
+
}
|
|
4435
|
+
onRevisedGroupPanelClosed(sectionId, groupId) {
|
|
4436
|
+
const key = sectionId + '_' + groupId;
|
|
4437
|
+
const section = this.getRevisedSectionById(sectionId);
|
|
4438
|
+
const group = this.getRevisedGroupedSectionGroups(section).find((g) => g.id === groupId);
|
|
4439
|
+
this.revisedGroupExpandedState[key] = !!group && this.hasActiveRouteInMenus(group.items || []);
|
|
4440
|
+
this.cdref.markForCheck();
|
|
4441
|
+
}
|
|
4442
|
+
buildRevisedSectionState(sections) {
|
|
4443
|
+
const nextState = {};
|
|
4444
|
+
(sections || []).forEach((section) => {
|
|
4445
|
+
const routeInSection = this.sectionContainsActiveRoute(section);
|
|
4446
|
+
const prev = this.revisedSectionState && this.revisedSectionState[section.id];
|
|
4447
|
+
// Preserve manual opens across navigations; active route also forces expansion.
|
|
4448
|
+
nextState[section.id] = prev === true || routeInSection;
|
|
4449
|
+
});
|
|
4450
|
+
return nextState;
|
|
4451
|
+
}
|
|
4452
|
+
buildRevisedSelectedAppState(sections) {
|
|
4453
|
+
const nextState = {};
|
|
4454
|
+
(sections || []).forEach((section) => {
|
|
4455
|
+
if (!this.isRevisedAppTabsSection(section) || !section.apps.length) {
|
|
4456
|
+
return;
|
|
4457
|
+
}
|
|
4458
|
+
const previousSelection = this.revisedSelectedAppBySection[section.id];
|
|
4459
|
+
const currentApp = this.getCurrentOptimizeApp(section);
|
|
4460
|
+
const appsWithActiveRoute = (section.apps || []).filter((app) => app && app.id !== 'ads_amazon_advertising' && this.hasActiveRouteInMenus([app]));
|
|
4461
|
+
let selectedApp;
|
|
4462
|
+
if (currentApp) {
|
|
4463
|
+
selectedApp = currentApp;
|
|
4464
|
+
}
|
|
4465
|
+
else if (appsWithActiveRoute.length === 1) {
|
|
4466
|
+
selectedApp = appsWithActiveRoute[0];
|
|
4467
|
+
}
|
|
4468
|
+
else if (appsWithActiveRoute.length > 1) {
|
|
4469
|
+
const prev = section.apps.find((app) => app.id === previousSelection);
|
|
4470
|
+
selectedApp =
|
|
4471
|
+
(prev && appsWithActiveRoute.some((a) => a.id === prev.id) ? prev : undefined) ||
|
|
4472
|
+
appsWithActiveRoute[0];
|
|
4473
|
+
}
|
|
4474
|
+
else {
|
|
4475
|
+
selectedApp =
|
|
4476
|
+
section.apps.find((app) => app.id === previousSelection) ||
|
|
4477
|
+
section.apps.find((app) => app.id === section.defaultAppId) ||
|
|
4478
|
+
section.apps[0];
|
|
4479
|
+
}
|
|
4480
|
+
if (selectedApp) {
|
|
4481
|
+
nextState[section.id] = selectedApp.id;
|
|
4482
|
+
}
|
|
4483
|
+
});
|
|
4484
|
+
return nextState;
|
|
4485
|
+
}
|
|
4486
|
+
/**
|
|
4487
|
+
* Optimize/app-tabs should stay anchored to the current Angular host app.
|
|
4488
|
+
* Sponsored Ads is an AngularJS app and should not drive app-tabs selection/expansion here.
|
|
4489
|
+
*/
|
|
4490
|
+
getCurrentOptimizeApp(section) {
|
|
4491
|
+
if (!section?.apps?.length) {
|
|
4492
|
+
return undefined;
|
|
4493
|
+
}
|
|
4494
|
+
const currentAppId = this.applicationDetails?.applicationId || this.currentApp?.id;
|
|
4495
|
+
if (!currentAppId || currentAppId === 'ads_amazon_advertising') {
|
|
4496
|
+
return undefined;
|
|
4497
|
+
}
|
|
4498
|
+
return section.apps.find((app) => app?.id === currentAppId);
|
|
4499
|
+
}
|
|
4500
|
+
logOptimizeDebugState() {
|
|
4501
|
+
const optimizeSection = (this.revisedSections || []).find((section) => section?.id === 'optimize');
|
|
4502
|
+
if (!optimizeSection) {
|
|
4503
|
+
console.log('[sidebar][optimize-debug] no optimize section', {
|
|
4504
|
+
route: this.router?.url,
|
|
4505
|
+
applicationId: this.applicationDetails?.applicationId,
|
|
4506
|
+
});
|
|
4507
|
+
return;
|
|
4508
|
+
}
|
|
4509
|
+
const selectedAppId = this.revisedSelectedAppBySection['optimize'];
|
|
4510
|
+
const activeApp = this.findActiveAppForSection(optimizeSection);
|
|
4511
|
+
const selectedApp = this.getRevisedSectionSelectedApp(optimizeSection);
|
|
4512
|
+
const expanded = this.isRevisedSectionExpanded('optimize');
|
|
4513
|
+
const containsActiveRoute = this.sectionContainsActiveRoute(optimizeSection);
|
|
4514
|
+
console.log('[sidebar][optimize-debug]', {
|
|
4515
|
+
route: this.router?.url,
|
|
4516
|
+
applicationId: this.applicationDetails?.applicationId,
|
|
4517
|
+
currentAppId: this.currentApp?.id,
|
|
4518
|
+
optimizeApps: (optimizeSection.apps || []).map((app) => app?.id),
|
|
4519
|
+
selectedAppId,
|
|
4520
|
+
selectedAppResolved: selectedApp?.id,
|
|
4521
|
+
activeAppId: activeApp?.id,
|
|
4522
|
+
containsActiveRoute,
|
|
4523
|
+
expanded,
|
|
4524
|
+
sectionState: this.revisedSectionState?.['optimize'],
|
|
4525
|
+
});
|
|
4526
|
+
}
|
|
4527
|
+
collapseAllRevisedSections() {
|
|
4528
|
+
Object.keys(this.revisedSectionState || {}).forEach((sectionId) => {
|
|
4529
|
+
this.revisedSectionState[sectionId] = false;
|
|
4530
|
+
});
|
|
4531
|
+
}
|
|
4532
|
+
/** When the sidenav opens, expand any revised section that owns the current route (and sync app-tabs selection). */
|
|
4533
|
+
expandRevisedSectionsContainingActiveRoute() {
|
|
4534
|
+
if (!this.isRevisedNavigationEnabled() || !this.revisedSections?.length) {
|
|
4535
|
+
return;
|
|
4536
|
+
}
|
|
4537
|
+
this.revisedSections.forEach((section) => {
|
|
4538
|
+
if (this.sectionContainsActiveRoute(section)) {
|
|
4539
|
+
this.revisedSectionState[section.id] = true;
|
|
4540
|
+
this.syncSectionSelectionToActiveRoute(section);
|
|
4541
|
+
}
|
|
4542
|
+
});
|
|
4543
|
+
}
|
|
4544
|
+
openOnlyRevisedSection(section) {
|
|
4545
|
+
this.revisedSectionState[section.id] = true;
|
|
4546
|
+
return this.syncSectionSelectionToActiveRoute(section);
|
|
4547
|
+
}
|
|
4548
|
+
/** Clears `panelOpenState` on expandable rows so reopening a section does not keep arbitrary panels open. */
|
|
4549
|
+
clearRevisedExpandablePanelOpenStateInMenuTree(menus) {
|
|
4550
|
+
(menus || []).forEach((menu) => {
|
|
4551
|
+
if (menu?.children?.length) {
|
|
4552
|
+
menu.panelOpenState = false;
|
|
4553
|
+
this.clearRevisedExpandablePanelOpenStateInMenuTree(menu.children);
|
|
4554
|
+
}
|
|
4555
|
+
});
|
|
4556
|
+
}
|
|
4557
|
+
clearExpandablePanelOpenStateForRevisedSection(section) {
|
|
4558
|
+
if (!section) {
|
|
4559
|
+
return;
|
|
4560
|
+
}
|
|
4561
|
+
if (this.isRevisedAppTabsSection(section)) {
|
|
4562
|
+
(section.apps || []).forEach((app) => {
|
|
4563
|
+
this.clearRevisedExpandablePanelOpenStateInMenuTree(app.children || []);
|
|
4564
|
+
});
|
|
4565
|
+
return;
|
|
4566
|
+
}
|
|
4567
|
+
if (section.type === 'grouped-menus' && section.groups) {
|
|
4568
|
+
section.groups.forEach((group) => {
|
|
4569
|
+
this.clearRevisedExpandablePanelOpenStateInMenuTree(group.items || []);
|
|
4570
|
+
});
|
|
4571
|
+
}
|
|
4572
|
+
}
|
|
4573
|
+
/** Titled group panels: expanded only when a leaf under the group matches the current route (unless user toggled later). */
|
|
4574
|
+
resetRevisedGroupExpandedStateForSection(section) {
|
|
4575
|
+
if (!section || section.type !== 'grouped-menus' || !section.groups) {
|
|
4576
|
+
return;
|
|
4577
|
+
}
|
|
4578
|
+
section.groups.forEach((group) => {
|
|
4579
|
+
const key = section.id + '_' + group.id;
|
|
4580
|
+
this.revisedGroupExpandedState[key] = this.hasActiveRouteInMenus(group.items || []);
|
|
4581
|
+
});
|
|
4582
|
+
}
|
|
4583
|
+
getRevisedSectionById(sectionId) {
|
|
4584
|
+
return (this.revisedSections || []).find((section) => section.id === sectionId);
|
|
4585
|
+
}
|
|
4586
|
+
scrollToActiveMenuIfVisible() {
|
|
4587
|
+
// Revised layout keeps section headers + Optimize app tabs in the same scroll area as menu rows.
|
|
4588
|
+
// `scrollTop = offsetTop` is wrong (offsetParent ≠ scroll container) and jumps the list, hiding that chrome.
|
|
4589
|
+
if (this.isRevisedNavigationEnabled()) {
|
|
4590
|
+
return;
|
|
4591
|
+
}
|
|
4592
|
+
this.scrollToActiveMenu();
|
|
4593
|
+
}
|
|
4594
|
+
syncSectionSelectionToActiveRoute(section) {
|
|
4595
|
+
if (!section) {
|
|
4596
|
+
return false;
|
|
4597
|
+
}
|
|
4598
|
+
if (this.isRevisedAppTabsSection(section)) {
|
|
4599
|
+
const activeApp = this.findActiveAppForSection(section);
|
|
4600
|
+
if (activeApp) {
|
|
4601
|
+
this.revisedSelectedAppBySection[section.id] = activeApp.id;
|
|
4602
|
+
return true;
|
|
4603
|
+
}
|
|
4604
|
+
return false;
|
|
4605
|
+
}
|
|
4606
|
+
return this.sectionContainsActiveRoute(section);
|
|
4607
|
+
}
|
|
4608
|
+
findActiveAppForSection(section) {
|
|
4609
|
+
return this.getCurrentOptimizeApp(section);
|
|
4610
|
+
}
|
|
4611
|
+
sectionContainsActiveRoute(section) {
|
|
4612
|
+
if (!section) {
|
|
4613
|
+
return false;
|
|
4614
|
+
}
|
|
4615
|
+
if (this.isRevisedAppTabsSection(section)) {
|
|
4616
|
+
return !!this.getCurrentOptimizeApp(section);
|
|
4617
|
+
}
|
|
4618
|
+
return this.hasActiveRouteInMenus(this.getRevisedGroupedSectionGroups(section).reduce((items, group) => items.concat(group.items || []), []));
|
|
4619
|
+
}
|
|
4620
|
+
hasActiveRouteInMenus(menus = []) {
|
|
4621
|
+
return menus.some((menu) => {
|
|
4622
|
+
if (!menu) {
|
|
4623
|
+
return false;
|
|
4624
|
+
}
|
|
4625
|
+
if (this.isMenuRouteActive(menu)) {
|
|
4626
|
+
return true;
|
|
4627
|
+
}
|
|
4628
|
+
if (menu.children && menu.children.length > 0) {
|
|
4629
|
+
return this.hasActiveRouteInMenus(menu.children);
|
|
4630
|
+
}
|
|
4631
|
+
return false;
|
|
4632
|
+
});
|
|
4633
|
+
}
|
|
4634
|
+
/**
|
|
4635
|
+
* Normalizes a path for nav matching. Some shells differ: `router.url` vs `location.pathname` vs hash (`#/…`, `#!/…`).
|
|
4636
|
+
*/
|
|
4637
|
+
normalizeNavPathSegment(raw) {
|
|
4638
|
+
if (!raw) {
|
|
4639
|
+
return '';
|
|
4640
|
+
}
|
|
4641
|
+
let u = raw.split('?')[0].split('#')[0];
|
|
4642
|
+
if (u.length > 1 && u.endsWith('/')) {
|
|
4643
|
+
u = u.slice(0, -1);
|
|
4644
|
+
}
|
|
4645
|
+
return u;
|
|
4646
|
+
}
|
|
4647
|
+
/**
|
|
4648
|
+
* Strip `#!/` / `#/` from `menu.route` so it can match `collectCandidateNavPaths()` (hash → `/segment`).
|
|
4649
|
+
* Used only for **exact** (and legacy keyword suffix) checks — no prefix wildcard, to avoid cross-menu false positives.
|
|
4650
|
+
*/
|
|
4651
|
+
normalizeMenuRouteForPathMatch(route) {
|
|
4652
|
+
if (!route || typeof route !== 'string') {
|
|
4653
|
+
return null;
|
|
4654
|
+
}
|
|
4655
|
+
let r = route.trim();
|
|
4656
|
+
if (r.indexOf('#!/') === 0) {
|
|
4657
|
+
r = r.slice(3);
|
|
4658
|
+
}
|
|
4659
|
+
else if (r.indexOf('#/') === 0) {
|
|
4660
|
+
r = r.slice(2);
|
|
4661
|
+
}
|
|
4662
|
+
else if (r.indexOf('#') === 0) {
|
|
4663
|
+
r = r.slice(1);
|
|
4664
|
+
}
|
|
4665
|
+
r = r.replace(/^\/+/, '');
|
|
4666
|
+
if (!r) {
|
|
4667
|
+
return null;
|
|
4668
|
+
}
|
|
4669
|
+
return '/' + r;
|
|
4670
|
+
}
|
|
4671
|
+
/** Collect all URL shapes that might represent the current page (fixes Criteo / ancillary when Router URL lags or omits base). */
|
|
4672
|
+
collectCandidateNavPaths() {
|
|
4673
|
+
const paths = new Set();
|
|
4674
|
+
const add = (p) => {
|
|
4675
|
+
const n = this.normalizeNavPathSegment(p);
|
|
4676
|
+
if (n) {
|
|
4677
|
+
paths.add(n);
|
|
4678
|
+
}
|
|
4679
|
+
};
|
|
4680
|
+
add(this.router.url);
|
|
4681
|
+
if (typeof window !== 'undefined' && window.location) {
|
|
4682
|
+
add(window.location.pathname || '');
|
|
4683
|
+
const hash = window.location.hash || '';
|
|
4684
|
+
if (hash.indexOf('#/') === 0) {
|
|
4685
|
+
add(hash.slice(1));
|
|
4686
|
+
}
|
|
4687
|
+
else if (hash.indexOf('#!/') === 0) {
|
|
4688
|
+
add('/' + hash.slice(3).replace(/^\/+/, ''));
|
|
4689
|
+
}
|
|
4690
|
+
}
|
|
4691
|
+
return Array.from(paths);
|
|
4692
|
+
}
|
|
4693
|
+
/**
|
|
4694
|
+
* Menus whose `link` is a real path (`dsp/…`, `dp/…`, `content/…`, `criteo/…`, `walmart/…`, etc.).
|
|
4695
|
+
* For these, never treat bare `menu.route` (e.g. `overview`) as active — it collides across apps (DSP vs SOV).
|
|
4696
|
+
*/
|
|
4697
|
+
menuUsesPathPrefixedLink(menu) {
|
|
4698
|
+
const link = menu.link;
|
|
4699
|
+
return typeof link === 'string' && link.indexOf('triangular.') !== 0 && link.indexOf('/') !== -1;
|
|
4700
|
+
}
|
|
4701
|
+
/** `link` like `criteo/criteo-overview` vs URL `/criteo/criteo-overview` or `.../criteo/criteo-overview` (base href). */
|
|
4702
|
+
menuPathMatchesLinkPath(currentRoute, link) {
|
|
4703
|
+
if (typeof link !== 'string' || link.indexOf('triangular.') === 0 || link.indexOf('/') === -1) {
|
|
4704
|
+
return false;
|
|
4705
|
+
}
|
|
4706
|
+
let path = link.startsWith('/') ? link : '/' + link.replace(/^\/+/, '');
|
|
4707
|
+
if (path.length > 1 && path.endsWith('/')) {
|
|
4708
|
+
path = path.slice(0, -1);
|
|
4709
|
+
}
|
|
4710
|
+
if (currentRoute === path || currentRoute.indexOf(path + '/') === 0) {
|
|
4711
|
+
return true;
|
|
4712
|
+
}
|
|
4713
|
+
const at = currentRoute.lastIndexOf(path);
|
|
4714
|
+
if (at >= 0 && at === currentRoute.length - path.length && (at === 0 || currentRoute.charAt(at - 1) === '/')) {
|
|
4715
|
+
return true;
|
|
4716
|
+
}
|
|
4717
|
+
return false;
|
|
4718
|
+
}
|
|
4719
|
+
/**
|
|
4720
|
+
* `child_routes` entries are often host-relative segments (e.g. `walmart-keywords/keyword-report`) while
|
|
4721
|
+
* the browser URL is `/walmart/walmart-keywords/keyword-report`.
|
|
4722
|
+
*/
|
|
4723
|
+
menuChildRouteMatchesPath(currentRoute, childRoute) {
|
|
4724
|
+
if (!childRoute || typeof childRoute !== 'string') {
|
|
4725
|
+
return false;
|
|
4726
|
+
}
|
|
4727
|
+
const normalized = childRoute.startsWith('/') ? childRoute : '/' + childRoute.replace(/^\/+/, '');
|
|
4728
|
+
if (currentRoute === normalized || currentRoute === childRoute) {
|
|
4729
|
+
return true;
|
|
4730
|
+
}
|
|
4731
|
+
if (currentRoute.length >= normalized.length &&
|
|
4732
|
+
currentRoute.endsWith(normalized) &&
|
|
4733
|
+
(currentRoute.length === normalized.length || currentRoute.charAt(currentRoute.length - normalized.length - 1) === '/')) {
|
|
4734
|
+
return true;
|
|
4735
|
+
}
|
|
4736
|
+
return false;
|
|
4737
|
+
}
|
|
4738
|
+
/**
|
|
4739
|
+
* Expandable apps use `defaulturl` like `criteo/` — treat any `/criteo` or `/criteo/...` as under that app for active detection.
|
|
4740
|
+
* Skips `#!` / `#` values used by legacy Amazon ui-router entries.
|
|
4741
|
+
*/
|
|
4742
|
+
menuDefaultUrlMatchesPath(currentRoute, menu) {
|
|
4743
|
+
const du = menu.defaulturl;
|
|
4744
|
+
if (!du || typeof du !== 'string' || du.indexOf('#') >= 0 || du.indexOf('!') >= 0) {
|
|
4745
|
+
return false;
|
|
4746
|
+
}
|
|
4747
|
+
const base = '/' + du.replace(/^\/+/, '').replace(/\/$/, '');
|
|
4748
|
+
if (!base || base === '/') {
|
|
4749
|
+
return false;
|
|
4750
|
+
}
|
|
4751
|
+
return currentRoute === base || currentRoute.startsWith(base + '/');
|
|
4752
|
+
}
|
|
4753
|
+
/** Public so route rules stay in one place (used by revised grouped menus + unified isCheckActiveRoute). */
|
|
4754
|
+
isMenuRouteActive(menu) {
|
|
4755
|
+
if (!menu) {
|
|
4756
|
+
return false;
|
|
4757
|
+
}
|
|
4758
|
+
const candidates = this.collectCandidateNavPaths();
|
|
4759
|
+
const childRoutes = menu?.child_routes || [];
|
|
4760
|
+
const pathPrefixedLink = this.menuUsesPathPrefixedLink(menu);
|
|
4761
|
+
for (const currentRoute of candidates) {
|
|
4762
|
+
/* Path-prefixed ancillary links must match full path (link / defaulturl / child_routes), not `route` alone. */
|
|
4763
|
+
if (!pathPrefixedLink && menu.route) {
|
|
4764
|
+
const nr = this.normalizeMenuRouteForPathMatch(menu.route);
|
|
4765
|
+
if (nr &&
|
|
4766
|
+
(currentRoute === nr ||
|
|
4767
|
+
currentRoute === nr + '/keyword-report' ||
|
|
4768
|
+
currentRoute === nr + '/keyword-suggestions/auto' ||
|
|
4769
|
+
currentRoute === nr + '/keyword-suggestions/manual')) {
|
|
4770
|
+
return true;
|
|
4771
|
+
}
|
|
4772
|
+
const legacy = '/' + menu.route;
|
|
4773
|
+
if (currentRoute === legacy ||
|
|
4774
|
+
currentRoute === legacy + '/keyword-report' ||
|
|
4775
|
+
currentRoute === legacy + '/keyword-suggestions/auto' ||
|
|
4776
|
+
currentRoute === legacy + '/keyword-suggestions/manual') {
|
|
4777
|
+
return true;
|
|
4778
|
+
}
|
|
4779
|
+
}
|
|
4780
|
+
if (this.menuPathMatchesLinkPath(currentRoute, menu.link)) {
|
|
4781
|
+
return true;
|
|
4782
|
+
}
|
|
4783
|
+
if (this.menuDefaultUrlMatchesPath(currentRoute, menu)) {
|
|
4784
|
+
return true;
|
|
4785
|
+
}
|
|
4786
|
+
if (menu.matchRoutes && menu.matchRoutes.indexOf(currentRoute) > -1) {
|
|
4787
|
+
return true;
|
|
4788
|
+
}
|
|
4789
|
+
if (childRoutes.length > 0 &&
|
|
4790
|
+
childRoutes.some((childRoute) => this.menuChildRouteMatchesPath(currentRoute, childRoute))) {
|
|
4791
|
+
return true;
|
|
4792
|
+
}
|
|
4793
|
+
}
|
|
4794
|
+
return false;
|
|
4795
|
+
}
|
|
4796
|
+
normalizeRevisedLabel(label) {
|
|
4797
|
+
if (!label) {
|
|
4798
|
+
return '';
|
|
4799
|
+
}
|
|
4800
|
+
return label
|
|
4801
|
+
.replace(/<[^>]*>/g, '')
|
|
4802
|
+
.replace(/intentwise\s+/gi, '')
|
|
4803
|
+
.replace(/\s+/g, ' ')
|
|
4804
|
+
.trim()
|
|
4805
|
+
.toLowerCase();
|
|
4806
|
+
}
|
|
4807
|
+
getRevisedOptimizeRecommendationCount(app) {
|
|
4808
|
+
if (!app) {
|
|
4809
|
+
return null;
|
|
4810
|
+
}
|
|
4811
|
+
if (app.id === 'ads_amazon_advertising') {
|
|
4812
|
+
const recommendationMenu = this.findRevisedMenuById(app.children || [], 'ams_ads_recommendations');
|
|
4813
|
+
return recommendationMenu ? this.getMenuCountValue(recommendationMenu, 'activeRecommendation') : null;
|
|
4814
|
+
}
|
|
4815
|
+
return null;
|
|
4816
|
+
}
|
|
4817
|
+
getMenuCountValue(menu, fallbackCountKey) {
|
|
4818
|
+
const countKey = menu && menu.countKey ? menu.countKey : fallbackCountKey;
|
|
4819
|
+
if (!countKey) {
|
|
4820
|
+
return null;
|
|
4821
|
+
}
|
|
4822
|
+
const countValue = this.navigation.fetchKeyValue(countKey);
|
|
4823
|
+
return typeof countValue === 'number' && countValue > 0 ? countValue : null;
|
|
4824
|
+
}
|
|
4825
|
+
findRevisedMenuById(menus, menuId) {
|
|
4826
|
+
if (!menus || !menuId) {
|
|
4827
|
+
return null;
|
|
4828
|
+
}
|
|
4829
|
+
for (const menu of menus) {
|
|
4830
|
+
if (!menu) {
|
|
4831
|
+
continue;
|
|
4832
|
+
}
|
|
4833
|
+
if (menu.id === menuId || menu.sourceMenuId === menuId) {
|
|
4834
|
+
return menu;
|
|
4835
|
+
}
|
|
4836
|
+
const matchedChild = this.findRevisedMenuById(menu.children || [], menuId);
|
|
4837
|
+
if (matchedChild) {
|
|
4838
|
+
return matchedChild;
|
|
4839
|
+
}
|
|
4840
|
+
}
|
|
4841
|
+
return null;
|
|
4842
|
+
}
|
|
1956
4843
|
get sideIdInfo() {
|
|
1957
4844
|
if (this.applicationDetails && this.applicationDetails.sidebarInfo && this.applicationDetails.sidebarInfo.siteId) {
|
|
1958
4845
|
return Number(this.applicationDetails.sidebarInfo.siteId);
|
|
@@ -1980,21 +4867,24 @@ class ApplicationSidebarComponent {
|
|
|
1980
4867
|
}
|
|
1981
4868
|
function findLink(menuArray) {
|
|
1982
4869
|
return menuArray.some(function (menu) {
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
return
|
|
1995
|
-
|
|
4870
|
+
if (menu.level == "one" && menu.children && menu.children.length > 0) {
|
|
4871
|
+
// If the menu has children, search recursively
|
|
4872
|
+
if (menu.children) {
|
|
4873
|
+
return findLink(menu.children);
|
|
4874
|
+
}
|
|
4875
|
+
// Check if the current menu item has a matching link
|
|
4876
|
+
if (isMenuRouteMatch(menu.route)) {
|
|
4877
|
+
return true;
|
|
4878
|
+
}
|
|
4879
|
+
// If there are child routes, search within them
|
|
4880
|
+
if (menu.child_routes) {
|
|
4881
|
+
return menu.child_routes.some(function (childRoute) {
|
|
4882
|
+
return isMenuRouteMatch(childRoute);
|
|
4883
|
+
});
|
|
4884
|
+
}
|
|
4885
|
+
return false;
|
|
1996
4886
|
}
|
|
1997
|
-
return
|
|
4887
|
+
return true;
|
|
1998
4888
|
});
|
|
1999
4889
|
}
|
|
2000
4890
|
}
|
|
@@ -2162,14 +5052,16 @@ class ApplicationSidebarComponent {
|
|
|
2162
5052
|
// let splitedURL = route.split("/");
|
|
2163
5053
|
// pageName = splitedURL.length >0 ? splitedURL[splitedURL.length - 1] : route;
|
|
2164
5054
|
// }
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
5055
|
+
if (!menu) {
|
|
5056
|
+
return false;
|
|
5057
|
+
}
|
|
5058
|
+
if (!this.isMenuRouteActive(menu)) {
|
|
5059
|
+
return false;
|
|
5060
|
+
}
|
|
5061
|
+
if (parentMenu != null) {
|
|
5062
|
+
this.activePanel = parentMenu.id;
|
|
5063
|
+
}
|
|
5064
|
+
if (headmenu !== undefined && headmenu !== null) {
|
|
2173
5065
|
if (this.prevActiveHeadMenu === undefined) {
|
|
2174
5066
|
headmenu.isActive = true;
|
|
2175
5067
|
this.prevActiveHeadMenu = headmenu;
|
|
@@ -2179,27 +5071,8 @@ class ApplicationSidebarComponent {
|
|
|
2179
5071
|
headmenu.isActive = true;
|
|
2180
5072
|
this.prevActiveHeadMenu = headmenu;
|
|
2181
5073
|
}
|
|
2182
|
-
if (parentMenu != null) {
|
|
2183
|
-
this.activePanel = parentMenu.id;
|
|
2184
|
-
}
|
|
2185
|
-
return true;
|
|
2186
|
-
}
|
|
2187
|
-
else if (menu && menu.matchRoutes && this.router.url) {
|
|
2188
|
-
if (menu.matchRoutes.indexOf(this.router.url.split('?')[0]) > -1) {
|
|
2189
|
-
headmenu.isActive = true;
|
|
2190
|
-
this.prevActiveHeadMenu = headmenu;
|
|
2191
|
-
if (parentMenu != null) {
|
|
2192
|
-
this.activePanel = parentMenu.id;
|
|
2193
|
-
}
|
|
2194
|
-
return true;
|
|
2195
|
-
}
|
|
2196
|
-
else {
|
|
2197
|
-
return false;
|
|
2198
|
-
}
|
|
2199
|
-
}
|
|
2200
|
-
else {
|
|
2201
|
-
return false;
|
|
2202
5074
|
}
|
|
5075
|
+
return true;
|
|
2203
5076
|
}
|
|
2204
5077
|
keepMenuExpanded(parentMenuId) {
|
|
2205
5078
|
if (parentMenuId.indexOf(this.applicationDetails.applicationId) >= 0) {
|
|
@@ -2232,22 +5105,8 @@ class ApplicationSidebarComponent {
|
|
|
2232
5105
|
}
|
|
2233
5106
|
goToApplication(item) {
|
|
2234
5107
|
window.localStorage.removeItem('selectedAppId');
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
}
|
|
2238
|
-
else {
|
|
2239
|
-
if (item.children && item.children.length > 0) {
|
|
2240
|
-
if (item.children[0].children && item.children[0].children.length > 0) {
|
|
2241
|
-
this.goToAppDefaultPage(item.children[0].children[0], item.id);
|
|
2242
|
-
}
|
|
2243
|
-
else {
|
|
2244
|
-
this.goToAppDefaultPage(item.children[0], item.id);
|
|
2245
|
-
}
|
|
2246
|
-
}
|
|
2247
|
-
else {
|
|
2248
|
-
this.goToAppDefaultPage(item, item.id);
|
|
2249
|
-
}
|
|
2250
|
-
}
|
|
5108
|
+
const targetItem = this.getDefaultNavigationTarget(item);
|
|
5109
|
+
this.goToAppDefaultPage(targetItem, item?.id || targetItem?.id);
|
|
2251
5110
|
}
|
|
2252
5111
|
goToMenuLink(item) {
|
|
2253
5112
|
if (item && item.link) {
|
|
@@ -2261,12 +5120,52 @@ class ApplicationSidebarComponent {
|
|
|
2261
5120
|
}
|
|
2262
5121
|
}
|
|
2263
5122
|
ngOnDestroy() {
|
|
5123
|
+
if (this.myObserver) {
|
|
5124
|
+
this.myObserver.unsubscribe();
|
|
5125
|
+
}
|
|
2264
5126
|
if (this.sideNavStatusSubscription) {
|
|
2265
5127
|
this.sideNavStatusSubscription.unsubscribe();
|
|
2266
5128
|
}
|
|
5129
|
+
if (this.sideNavClosedStartSubscription) {
|
|
5130
|
+
this.sideNavClosedStartSubscription.unsubscribe();
|
|
5131
|
+
}
|
|
2267
5132
|
}
|
|
2268
5133
|
goToAppDefaultPage(item, appId) {
|
|
2269
|
-
|
|
5134
|
+
if (!item) {
|
|
5135
|
+
return;
|
|
5136
|
+
}
|
|
5137
|
+
const sameApp = !!(appId && this.applicationDetails?.applicationId && appId === this.applicationDetails.applicationId);
|
|
5138
|
+
if (item.defaulturl) {
|
|
5139
|
+
this.navigation.getHostOriginAndNavigate(item.defaulturl);
|
|
5140
|
+
return;
|
|
5141
|
+
}
|
|
5142
|
+
if (sameApp && typeof item.route === 'string' && item.route !== '' && item.route.indexOf('#') < 0) {
|
|
5143
|
+
this.router.navigate([item.route]);
|
|
5144
|
+
return;
|
|
5145
|
+
}
|
|
5146
|
+
const hasExplicitHashRoute = typeof item.route === 'string' && item.route.indexOf('#') >= 0;
|
|
5147
|
+
const targetUrl = hasExplicitHashRoute ? item.route : (item.link || item.route);
|
|
5148
|
+
if (!targetUrl) {
|
|
5149
|
+
return;
|
|
5150
|
+
}
|
|
5151
|
+
const hostNavExtras = hasExplicitHashRoute ? { appId } : undefined;
|
|
5152
|
+
this.navigation.getHostOriginAndNavigate(targetUrl, hostNavExtras);
|
|
5153
|
+
}
|
|
5154
|
+
getDefaultNavigationTarget(item) {
|
|
5155
|
+
if (!item) {
|
|
5156
|
+
return item;
|
|
5157
|
+
}
|
|
5158
|
+
if (item.defaulturl || item.route || item.link) {
|
|
5159
|
+
return item;
|
|
5160
|
+
}
|
|
5161
|
+
const children = item.children || [];
|
|
5162
|
+
for (const child of children) {
|
|
5163
|
+
const resolved = this.getDefaultNavigationTarget(child);
|
|
5164
|
+
if (resolved) {
|
|
5165
|
+
return resolved;
|
|
5166
|
+
}
|
|
5167
|
+
}
|
|
5168
|
+
return item;
|
|
2270
5169
|
}
|
|
2271
5170
|
hideMenuForWL() {
|
|
2272
5171
|
let isOrgSetting;
|
|
@@ -2285,13 +5184,13 @@ class ApplicationSidebarComponent {
|
|
|
2285
5184
|
return (isOrgSetting != null && (this.applicationDetails.sidebarInfo.siteId > 11 || this.applicationDetails['userInfo'].role === 'IAC_BRAND_READ_ONLY'));
|
|
2286
5185
|
}
|
|
2287
5186
|
}
|
|
2288
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationSidebarComponent, deps: [{ token: ApplicationSidebarService }, { token: i2.Router }, { token: RestApiService }, { token: i4.CookieService }, { token: i0.ChangeDetectorRef }, { token: TranslationService }, { token: MixpanelService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2289
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApplicationSidebarComponent, selector: "lnc-navigation-sidebar", inputs: { applicationDetails: "applicationDetails", sidenav: "sidenav" }, viewQueries: [{ propertyName: "list", first: true, predicate: ScrollableDirective, descendants: true }, { propertyName: "navMenusComponent", first: true, predicate: ["navMenusComponent"], descendants: true }, { propertyName: "listItems", predicate: OffsetTopDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"loader_sov\">\n <div id=\"loading_div\" *ngIf=\"applicationDetails?.sidebarInfo\">\n <div>\n <div id=\"loader\" *ngIf=\"sideIdInfo !== 1\"\n class=\"site_{{sideIdInfo}}\">\n <img src=\"{{applicationDetails?.sidebarInfo?.logo}}\">\n </div>\n <div id=\"loader_img\" *ngIf=\"sideIdInfo == 1\">\n <img src=\"/assets/images/happy_eyes_closed_small.svg\">\n </div>\n <mat-progress-bar class=\"loader_progress-bar-position\" mode=\"indeterminate\"></mat-progress-bar>\n </div>\n </div>\n</div>\n\n<div fxLayout=\"column\" fxFlexFill *ngIf=\"errorMsg.length == 0 else errorBlock\" translate=\"no\" id=\"angular-16-version\" [ngClass]=\"{'navmenu-expanded' : !navExpanded}\">\n <mat-toolbar class=\"portal-side-menu-top-toolbar\">\n <mat-toolbar-row fxLayout=\"row\">\n <div class=\"portal-forget-heading-card\">\n <div class=\"sidemenu-logo-holder\">\n <span *ngIf=\"sideIdInfo !== 1\">\n <img [src]=\"applicationDetails?.sidebarInfo?.favicon\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension\" />\n <img [src]=\"applicationDetails?.sidebarInfo?.logo\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" class=\"logo-dimension\" />\n </span>\n <span *ngIf=\"sideIdInfo == 1\">\n <img src=\"assets/logos/intentwiselogo.svg\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension intentwise-favicon\">\n <img src=\"assets/logos/Intentwise.svg\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"logo-dimension intentwise-logo\">\n </span>\n </div>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n <!-- <div class=\"sidebar-collapse-icon\" *ngIf=\"isAdminRole\">\n <button mat-menu-item class=\"sidemenu-icon-top\" (click)=\"allMenuCollapse()\">\n <mat-icon *ngIf=\"sidenav && sidenav.opened\">keyboard_arrow_up</mat-icon>\n </button>\n </div> -->\n <div *ngIf=\"sidenav && sidenav.opened && !inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-button selected-app-button\" *ngIf=\"toDisplayApplications && toDisplayApplications.length == 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n </button>\n <button class=\"app-menu-button selected-app-button\" [mat-menu-trigger-for]=\"appMenu\" *ngIf=\"toDisplayApplications && toDisplayApplications.length > 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n <span class=\"dropdown-icon\"></span>\n </button>\n <mat-menu #appMenu=\"matMenu\" class=\"app-menu\" [backdropClass]=\"'all-module-menus'\">\n <ng-container *ngFor=\"let headmenu of toDisplayApplications\">\n <button class=\"menu-option\" mat-menu-item (click)=\"goToApplication(headmenu)\" [ngClass]=\"{'active': headmenu.panelOpenState}\" class=\"{{headmenu.id}}_icon\" *ngIf=\"headmenu.name != 'Account Management'\" translate=\"no\">\n <!-- <mat-icon class=\"sideNavIcon children-icon\" [ngClass]=\"headmenu.name.split(' ').join('')\"></mat-icon> -->\n <img class=\"icon children-icon side-menu-icon\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </button>\n </ng-container>\n </mat-menu>\n </div>\n <div class=\"portal-sidnav-menu\" fxFlex=\"nogrow noshrink\" appScrollable [ngClass]=\"{'whiteLabelSidenav' : inContextInsightsWLApp}\">\n <mat-expansion-panel [expanded]=\"headmenu.panelOpenState == true\" hideToggle=\"true\"\n *ngFor=\"let headmenu of toDisplayApplications\" [ngClass]=\"{'active': currentApp.id === headmenu.id }\"\n (opened)=\"headmenu.panelOpenState = true\" (closed)=\"headmenu.panelOpenState = false\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n *ngIf=\"headmenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n (click)=\"goToApplication(headmenu)\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!headmenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"headmenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of headmenu.children\" [attr.id]=\"headmenu.id\" [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-expansion-panel *ngIf=\"menu.children else listMenu\" class=\"div-background-color-white\" [expanded]=\"menu.id == activePanel\"\n [ngClass]=\"{'activePanel': menu.id == activePanel , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"menu.panelOpenState = true\" (closed)=\"menu.panelOpenState = false\">\n <mat-expansion-panel-header\n [ngClass]=\"{'header-border': menu.panelOpenState === true, 'header-border-none': menu.panelOpenState === false }\">\n <mat-panel-title>\n <img style=\"margin-right: 10px\" *ngIf=\"(menu.icon && menu.icon != '') else displayInitials\"\n class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(menu.icon)\" />\n <ng-template #displayInitials>\n <div class=\"sidemenu-symbol\">\n {{menu.symbol}}\n </div>\n </ng-template>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\"\n [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"children-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"!menu.panelOpenState\">keyboard_arrow_right</mat-icon>\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"menu.panelOpenState\">keyboard_arrow_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <!-- <mat-divider></mat-divider> -->\n <mat-nav-list *ngFor=\"let childMenu of menu.children;\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(childMenu,headmenu,menu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\" [parentPanelId]=\"menu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-expansion-panel>\n <ng-template #listMenu>\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,headmenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus id=\"{{headmenu.id}}\" appOffsetTop [isActiveItem]=\"isCheckActiveRoute(headmenu,headmenu)\"\n [item]=\"headmenu\" [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n </div>\n <div class=\"portal-global-setting-menu sticky_bottom_menu\" *ngIf=\"!inContextInsightsWLApp\">\n <div *ngIf=\"!inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-Link-button\" *ngIf=\"toDisplayLinkMenu && toDisplayLinkMenu.length > 0\">\n <div *ngFor=\"let menuLink of toDisplayLinkMenu\" id=\"{{menuLink.id + 'menu'}}\" [style.margin-left]=\"sidenav && sidenav.opened ? '0px' : '5px'\">\n <span class=\"app-name\" (click)=\"goToMenuLink(menuLink)\">\n <div *ngIf=\"sidenav && sidenav.opened\" style=\"display: flex; align-items: center;\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <label *ngIf=\"showTitle\" class=\"app-name-label\" [innerHTML]=\"selectedApplication(menuLink)\"></label>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n <div *ngIf=\"sidenav && !sidenav.opened\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n </span>\n </div>\n </button>\n </div>\n <mat-expansion-panel [expanded]=\"settingsHeadMenu.panelOpenState == true || expandGlobalSettings\" hideToggle=\"true\" id=\"{{settingsHeadMenu.id + 'menu'}}\"\n *ngFor=\"let settingsHeadMenu of toDisplayGlobalSettingsMenu\" [ngClass]=\"{'active': settingsHeadMenu.isActive }\"\n (opened)=\"sidenav.open(); settingsHeadMenu.panelOpenState = true\" (closed)=\"settingsHeadMenu.panelOpenState = false; expandGlobalSettings = false\" [style.border]=\"sidenav && sidenav.opened ? '' : 'none !important'\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\"\n *ngIf=\"settingsHeadMenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n [ngClass]=\"sidenav && sidenav.opened ? '' : 'sticky-bottom-closed'\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(settingsHeadMenu.icon || 'settings-icon.svg')\" />\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(settingsHeadMenu)\"></label>\n <span *ngIf=\"settingsHeadMenu.badge\" class=\"badge-text sov-beta-position\"\n [innerHTML]=\"settingsHeadMenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"setting-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!settingsHeadMenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"settingsHeadMenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of settingsHeadMenu.children\" [attr.id]=\"settingsHeadMenu.id\"\n [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,settingsHeadMenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus [attr.id]=\"settingsHeadMenu.id\" appOffsetTop\n [isActiveItem]=\"isCheckActiveRoute(settingsHeadMenu,settingsHeadMenu)\" [item]=\"settingsHeadMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n\n </div>\n</div>\n<ng-template #errorBlock>\n <div class=\"errorMsg\">\n <span class=\"material-icons\">error</span>\n <span class=\"errorTxt\">{{errorMsg}}</span>\n </div>\n</ng-template>\n\n<a class=\"hamburger-icon expanded-hamburger-icon\" title=\"Toggle Menu\" (click)=\"sidenav.close();allMenuCollapse(); \">\n <mat-icon class=\"left-chevron-icon\">keyboard_arrow_left</mat-icon>\n</a>\n\n<!-- <img *ngIf=\"showMenuIcon()\" class=\"favicon-dimension\" src={{applicationDetails.sidebarInfo.favicon}} alt=\"Intentwise Favicon\" />\n <a *ngIf=\"showMenuIcon()\" title=\"Toggle Menu\" class=\"hamburger-icon collapsed-hamburger\"\n (click)=\"sidenav.open()\">\n <mat-icon class=\"right-chevron-icon\">keyboard_arrow_right</mat-icon>\n </a> -->", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081}.mat-warn{--mat-option-selected-state-label-text-color: #f44336}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-card{--mdc-elevated-card-container-color: white;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: white;--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #3f51b5;--mdc-linear-progress-track-color: rgba(63, 81, 181, .25)}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}@media (forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #ff4081;--mdc-linear-progress-track-color: rgba(255, 64, 129, .25)}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: #616161;--mdc-plain-tooltip-supporting-text-color: #fff}html{--mdc-filled-text-field-caret-color: #3f51b5;--mdc-filled-text-field-focus-active-indicator-color: #3f51b5;--mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-filled-text-field-container-color: whitesmoke;--mdc-filled-text-field-disabled-container-color: #fafafa;--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #3f51b5;--mdc-outlined-text-field-focus-outline-color: #3f51b5;--mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:#000000de}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after{color:#0000008a}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after{color:#3f51b5de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after{color:#ff4081de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after{color:#f44336de}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after{color:#00000061}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #ff4081;--mdc-filled-text-field-focus-active-indicator-color: #ff4081;--mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);--mdc-outlined-text-field-caret-color: #ff4081;--mdc-outlined-text-field-focus-outline-color: #ff4081;--mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid transparent}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid transparent}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(63, 81, 181, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(255, 64, 129, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html{--mat-autocomplete-background-color: white}.mat-mdc-dialog-container{--mdc-dialog-container-color: white;--mdc-dialog-subhead-color: rgba(0, 0, 0, .87);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color: #212121;--mdc-chip-elevated-container-color: #e0e0e0;--mdc-chip-elevated-disabled-container-color: #e0e0e0;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #212121;--mdc-chip-with-icon-icon-color: #212121;--mdc-chip-with-icon-disabled-icon-color: #212121;--mdc-chip-with-icon-selected-icon-color: #212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;--mdc-chip-with-trailing-icon-trailing-icon-color: #212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #3f51b5;--mdc-chip-elevated-disabled-container-color: #3f51b5;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #ff4081;--mdc-chip-elevated-disabled-container-color: #ff4081;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #f44336;--mdc-chip-elevated-disabled-container-color: #f44336;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height: 32px}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color: #3949ab;--mdc-switch-selected-handle-color: #3949ab;--mdc-switch-selected-hover-state-layer-color: #3949ab;--mdc-switch-selected-pressed-state-layer-color: #3949ab;--mdc-switch-selected-focus-handle-color: #1a237e;--mdc-switch-selected-hover-handle-color: #1a237e;--mdc-switch-selected-pressed-handle-color: #1a237e;--mdc-switch-selected-focus-track-color: #7986cb;--mdc-switch-selected-hover-track-color: #7986cb;--mdc-switch-selected-pressed-track-color: #7986cb;--mdc-switch-selected-track-color: #7986cb;--mdc-switch-disabled-selected-handle-color: #424242;--mdc-switch-disabled-selected-icon-color: #fff;--mdc-switch-disabled-selected-track-color: #424242;--mdc-switch-disabled-unselected-handle-color: #424242;--mdc-switch-disabled-unselected-icon-color: #fff;--mdc-switch-disabled-unselected-track-color: #424242;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #fff;--mdc-switch-unselected-focus-handle-color: #212121;--mdc-switch-unselected-focus-state-layer-color: #424242;--mdc-switch-unselected-focus-track-color: #e0e0e0;--mdc-switch-unselected-handle-color: #616161;--mdc-switch-unselected-hover-handle-color: #212121;--mdc-switch-unselected-hover-state-layer-color: #424242;--mdc-switch-unselected-hover-track-color: #e0e0e0;--mdc-switch-unselected-icon-color: #fff;--mdc-switch-unselected-pressed-handle-color: #212121;--mdc-switch-unselected-pressed-state-layer-color: #424242;--mdc-switch-unselected-pressed-track-color: #e0e0e0;--mdc-switch-unselected-track-color: #e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:#00000061}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #d81b60;--mdc-switch-selected-handle-color: #d81b60;--mdc-switch-selected-hover-state-layer-color: #d81b60;--mdc-switch-selected-pressed-state-layer-color: #d81b60;--mdc-switch-selected-focus-handle-color: #880e4f;--mdc-switch-selected-hover-handle-color: #880e4f;--mdc-switch-selected-pressed-handle-color: #880e4f;--mdc-switch-selected-focus-track-color: #f06292;--mdc-switch-selected-hover-track-color: #f06292;--mdc-switch-selected-pressed-track-color: #f06292;--mdc-switch-selected-track-color: #f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e53935;--mdc-switch-selected-handle-color: #e53935;--mdc-switch-selected-hover-state-layer-color: #e53935;--mdc-switch-selected-pressed-state-layer-color: #e53935;--mdc-switch-selected-focus-handle-color: #b71c1c;--mdc-switch-selected-hover-handle-color: #b71c1c;--mdc-switch-selected-pressed-handle-color: #b71c1c;--mdc-switch-selected-focus-track-color: #e57373;--mdc-switch-selected-hover-track-color: #e57373;--mdc-switch-selected-pressed-track-color: #e57373;--mdc-switch-selected-track-color: #e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size: 48px}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size: 40px}.mat-mdc-slider{--mdc-slider-label-container-color: black;--mdc-slider-label-label-text-color: white;--mdc-slider-disabled-handle-color: #000;--mdc-slider-disabled-active-track-color: #000;--mdc-slider-disabled-inactive-track-color: #000;--mdc-slider-with-tick-marks-disabled-container-color: #000;--mat-mdc-slider-value-indicator-opacity: .6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #3f51b5;--mdc-slider-focus-handle-color: #3f51b5;--mdc-slider-hover-handle-color: #3f51b5;--mdc-slider-active-track-color: #3f51b5;--mdc-slider-inactive-track-color: #3f51b5;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color: #ff4081;--mdc-slider-focus-handle-color: #ff4081;--mdc-slider-hover-handle-color: #ff4081;--mdc-slider-active-track-color: #ff4081;--mdc-slider-inactive-track-color: #ff4081;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-container-color: white}.mat-mdc-list-base{--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-disabled-label-text-color: black;--mdc-list-list-item-disabled-leading-icon-color: black;--mdc-list-list-item-disabled-trailing-icon-color: black;--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-state-layer-color: black;--mdc-list-list-item-hover-state-layer-opacity: .04;--mdc-list-list-item-focus-state-layer-color: black;--mdc-list-list-item-focus-state-layer-opacity: .12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)}html{--mat-paginator-container-size: 56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: #3f51b5;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #3f51b5;--mat-tab-header-active-ripple-color: #3f51b5;--mat-tab-header-inactive-ripple-color: #3f51b5;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #3f51b5;--mat-tab-header-active-hover-label-text-color: #3f51b5;--mat-tab-header-active-focus-indicator-color: #3f51b5;--mat-tab-header-active-hover-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color: #ff4081;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #ff4081;--mat-tab-header-active-ripple-color: #ff4081;--mat-tab-header-inactive-ripple-color: #ff4081;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #ff4081;--mat-tab-header-active-hover-label-text-color: #ff4081;--mat-tab-header-active-focus-indicator-color: #ff4081;--mat-tab-header-active-hover-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color: #f44336;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #f44336;--mat-tab-header-active-ripple-color: #f44336;--mat-tab-header-inactive-ripple-color: #f44336;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #f44336;--mat-tab-header-active-hover-label-text-color: #f44336;--mat-tab-header-active-focus-indicator-color: #f44336;--mat-tab-header-active-hover-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color: #3f51b5;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color: #ff4081;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color: #f44336;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height: 48px}html{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#00000061}html{--mdc-checkbox-state-layer-size: 40px}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color: #000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-text-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color: #fff;--mdc-filled-button-label-text-color: #000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #3f51b5;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #ff4081;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-button-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color: #fff;--mdc-protected-button-label-text-color: #000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #3f51b5;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #ff4081;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-elevation: 0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color: #000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-mdc-icon-button{--mdc-icon-button-icon-color: inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color: #3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color: #ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color: #f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color: rgba(0, 0, 0, .38);--mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color: rgba(0, 0, 0, .12);--mdc-fab-icon-color: rgba(0, 0, 0, .38);--mat-mdc-fab-color: rgba(0, 0, 0, .38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color: white;--mdc-fab-icon-color: black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #3f51b5;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #ff4081;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #333333;--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);--mat-snack-bar-button-color: #ff4081}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: #3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color: #ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color: #f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto,sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: #b9b9b9;--mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)}.mat-badge-accent{--mat-badge-background-color: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white}html{--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color: white;--mat-standard-button-toggle-state-layer-color: black;--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color: white;--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-divider-color: #e0e0e0}html{--mat-standard-button-toggle-height: 48px}html{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color: #ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color: #f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-divider-color: rgba(0, 0, 0, .12)}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--mat-stepper-header-edit-state-icon-foreground-color: white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color: whitesmoke;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.errorMsg{position:FIXED;color:#ff273e;font-size:14px;font-family:Source Sans Pro,sans-serif;inset:0;background-color:#fff;text-align:center}.errorMsg .material-icons{position:relative;left:25px;top:calc(51% - 50px)}.errorMsg .errorTxt{padding:10px 10px 10px 30px;text-align:left;width:inherit;display:inline-block;position:relative;line-height:20px;top:calc(50% - 50px)}.sticky_bottom_menu .sticky-bottom-closed{margin-left:3px}.portal-sidnav-menu{overflow-y:auto;scroll-behavior:smooth}.portal-sidnav-menu .portal-sidnav-menu__subheader{margin:12px 0;padding:0 16px;vertical-align:middle;text-transform:uppercase}.portal-sidnav-menu .mat-expansion-panel{box-shadow:none;border-radius:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header{height:36px!important;border-bottom:1px solid gainsboro;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 10px;border:none!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{margin:0;align-items:center;width:100%}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title img.icon.side-menu-icon{width:24px!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{margin-right:13px}.portal-sidnav-menu .mat-nav-list{padding:0}.portal-sidnav-menu .mat-nav-list .mat-mdc-list-item-icon,.portal-sidnav-menu .mat-nav-list .mat-icon.portal-sidnav-menu__end_detail{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-list-item-focus{background:transparent}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header{padding-left:20px}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .menu-name-expandable{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .level-two-badge{top:-10px!important;right:-4px!important}.main-expansion-panel-header{position:relative}.main-chevron-icon{font-size:34px;width:25px;height:34px;color:#41586b;position:absolute;right:10px;bottom:1px}.sub-chevron-icon{left:25px;top:6px;font-size:15px;width:25px;height:15px;color:#41586b;position:relative}.mat-expansion-panel-header:hover{background-color:#fafafa!important}.mat-expansion-panel-header:hover .main-chevron-icon,.mat-expansion-panel-header:hover .sub-chevron-icon{color:#f3aaa2}.header-border{border-top:1px solid gainsboro;border-top-left-radius:0;border-top-right-radius:0}.header-border-none{border:0}.sidemenu-logo-holder{width:150px;text-align:center;margin:0;line-height:1px;max-height:65px;padding:0 10px;display:flex;justify-content:center}.sidemenu-logo-holder img{width:100%}.sidemenu-heading{color:#202b37;font-size:13px;font-family:Source Sans Pro,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:1.67px;line-height:38px;margin:0!important}.sidemenu-symbol{border-radius:50%;width:18px;height:18px;border:1px solid #ff273e;color:#202b37;text-align:center;font:9px Arial,sans-serif;display:inline-block;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:10px}.menu-heading{position:relative;margin:0!important;font-weight:500!important;font-size:13.1px;font-family:roboto,sans-serif!important;color:#202b37;white-space:nowrap;text-transform:capitalize;letter-spacing:normal}.logo-dimension{object-fit:cover;max-height:60px}.hamburger-icon{z-index:-1;cursor:pointer;position:fixed;background-color:#fff;border:1px solid #e6eefc;width:20px!important;height:32px;line-height:36px;top:calc(50% - 15px);display:flex;align-items:center;justify-content:center}.left-chevron-icon{color:#7f7f7f}.expanded-hamburger-icon{left:232px}.sidebar-collapse-icon{display:flex;justify-content:flex-end;top:0;z-index:99;background-color:#fff;padding-right:8px}.sidebar-collapse-icon button{width:25px;display:flex;text-align:center;vertical-align:middle;align-items:center;justify-content:center;text-transform:capitalize;border-radius:0;line-height:15px;height:20px;padding:0;min-height:20px;cursor:pointer;color:#1264a3;text-decoration:none;font-size:14px;font-family:Roboto;left:0;top:0;background-color:#fff;border:1px solid #e6eefc}.sidebar-collapse-icon button mat-icon{margin:0}.portal-forgot-logo-text{line-height:1.3;font-family:Dosis,sans-serif;font-style:normal;font-stretch:normal;letter-spacing:4.3px;text-align:left;opacity:1px;color:#41586b;display:inline-block;vertical-align:middle;font-size:25px;font-weight:600}.portal-forgot-card__logo{width:16%}.portal-forget-heading-card{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.div-background-color,.div-background-color-white{background-color:#fff!important}.mat-expansion-panel-content .sub-child-menu .mat-mdc-list-item h3{font-size:14px!important}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;border-width:0 1px 1px 0;padding:4px}:host ::ng-deep .mat-expansion-indicator:before{color:#000!important}:host ::ng-deep .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .mat-mdc-list-base{padding:0}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item,.mat-list-base .mat-list-option{height:40px}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item:hover,.mat-list-base .mat-list-option:hover{background-color:#fdeeec;border-right:3px solid #ff273e}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content{padding:0 10px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item{padding:20px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#1e1f21;font: 400 16px Lato,serif}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-divider.separator{margin-left:0!important;width:calc(100% + 10px)!important}.badge-text.sov-beta-position{position:relative;font-size:10px;color:#ff273e!important;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px}.portal-global-setting-menu{border-top:none!important;margin-bottom:8px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel{border-radius:8px;border:1px solid #E5E7E8;padding-left:12px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover,.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel.mat-expanded{border-color:#acb0b4}.portal-global-setting-menu .app-menu-container .app-menu-Link-button{padding:12px 0 12px 12px!important;align-items:center;background:transparent;cursor:pointer!important;width:100%!important;margin:0!important;height:44px!important;border-radius:8px;border:none!important;display:flex!important;justify-content:space-between;font: 400 16px Lato,serif!important;line-height:16px!important}.portal-global-setting-menu .app-menu-container .app-menu-Link-button .app-name label.app-name-label{font-weight:400;cursor:pointer}.navmenu-expanded{align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header{display:flex!important;justify-content:center;align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-content{margin-left:12px}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:center}.navmenu-expanded .portal-global-setting-menu.sticky_bottom_menu .mat-expansion-panel{border:none!important}.side-menu-icon{width:24px;margin-right:8px}::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}::-webkit-scrollbar-corner{display:none;height:0px;width:0px}::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}:host ::ng-deep #loader_sov{display:none}:host ::ng-deep #loading_div{width:100%;height:100%;position:fixed;z-index:9999;display:table;background:#f9f9f9}:host ::ng-deep #loading_div>div{display:table-cell;vertical-align:middle;text-align:center}:host ::ng-deep #loading_div>div #loader{vertical-align:middle;width:100%;height:120px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader img{width:auto;height:140px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div #loader.site_2{height:130px}:host ::ng-deep #loading_div>div #loader.site_2 img{height:160px}:host ::ng-deep #loading_div>div #loader.site_6{height:138px}:host ::ng-deep #loading_div>div #loader.site_5{height:123px}:host ::ng-deep #loading_div>div #loader.site_5 img{height:110px}:host ::ng-deep #loading_div>div #loader.site_7{height:181px}:host ::ng-deep #loading_div>div #loader.site_7 img{height:204px}:host ::ng-deep #loading_div>div #loader_img{vertical-align:middle;width:100%;height:170px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader_img img{width:auto;height:150px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position{width:16%;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-fill:after{background-color:#ff273e!important}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-buffer{background-color:#cdcdd2!important}@media only screen and (max-width: 1425px){:host ::ng-deep #loading_div .loader_progress-bar-position{width:26%!important}}\n", ""], dependencies: [{ kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i7.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i9.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i9.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i10.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i10.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i10.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i11$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i15.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i15.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i15.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i11.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: NavMenusComponent, selector: "lnc-nav-menus", inputs: ["item", "applicationId", "parentMenuId", "parentPanelId", "isActiveItem"], outputs: ["menuClicked"] }, { kind: "directive", type: ScrollableDirective, selector: "[appScrollable]" }, { kind: "directive", type: OffsetTopDirective, selector: "[appOffsetTop]", inputs: ["isActiveItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5187
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationSidebarComponent, deps: [{ token: ApplicationSidebarService }, { token: i2.Router }, { token: RestApiService }, { token: i4.CookieService }, { token: i0.ChangeDetectorRef }, { token: TranslationService }, { token: MixpanelService }, { token: i7.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
5188
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApplicationSidebarComponent, selector: "lnc-navigation-sidebar", inputs: { applicationDetails: "applicationDetails", sidenav: "sidenav" }, viewQueries: [{ propertyName: "list", first: true, predicate: ScrollableDirective, descendants: true }, { propertyName: "navMenusComponent", first: true, predicate: ["navMenusComponent"], descendants: true }, { propertyName: "listItems", predicate: OffsetTopDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"loader_sov\">\n <div id=\"loading_div\" *ngIf=\"applicationDetails?.sidebarInfo\">\n <div>\n <div id=\"loader\" *ngIf=\"sideIdInfo !== 1\"\n class=\"site_{{sideIdInfo}}\">\n <img src=\"{{applicationDetails?.sidebarInfo?.logo}}\">\n </div>\n <div id=\"loader_img\" *ngIf=\"sideIdInfo == 1\">\n <img src=\"/assets/images/happy_eyes_closed_small.svg\">\n </div>\n <mat-progress-bar class=\"loader_progress-bar-position\" mode=\"indeterminate\"></mat-progress-bar>\n </div>\n </div>\n</div>\n\n<div fxLayout=\"column\" fxFlexFill *ngIf=\"errorMsg.length == 0 else errorBlock\" translate=\"no\" id=\"angular-16-version\" [ngClass]=\"{'navmenu-expanded' : !navExpanded, 'application-sidebar--revised-nav': isRevisedNavigationEnabled()}\">\n <mat-toolbar class=\"portal-side-menu-top-toolbar\">\n <mat-toolbar-row fxLayout=\"row\">\n <div class=\"revised-section-app-logo portal-forget-heading-card\">\n <div class=\"sidemenu-logo-holder\">\n <span *ngIf=\"sideIdInfo !== 1\">\n <img [src]=\"applicationDetails?.sidebarInfo?.favicon\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension\" />\n <img [src]=\"applicationDetails?.sidebarInfo?.logo\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" class=\"logo-dimension\" />\n </span>\n <span *ngIf=\"sideIdInfo == 1\">\n <img src=\"assets/logos/intentwiselogo.svg\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension intentwise-favicon\">\n <img src=\"assets/logos/Intentwise.svg\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"logo-dimension intentwise-logo\">\n </span>\n </div>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n <!-- <div class=\"sidebar-collapse-icon\" *ngIf=\"isAdminRole\">\n <button mat-menu-item class=\"sidemenu-icon-top\" (click)=\"allMenuCollapse()\">\n <mat-icon *ngIf=\"sidenav && sidenav.opened\">keyboard_arrow_up</mat-icon>\n </button>\n </div> -->\n <div *ngIf=\"sidenav && sidenav.opened && !inContextInsightsWLApp && isLegacyNavigationEnabled()\" class=\"app-menu-container\">\n <button class=\"app-menu-button selected-app-button\" *ngIf=\"toDisplayApplications && toDisplayApplications.length == 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n </button>\n <button class=\"app-menu-button selected-app-button\" [mat-menu-trigger-for]=\"appMenu\" *ngIf=\"toDisplayApplications && toDisplayApplications.length > 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n <span class=\"dropdown-icon\"></span>\n </button>\n <mat-menu #appMenu=\"matMenu\" class=\"app-menu\" [backdropClass]=\"'all-module-menus'\">\n <ng-container *ngFor=\"let headmenu of toDisplayApplications\">\n <button class=\"menu-option\" mat-menu-item (click)=\"goToApplication(headmenu)\" [ngClass]=\"{'active': headmenu.panelOpenState}\" class=\"{{headmenu.id}}_icon\" *ngIf=\"headmenu.name != 'Account Management'\" translate=\"no\">\n <!-- <mat-icon class=\"sideNavIcon children-icon\" [ngClass]=\"headmenu.name.split(' ').join('')\"></mat-icon> -->\n <img class=\"icon children-icon side-menu-icon\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </button>\n </ng-container>\n </mat-menu>\n </div>\n <div class=\"portal-sidnav-menu\" fxFlex=\"nogrow noshrink\" appScrollable [ngClass]=\"{'whiteLabelSidenav' : inContextInsightsWLApp}\">\n <ng-container *ngIf=\"isRevisedNavigationEnabled(); else legacyNavigationTemplate\">\n <!--\n Revised nav maps to sidebar layout JSON (`sections[]`):\n - type `app-tabs` \u2192 Optimize: tab strip + `revisedGroupMenuItemShell` per menu row (same expand/leaf/active pattern as INTELLIGENCE).\n - type `grouped-menus` \u2192 `groups[]`: each group uses `items[]` of `{ menuId, title? }` (ids from `navmenu1`).\n Leaf vs expandable comes from nav data. Single- and multi-item groups share `revisedGroupMenuItemShell` (same layout as Product 360 / Foundation). Untitled flat groups still use `revisedGroupedMenuRows` + inner mat-list for deep nesting.\n Add more sections in JSON \u2014 they render here in order. Bottom sticky block is unchanged below.\n -->\n <!-- SVG chevrons (not mat-icon ligatures) so expand arrows work even when Material Icons font fails to load -->\n <ng-template #revisedChevronSvg let-expanded=\"expanded\">\n <svg *ngIf=\"!expanded\" class=\"revised-chevron-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/>\n </svg>\n <svg *ngIf=\"expanded\" class=\"revised-chevron-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"/>\n </svg>\n </ng-template>\n\n <ng-template #revisedMatPanelChevrons let-expanded=\"expanded\" let-iconClass=\"iconClass\">\n <mat-panel-description class=\"children-description revised-nav-expansion-chevron\" *ngIf=\"navExpanded\">\n <span [ngClass]=\"iconClass || 'sub-chevron-icon revised-nav-chevron'\" class=\"revised-chevron-icon-wrap\">\n <ng-container *ngTemplateOutlet=\"revisedChevronSvg; context: { expanded: expanded }\"></ng-container>\n </span>\n </mat-panel-description>\n </ng-template>\n\n <!-- One resolved menu: grouped-menus (Foundation / INTELLIGENCE) or app-tabs OPTIMIZE when `optimizeParentApp` is set. No inner mat-list. -->\n <ng-template #revisedGroupMenuItemShell let-menu=\"menu\" let-optimizeParentApp=\"optimizeParentApp\">\n <mat-expansion-panel *ngIf=\"menu.children?.length\" class=\"div-background-color-white revised-group__single-expandable\" [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [disabled]=\"true\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"onChildMenuPanelOpened(menu)\" (closed)=\"onChildMenuPanelClosed(menu)\">\n <mat-expansion-panel-header class=\"revised-group__header revised-group__header--as-panel\" (click)=\"onChildMenuPanelHeaderClick(menu)\">\n <mat-panel-title>\n <span class=\"revised-group__title menu-heading applicationSubmenus\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\" [innerHTML]=\"menu.badge\"></span>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isChildMenuPanelExpanded(menu), iconClass: 'revised-group__chevron revised-nav-expansion-chevron revised-nav-chevron' }\"></ng-container>\n </mat-expansion-panel-header>\n <div class=\"revised-group__content\">\n <mat-nav-list class=\"sub-child-menu\">\n <lnc-nav-menus *ngFor=\"let childMenu of menu.children\" appOffsetTop\n [isActiveItem]=\"isRevisedMenuActive(childMenu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\"\n [parentMenuId]=\"optimizeParentApp ? optimizeParentApp.id : getRevisedParentMenuId(childMenu, menu.ownerAppId)\"\n [parentPanelId]=\"menu.id\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </div>\n </mat-expansion-panel>\n <mat-nav-list *ngIf=\"!menu.children?.length\" class=\"revised-group__single-link\">\n <lnc-nav-menus appOffsetTop\n [isActiveItem]=\"isRevisedMenuActive(menu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\"\n [parentMenuId]=\"optimizeParentApp ? optimizeParentApp.id : getRevisedParentMenuId(menu)\"\n [parentPanelId]=\"getRevisedShellLeafParentPanelId(menu, optimizeParentApp)\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n\n <!-- Grouped-menus rows: leaf | mat-expansion (depth 0) | nested mat-expansion (depth 1). Max 2 expansion levels here; deeper leaves use lnc-nav-menus. -->\n <ng-template #revisedGroupedMenuRows let-group=\"group\">\n <ng-container *ngFor=\"let menu of group.items\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuEntry; context: { menu: menu, nestingDepth: 0 }\"></ng-container>\n </ng-container>\n </ng-template>\n\n <ng-template #revisedGroupedMenuEntry let-menu=\"menu\" let-nestingDepth=\"nestingDepth\">\n <mat-nav-list *ngIf=\"!menu.children?.length\" class=\"revised-group-menu-leaf\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isRevisedMenuActive(menu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"getRevisedParentMenuId(menu)\"\n [parentPanelId]=\"getRevisedParentPanelId(menu)\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n\n <mat-expansion-panel *ngIf=\"menu.children?.length\" class=\"div-background-color-white\"\n [class.revised-group-menu-panel--nested]=\"nestingDepth > 0\"\n [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [disabled]=\"true\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"onChildMenuPanelOpened(menu)\" (closed)=\"onChildMenuPanelClosed(menu)\">\n <mat-expansion-panel-header (click)=\"onChildMenuPanelHeaderClick(menu)\" [ngClass]=\"{'header-border': isChildMenuPanelExpanded(menu), 'header-border-none': !isChildMenuPanelExpanded(menu) }\">\n <mat-panel-title>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\" [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isChildMenuPanelExpanded(menu) }\"></ng-container>\n </mat-expansion-panel-header>\n <div class=\"revised-group-menu-children\">\n <ng-container *ngFor=\"let child of menu.children\">\n <ng-container *ngIf=\"child.children?.length && (nestingDepth ?? 0) < 2\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuEntry; context: { menu: child, nestingDepth: (nestingDepth ?? 0) + 1 }\"></ng-container>\n </ng-container>\n <mat-nav-list *ngIf=\"!child.children?.length || (nestingDepth ?? 0) >= 2\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isRevisedMenuActive(child)\" [item]=\"child\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"getRevisedParentMenuId(child, menu.ownerAppId)\"\n [parentPanelId]=\"menu.id\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-container>\n </div>\n </mat-expansion-panel>\n </ng-template>\n\n <!-- Same section class as legacy so .portal-sidnav-menu .mat-expansion-panel .mat-mdc-list a[mat-list-item].active applies -->\n <div class=\"revised-nav\" translate=\"no\">\n <div class=\"revised-section mat-expansion-panel\" *ngFor=\"let section of revisedSections; trackBy: trackByRevisedSection\" [attr.id]=\"section.id + 'menu'\" [attr.data-section-type]=\"section.type\"\n [ngClass]=\"{'active': isRevisedSectionActive(section)}\">\n <button class=\"revised-section__header main-expansion-panel-header\" type=\"button\" (click)=\"onRevisedSectionHeaderClick(section.id)\"\n [matTooltip]=\"navExpanded ? null : section.title\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\">\n <span class=\"revised-section__header-main\">\n <span class=\"revised-section__header-icon-box\">\n <span class=\"revised-section__header-icon icon side-menu-icon side-menu-icon-color\" [innerHTML]=\"getRevisedSectionIcon(section)\"></span>\n <span class=\"revised-section__collapsed-active-dot\" *ngIf=\"!navExpanded && isRevisedSectionActive(section)\" aria-hidden=\"true\"></span>\n </span>\n <span class=\"revised-section__title sidemenu-heading applicationMenu\" *ngIf=\"navExpanded\">{{ section.title }}</span>\n </span>\n <span class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <span class=\"main-chevron-icon revised-nav-chevron revised-chevron-icon-wrap\">\n <ng-container *ngTemplateOutlet=\"revisedChevronSvg; context: { expanded: isRevisedSectionExpanded(section.id) }\"></ng-container>\n </span>\n </span>\n </button>\n <div *ngIf=\"navExpanded && isRevisedSectionExpanded(section.id)\"\n class=\"revised-section__content revised-section__content--visible padding-0px\"\n [ngClass]=\"{\n 'revised-section__content--grouped': section.type === 'grouped-menus'\n }\"\n [attr.id]=\"section.id\">\n <ng-container [ngSwitch]=\"section.type\">\n\n <!-- JSON: { type: \"app-tabs\", appIds, defaultAppId } -->\n <ng-container *ngSwitchCase=\"'app-tabs'\">\n <div class=\"revised-optimize-tabs\" *ngIf=\"getRevisedSectionApps(section).length > 0\">\n <button type=\"button\" class=\"revised-optimize-tab\" *ngFor=\"let app of getRevisedSectionApps(section); trackBy: trackByRevisedMenu\"\n [ngClass]=\"{'active': isSelectedRevisedSectionApp(section, app)}\"\n [matTooltip]=\"getRevisedOptimizeAppTabTooltip(app)\" matTooltipPosition=\"below\"\n [matTooltipClass]=\"['left-nav-tooltip', 'revised-optimize-app-tab-tooltip']\"\n (click)=\"selectRevisedSectionApp(section, app)\">\n <span class=\"revised-optimize-tab__badge\" *ngIf=\"getRevisedSectionTabBadgeCount(app) !== null\">\n {{ getRevisedSectionTabBadgeCount(app) }}\n </span>\n <span class=\"revised-optimize-tab__icon\">\n <img class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(app.icon || 'default-icon.svg')\" [alt]=\"selectedApplication(app)\" />\n </span>\n </button>\n </div>\n <div class=\"revised-optimize-menus\" *ngIf=\"getRevisedSectionSelectedApp(section) as selectedApp\">\n <div class=\"revised-optimize-app-title menu-heading applicationSubmenus\" [innerHTML]=\"selectedApplication(selectedApp)\"></div>\n <div class=\"revised-group__multi-stack revised-optimize-menu-stack\" [attr.id]=\"section.id + '_' + selectedApp.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInSection(section) }\">\n <ng-container *ngFor=\"let menu of getRevisedSectionMenus(section); trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu, optimizeParentApp: selectedApp }\"></ng-container>\n </ng-container>\n </div>\n </div>\n </ng-container>\n\n <!-- JSON: { type: \"grouped-menus\", groups: [ ... ] } -->\n <ng-container *ngSwitchCase=\"'grouped-menus'\">\n <ng-container *ngFor=\"let group of getRevisedGroupedSectionGroups(section); trackBy: trackByRevisedGroup\">\n\n <div *ngIf=\"isRevisedUntitledGroup(group)\" class=\"revised-group revised-group--flat\">\n <mat-list class=\"padding-0px revised-group__list\" [attr.id]=\"section.id + '_' + group.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInGroup(group) }\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuRows; context: { group: group }\"></ng-container>\n </mat-list>\n </div>\n\n <div *ngIf=\"isRevisedSingleItemGroup(group)\" class=\"revised-group revised-group--single\">\n <ng-container *ngFor=\"let menu of group.items; trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu }\"></ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"isRevisedMultiItemGroup(group)\" class=\"revised-group revised-group--multi\">\n <mat-expansion-panel class=\"div-background-color-white revised-group__multi-panel\"\n [expanded]=\"isRevisedGroupExpanded(section.id, group.id)\"\n hideToggle=\"true\"\n (opened)=\"onRevisedGroupPanelOpened(section.id, group.id)\"\n (closed)=\"onRevisedGroupPanelClosed(section.id, group.id)\">\n <mat-expansion-panel-header class=\"revised-group__header revised-group__header--as-panel\"\n [matTooltip]=\"navExpanded ? null : group.title\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\">\n <mat-panel-title>\n <span class=\"revised-group__title menu-heading applicationSubmenus\" *ngIf=\"navExpanded\">{{ group.title }}</span>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isRevisedGroupExpanded(section.id, group.id), iconClass: 'revised-group__chevron revised-nav-expansion-chevron revised-nav-chevron' }\"></ng-container>\n </mat-expansion-panel-header>\n <!-- Per-item DOM matches revised-group--single (no inner mat-list) so global sidebar theme does not apply muted .mat-list .applicationSubmenus to Commerce-style rows. -->\n <div class=\"revised-group__panel-body\" *ngIf=\"navExpanded\">\n <div class=\"revised-group__multi-stack\" [attr.id]=\"section.id + '_' + group.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInGroup(group) }\">\n <ng-container *ngFor=\"let menu of group.items; trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu }\"></ng-container>\n </ng-container>\n </div>\n </div>\n </mat-expansion-panel>\n </div>\n\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #legacyNavigationTemplate>\n <mat-expansion-panel [expanded]=\"headmenu.panelOpenState == true\" hideToggle=\"true\"\n *ngFor=\"let headmenu of toDisplayApplications\" [ngClass]=\"{'active': currentApp.id === headmenu.id }\"\n (opened)=\"headmenu.panelOpenState = true\" (closed)=\"headmenu.panelOpenState = false\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n *ngIf=\"headmenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n (click)=\"goToApplication(headmenu)\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!headmenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"headmenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of headmenu.children\" [attr.id]=\"headmenu.id\" [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-expansion-panel *ngIf=\"menu.children else listMenu\" class=\"div-background-color-white\" [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"menu.panelOpenState = true\" (closed)=\"menu.panelOpenState = false\">\n <mat-expansion-panel-header\n [ngClass]=\"{'header-border': isChildMenuPanelExpanded(menu), 'header-border-none': !isChildMenuPanelExpanded(menu) }\">\n <mat-panel-title>\n <img style=\"margin-right: 10px\" *ngIf=\"(menu.icon && menu.icon != '') else displayInitials\"\n class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(menu.icon)\" />\n <ng-template #displayInitials>\n <div class=\"sidemenu-symbol\">\n {{menu.symbol}}\n </div>\n </ng-template>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\"\n [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"children-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"!isChildMenuPanelExpanded(menu)\">arrow_right</mat-icon>\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"isChildMenuPanelExpanded(menu)\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <!-- <mat-divider></mat-divider> -->\n <mat-nav-list *ngFor=\"let childMenu of menu.children;\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(childMenu,headmenu,menu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\" [parentPanelId]=\"menu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-expansion-panel>\n <ng-template #listMenu>\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,headmenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus id=\"{{headmenu.id}}\" appOffsetTop [isActiveItem]=\"isCheckActiveRoute(headmenu,headmenu)\"\n [item]=\"headmenu\" [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n </ng-template>\n </div>\n <div class=\"portal-global-setting-menu sticky_bottom_menu\" *ngIf=\"!inContextInsightsWLApp\">\n <div *ngIf=\"!inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-Link-button\" *ngIf=\"toDisplayLinkMenu && toDisplayLinkMenu.length > 0\">\n <div *ngFor=\"let menuLink of toDisplayLinkMenu\" id=\"{{menuLink.id + 'menu'}}\" [style.margin-left]=\"sidenav && sidenav.opened ? '0px' : '5px'\">\n <span class=\"app-name\" (click)=\"goToMenuLink(menuLink)\">\n <div *ngIf=\"sidenav && sidenav.opened\" style=\"display: flex; align-items: center;gap: 5px;\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <label *ngIf=\"showTitle\" class=\"app-name-label\" [innerHTML]=\"selectedApplication(menuLink)\"></label>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n <div *ngIf=\"sidenav && !sidenav.opened\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n </span>\n </div>\n </button>\n </div>\n <mat-expansion-panel [expanded]=\"settingsHeadMenu.panelOpenState == true || expandGlobalSettings\" hideToggle=\"true\" id=\"{{settingsHeadMenu.id + 'menu'}}\"\n *ngFor=\"let settingsHeadMenu of toDisplayGlobalSettingsMenu\" [ngClass]=\"{'active': settingsHeadMenu.isActive }\"\n (opened)=\"sidenav.open(); settingsHeadMenu.panelOpenState = true\" (closed)=\"settingsHeadMenu.panelOpenState = false; expandGlobalSettings = false\" [style.border]=\"sidenav && sidenav.opened ? '' : 'none !important'\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\"\n *ngIf=\"settingsHeadMenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n [ngClass]=\"sidenav && sidenav.opened ? '' : 'sticky-bottom-closed'\">\n <mat-panel-title style=\"gap: 5px;\">\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(settingsHeadMenu.icon || 'settings-icon.svg')\" />\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(settingsHeadMenu)\"></label>\n <span *ngIf=\"settingsHeadMenu.badge\" class=\"badge-text sov-beta-position\"\n [innerHTML]=\"settingsHeadMenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"setting-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!settingsHeadMenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"settingsHeadMenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of settingsHeadMenu.children\" [attr.id]=\"settingsHeadMenu.id\"\n [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,settingsHeadMenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus [attr.id]=\"settingsHeadMenu.id\" appOffsetTop\n [isActiveItem]=\"isCheckActiveRoute(settingsHeadMenu,settingsHeadMenu)\" [item]=\"settingsHeadMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n\n </div>\n</div>\n<ng-template #errorBlock>\n <div class=\"errorMsg\">\n <span class=\"material-icons\">error</span>\n <span class=\"errorTxt\">{{errorMsg}}</span>\n </div>\n</ng-template>\n\n<a class=\"hamburger-icon expanded-hamburger-icon\" title=\"Toggle Menu\" (click)=\"sidenav.close();allMenuCollapse(); \">\n <mat-icon class=\"left-chevron-icon\">keyboard_arrow_left</mat-icon>\n</a>\n\n<!-- <img *ngIf=\"showMenuIcon()\" class=\"favicon-dimension\" src={{applicationDetails.sidebarInfo.favicon}} alt=\"Intentwise Favicon\" />\n <a *ngIf=\"showMenuIcon()\" title=\"Toggle Menu\" class=\"hamburger-icon collapsed-hamburger\"\n (click)=\"sidenav.open()\">\n <mat-icon class=\"right-chevron-icon\">keyboard_arrow_right</mat-icon>\n </a> -->\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081}.mat-warn{--mat-option-selected-state-label-text-color: #f44336}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-card{--mdc-elevated-card-container-color: white;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: white;--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #3f51b5;--mdc-linear-progress-track-color: rgba(63, 81, 181, .25)}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}@media (forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #ff4081;--mdc-linear-progress-track-color: rgba(255, 64, 129, .25)}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: #616161;--mdc-plain-tooltip-supporting-text-color: #fff}html{--mdc-filled-text-field-caret-color: #3f51b5;--mdc-filled-text-field-focus-active-indicator-color: #3f51b5;--mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-filled-text-field-container-color: whitesmoke;--mdc-filled-text-field-disabled-container-color: #fafafa;--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #3f51b5;--mdc-outlined-text-field-focus-outline-color: #3f51b5;--mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:#000000de}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after{color:#0000008a}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after{color:#3f51b5de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after{color:#ff4081de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after{color:#f44336de}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after{color:#00000061}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #ff4081;--mdc-filled-text-field-focus-active-indicator-color: #ff4081;--mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);--mdc-outlined-text-field-caret-color: #ff4081;--mdc-outlined-text-field-focus-outline-color: #ff4081;--mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid transparent}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid transparent}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(63, 81, 181, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(255, 64, 129, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html{--mat-autocomplete-background-color: white}.mat-mdc-dialog-container{--mdc-dialog-container-color: white;--mdc-dialog-subhead-color: rgba(0, 0, 0, .87);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color: #212121;--mdc-chip-elevated-container-color: #e0e0e0;--mdc-chip-elevated-disabled-container-color: #e0e0e0;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #212121;--mdc-chip-with-icon-icon-color: #212121;--mdc-chip-with-icon-disabled-icon-color: #212121;--mdc-chip-with-icon-selected-icon-color: #212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;--mdc-chip-with-trailing-icon-trailing-icon-color: #212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #3f51b5;--mdc-chip-elevated-disabled-container-color: #3f51b5;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #ff4081;--mdc-chip-elevated-disabled-container-color: #ff4081;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #f44336;--mdc-chip-elevated-disabled-container-color: #f44336;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height: 32px}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color: #3949ab;--mdc-switch-selected-handle-color: #3949ab;--mdc-switch-selected-hover-state-layer-color: #3949ab;--mdc-switch-selected-pressed-state-layer-color: #3949ab;--mdc-switch-selected-focus-handle-color: #1a237e;--mdc-switch-selected-hover-handle-color: #1a237e;--mdc-switch-selected-pressed-handle-color: #1a237e;--mdc-switch-selected-focus-track-color: #7986cb;--mdc-switch-selected-hover-track-color: #7986cb;--mdc-switch-selected-pressed-track-color: #7986cb;--mdc-switch-selected-track-color: #7986cb;--mdc-switch-disabled-selected-handle-color: #424242;--mdc-switch-disabled-selected-icon-color: #fff;--mdc-switch-disabled-selected-track-color: #424242;--mdc-switch-disabled-unselected-handle-color: #424242;--mdc-switch-disabled-unselected-icon-color: #fff;--mdc-switch-disabled-unselected-track-color: #424242;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #fff;--mdc-switch-unselected-focus-handle-color: #212121;--mdc-switch-unselected-focus-state-layer-color: #424242;--mdc-switch-unselected-focus-track-color: #e0e0e0;--mdc-switch-unselected-handle-color: #616161;--mdc-switch-unselected-hover-handle-color: #212121;--mdc-switch-unselected-hover-state-layer-color: #424242;--mdc-switch-unselected-hover-track-color: #e0e0e0;--mdc-switch-unselected-icon-color: #fff;--mdc-switch-unselected-pressed-handle-color: #212121;--mdc-switch-unselected-pressed-state-layer-color: #424242;--mdc-switch-unselected-pressed-track-color: #e0e0e0;--mdc-switch-unselected-track-color: #e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:#00000061}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #d81b60;--mdc-switch-selected-handle-color: #d81b60;--mdc-switch-selected-hover-state-layer-color: #d81b60;--mdc-switch-selected-pressed-state-layer-color: #d81b60;--mdc-switch-selected-focus-handle-color: #880e4f;--mdc-switch-selected-hover-handle-color: #880e4f;--mdc-switch-selected-pressed-handle-color: #880e4f;--mdc-switch-selected-focus-track-color: #f06292;--mdc-switch-selected-hover-track-color: #f06292;--mdc-switch-selected-pressed-track-color: #f06292;--mdc-switch-selected-track-color: #f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e53935;--mdc-switch-selected-handle-color: #e53935;--mdc-switch-selected-hover-state-layer-color: #e53935;--mdc-switch-selected-pressed-state-layer-color: #e53935;--mdc-switch-selected-focus-handle-color: #b71c1c;--mdc-switch-selected-hover-handle-color: #b71c1c;--mdc-switch-selected-pressed-handle-color: #b71c1c;--mdc-switch-selected-focus-track-color: #e57373;--mdc-switch-selected-hover-track-color: #e57373;--mdc-switch-selected-pressed-track-color: #e57373;--mdc-switch-selected-track-color: #e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size: 48px}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size: 40px}.mat-mdc-slider{--mdc-slider-label-container-color: black;--mdc-slider-label-label-text-color: white;--mdc-slider-disabled-handle-color: #000;--mdc-slider-disabled-active-track-color: #000;--mdc-slider-disabled-inactive-track-color: #000;--mdc-slider-with-tick-marks-disabled-container-color: #000;--mat-mdc-slider-value-indicator-opacity: .6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #3f51b5;--mdc-slider-focus-handle-color: #3f51b5;--mdc-slider-hover-handle-color: #3f51b5;--mdc-slider-active-track-color: #3f51b5;--mdc-slider-inactive-track-color: #3f51b5;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color: #ff4081;--mdc-slider-focus-handle-color: #ff4081;--mdc-slider-hover-handle-color: #ff4081;--mdc-slider-active-track-color: #ff4081;--mdc-slider-inactive-track-color: #ff4081;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-container-color: white}.mat-mdc-list-base{--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-disabled-label-text-color: black;--mdc-list-list-item-disabled-leading-icon-color: black;--mdc-list-list-item-disabled-trailing-icon-color: black;--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-state-layer-color: black;--mdc-list-list-item-hover-state-layer-opacity: .04;--mdc-list-list-item-focus-state-layer-color: black;--mdc-list-list-item-focus-state-layer-opacity: .12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)}html{--mat-paginator-container-size: 56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: #3f51b5;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #3f51b5;--mat-tab-header-active-ripple-color: #3f51b5;--mat-tab-header-inactive-ripple-color: #3f51b5;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #3f51b5;--mat-tab-header-active-hover-label-text-color: #3f51b5;--mat-tab-header-active-focus-indicator-color: #3f51b5;--mat-tab-header-active-hover-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color: #ff4081;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #ff4081;--mat-tab-header-active-ripple-color: #ff4081;--mat-tab-header-inactive-ripple-color: #ff4081;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #ff4081;--mat-tab-header-active-hover-label-text-color: #ff4081;--mat-tab-header-active-focus-indicator-color: #ff4081;--mat-tab-header-active-hover-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color: #f44336;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #f44336;--mat-tab-header-active-ripple-color: #f44336;--mat-tab-header-inactive-ripple-color: #f44336;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #f44336;--mat-tab-header-active-hover-label-text-color: #f44336;--mat-tab-header-active-focus-indicator-color: #f44336;--mat-tab-header-active-hover-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color: #3f51b5;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color: #ff4081;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color: #f44336;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height: 48px}html{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#00000061}html{--mdc-checkbox-state-layer-size: 40px}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color: #000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-text-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color: #fff;--mdc-filled-button-label-text-color: #000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #3f51b5;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #ff4081;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-button-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color: #fff;--mdc-protected-button-label-text-color: #000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #3f51b5;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #ff4081;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-elevation: 0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color: #000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-mdc-icon-button{--mdc-icon-button-icon-color: inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color: #3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color: #ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color: #f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color: rgba(0, 0, 0, .38);--mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color: rgba(0, 0, 0, .12);--mdc-fab-icon-color: rgba(0, 0, 0, .38);--mat-mdc-fab-color: rgba(0, 0, 0, .38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color: white;--mdc-fab-icon-color: black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #3f51b5;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #ff4081;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #333333;--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);--mat-snack-bar-button-color: #ff4081}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: #3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color: #ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color: #f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto,sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: #b9b9b9;--mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)}.mat-badge-accent{--mat-badge-background-color: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white}html{--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color: white;--mat-standard-button-toggle-state-layer-color: black;--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color: white;--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-divider-color: #e0e0e0}html{--mat-standard-button-toggle-height: 48px}html{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color: #ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color: #f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-divider-color: rgba(0, 0, 0, .12)}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--mat-stepper-header-edit-state-icon-foreground-color: white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color: whitesmoke;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.errorMsg{position:FIXED;color:#ff273e;font-size:14px;font-family:Source Sans Pro,sans-serif;inset:0;background-color:#fff;text-align:center}.errorMsg .material-icons{position:relative;left:25px;top:calc(51% - 50px)}.errorMsg .errorTxt{padding:10px 10px 10px 30px;text-align:left;width:inherit;display:inline-block;position:relative;line-height:20px;top:calc(50% - 50px)}.sticky_bottom_menu .sticky-bottom-closed{margin-left:3px}.revised-section__header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;overflow:hidden;height:40px;padding:0 5px}.revised-section__header .revised-chevron-icon-wrap{position:absolute;right:14px!important}.revised-section__header-main{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.revised-section__header-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.revised-section__header-icon{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.revised-section__header-icon ::ng-deep svg{display:block}.revised-nav{display:flex;flex-direction:column;width:100%;flex:1 1 auto;min-height:0}.revised-nav-chevron{flex-shrink:0}.revised-section__title{line-height:38px;white-space:nowrap;overflow:hidden;opacity:1;max-width:220px;transition:opacity 80ms ease,max-width 80ms ease}.revised-section__icon{color:#41586b}.revised-section__chevron{font-size:20px;width:20px;height:20px;line-height:20px;font-family:Material Icons!important;font-weight:400;font-style:normal;display:inline-flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:normal}.revised-section__content{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;visibility:hidden;transition:max-height .1s ease,opacity 80ms ease,padding-bottom .1s ease,visibility 0s linear .1s}.revised-section__content--visible{padding:0 8px 0 28px;max-height:1400px!important;opacity:1!important;visibility:visible!important;overflow:visible!important;transition:max-height .12s ease,opacity .1s ease,padding-bottom .12s ease,visibility 0s linear 0s}.revised-section__content--visible.revised-section__content--grouped{padding-left:32px}:host ::ng-deep .revised-section .mat-expansion-panel-content{padding-left:12px}.revised-group{margin-bottom:4px}.revised-group__header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;cursor:pointer;text-align:left;font:inherit;color:inherit}.revised-group__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revised-group__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.revised-group__list{padding-left:4px!important}.revised-group__multi-panel{box-shadow:none!important;border-radius:0!important;background:transparent!important}.revised-group__multi-panel .mat-expansion-panel-header.revised-group__header--as-panel{padding:8px 10px 6px 12px!important}.revised-group__panel-body{padding-left:0}.revised-group-menu-panel--nested .mat-expansion-panel-header{padding-left:8px;min-height:40px}.revised-group-menu-leaf{padding:0}.revised-group--single .revised-group__header--as-panel{padding:8px 10px 6px;height:auto;min-height:40px}.revised-group--single .revised-group__single-expandable{box-shadow:none;border-radius:0}.revised-group--single .revised-group__single-expandable .mat-expansion-panel-header{border:0;padding:8px 10px 6px}.revised-group--single .revised-group__single-link{padding:0;min-height:0}.revised-group--single .revised-group__single-link .mat-mdc-list-item,.revised-group--single .revised-group__single-link a[mat-list-item],.revised-group--multi .revised-group__list .mat-mdc-list-item,.revised-group--multi .revised-group__list a[mat-list-item]{padding:8px 10px 6px;height:auto;min-height:40px}.revised-group--multi .revised-group__multi-stack .revised-group__single-expandable,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-expandable{box-shadow:none;border-radius:0}.revised-group--multi .revised-group__multi-stack .revised-group__single-expandable .mat-expansion-panel-header,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-expandable .mat-expansion-panel-header{border:0;padding:8px 10px 6px 12px!important}.revised-group--multi .revised-group__multi-stack .revised-group__single-link,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link{padding:0;min-height:0}.revised-group--multi .revised-group__multi-stack .revised-group__single-link .mat-mdc-list-item,.revised-group--multi .revised-group__multi-stack .revised-group__single-link a[mat-list-item],.revised-group--multi .revised-group__multi-stack .revised-group__content .sub-child-menu .mat-mdc-list-item,.revised-group--multi .revised-group__multi-stack .revised-group__content .sub-child-menu a[mat-list-item],.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link .mat-mdc-list-item,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link a[mat-list-item],.revised-optimize-menus .revised-optimize-menu-stack .revised-group__content .sub-child-menu .mat-mdc-list-item,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__content .sub-child-menu a[mat-list-item]{padding:8px 10px 6px;height:auto;min-height:40px}.revised-section mat-expansion-panel-header.mat-expansion-panel-header,.revised-section .mat-expansion-panel-header{align-items:center!important}.revised-section mat-panel-title,.revised-section .mat-expansion-panel-header-title{flex:1 1 auto!important;min-width:0}.revised-section mat-panel-title .menu-heading,.revised-section .mat-expansion-panel-header-title .menu-heading{font-size:15.5px}.revised-section mat-panel-description.children-description,.revised-section .mat-expansion-panel-header-description.children-description{margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important;display:flex!important;align-items:center;justify-content:flex-end;padding-right:10px}.revised-section .sub-chevron-icon.revised-chevron-icon-wrap,.revised-section span.sub-chevron-icon{position:static!important;left:auto!important;top:auto!important;line-height:0;width:auto!important;min-width:28px;height:auto!important;color:#41586b}.revised-section .revised-group__chevron{color:#41586b}.revised-section .revised-chevron-icon-wrap{display:inline-flex;align-items:center;justify-content:center;overflow:visible;color:#41586b;position:absolute;right:5px}.revised-section .revised-chevron-svg{display:block;width:22px;height:22px;flex-shrink:0;pointer-events:none}.navmenu-expanded .revised-section{width:100%;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.navmenu-expanded .revised-section__header{width:auto;max-width:100%;min-width:0;flex:0 0 auto;min-height:56px;padding:0 8px;justify-content:center;box-sizing:border-box}.navmenu-expanded .revised-section__header-main{width:auto;max-width:100%;justify-content:center;gap:0}.navmenu-expanded .revised-section__title,.navmenu-expanded .revised-section__icon{opacity:0;pointer-events:none}.navmenu-expanded .revised-section__title{max-width:0}.navmenu-expanded .revised-section.active .revised-section__header-icon-box{background:#ebecef;border-radius:10px;padding:8px;box-sizing:border-box}.navmenu-expanded .revised-section__header-icon{width:24px;height:24px}.navmenu-expanded .revised-section__header-icon ::ng-deep svg{width:20px;height:20px}.navmenu-expanded .revised-section__collapsed-active-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:#ff273e;box-shadow:0 0 0 2px #ebecef;pointer-events:none}.navmenu-expanded .revised-section__content:not(.revised-section__content--visible){max-height:0!important;opacity:0!important;padding-bottom:0!important;visibility:hidden!important}.revised-optimize-tabs{display:flex;gap:10px;padding:6px 0 12px;align-items:center;flex-wrap:nowrap;justify-content:center}.revised-optimize-tab{width:40px;min-width:40px;height:40px;border-radius:8px;border:2px solid #e5e7e8;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.revised-optimize-tab.active{background:#eef2ff;border-color:#4573d2}.revised-optimize-tab:hover{background:#eef2ff}.revised-optimize-tab img{margin-right:0!important;width:24px!important;height:24px!important;object-fit:contain}.revised-optimize-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.revised-optimize-tab__badge{position:absolute;top:-6px;left:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#ff4d4f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;box-shadow:0 0 0 3px #fff}.revised-section-group{margin-bottom:12px;padding-left:45px}.revised-section-group__title{padding:4px 0 2px}.revised-optimize-app-title{color:#202b37;font-size:15px;font-weight:700!important;line-height:36px;text-transform:capitalize}::ng-deep .mat-mdc-tooltip-panel-below mat-tooltip-component .mdc-tooltip.revised-optimize-app-tab-tooltip{position:relative;inset-inline-start:12px}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active{background-color:#f6f6f6!important;border:none!important}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active h3,:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active h3.sidemenu-text,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3.sidemenu-text{color:#202b37!important;font-weight:700}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option:hover:not(.active),:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active){background-color:#f6f6f6!important;border-right:none!important}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3{color:#202b37!important}:host ::ng-deep .revised-section .mat-expansion-panel-header:hover .main-chevron-icon,:host ::ng-deep .revised-section .mat-expansion-panel-header:hover .sub-chevron-icon{color:#41586b!important}:host ::ng-deep .revised-section .mat-mdc-list-item,:host ::ng-deep .revised-section a[mat-list-item]{border-radius:8px;margin:4px 0;min-height:40px;padding-left:0;padding-right:0}.portal-sidnav-menu{overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(255,255,255,.65)}.portal-sidnav-menu::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}.portal-sidnav-menu::-webkit-scrollbar-corner{display:none;height:0;width:0}.portal-sidnav-menu::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu .portal-sidnav-menu__subheader{margin:12px 0;padding:0 16px;vertical-align:middle;font-size:14px}.portal-sidnav-menu .mat-expansion-panel{box-shadow:none;border-radius:0}.portal-sidnav-menu .mat-expansion-panel.revised-section:not(:last-child){border-bottom:1px solid #E5E7E8;padding-bottom:5px}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header{height:36px!important;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 0 0 25px;border:none!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{margin:0;align-items:center;width:100%}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title img.icon.side-menu-icon{width:24px!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{margin-right:13px}.portal-sidnav-menu .mat-nav-list{padding:0}.portal-sidnav-menu .mat-nav-list .mat-mdc-list-item-icon,.portal-sidnav-menu .mat-nav-list .mat-icon.portal-sidnav-menu__end_detail{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-list-item-focus{background:transparent}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header{padding-left:20px}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .menu-name-expandable{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .level-two-badge{top:-10px!important;right:-4px!important}::ng-deep .mdc-list-item:hover:before,::ng-deep .mdc-list-item:focus:before,::ng-deep .mdc-list-item.mdc-list-item--selected:before,::ng-deep .mdc-list-item.mdc-list-item--activated:before,::ng-deep .mdc-list-item__ripple:before{background-color:transparent!important}.main-expansion-panel-header{position:relative}.main-chevron-icon{font-size:34px;width:25px;height:34px;color:#41586b;position:absolute;right:10px;bottom:1px}.sub-chevron-icon{left:25px;top:6px;font-size:15px;width:25px;height:15px;color:#41586b;position:relative}.header-border{border-top-left-radius:0;border-top-right-radius:0}.header-border-none{border:0}.sidemenu-logo-holder{width:150px;text-align:center;margin:0;line-height:1px;max-height:65px;padding:0 10px;display:flex;justify-content:center}.sidemenu-logo-holder img{width:100%}.sidemenu-heading{color:#1e1f21;font-size:16px;font-weight:600;margin:0!important}.sidemenu-symbol{border-radius:50%;width:18px;height:18px;border:1px solid #ff273e;color:#202b37;text-align:center;font:9px Arial,sans-serif;display:inline-block;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:10px}.menu-heading{position:relative;margin:0!important;color:#1e1f21!important;white-space:nowrap;text-transform:capitalize;letter-spacing:normal}.logo-dimension{object-fit:cover;max-height:60px}.hamburger-icon{z-index:-1;cursor:pointer;position:fixed;background-color:#fff;border:1px solid #e6eefc;width:20px!important;height:32px;line-height:36px;top:calc(50% - 15px);display:flex;align-items:center;justify-content:center}.left-chevron-icon{color:#7f7f7f}.expanded-hamburger-icon{left:232px}.sidebar-collapse-icon{display:flex;justify-content:flex-end;top:0;z-index:99;background-color:#fff;padding-right:8px}.sidebar-collapse-icon button{width:25px;display:flex;text-align:center;vertical-align:middle;align-items:center;justify-content:center;text-transform:capitalize;border-radius:0;line-height:15px;height:20px;padding:0;min-height:20px;cursor:pointer;color:#1264a3;text-decoration:none;font-size:14px;left:0;top:0;background-color:#fff;border:1px solid #e6eefc}.sidebar-collapse-icon button mat-icon{margin:0}.portal-forgot-logo-text{line-height:1.3;font-family:Dosis,sans-serif;font-style:normal;font-stretch:normal;letter-spacing:4.3px;text-align:left;opacity:1px;color:#41586b;display:inline-block;vertical-align:middle;font-size:25px;font-weight:600}.portal-forgot-card__logo{width:16%}.portal-forget-heading-card{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.revised-section-app-logo{padding:0 10px}.div-background-color,.div-background-color-white{background-color:#fff!important}.mat-expansion-panel-content{padding-left:20px}.mat-expansion-panel-content .sub-child-menu .mat-mdc-list-item h3{font-size:14px!important}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;border-width:0 1px 1px 0;padding:4px}:host ::ng-deep .mat-expansion-indicator:before{color:#000!important}:host ::ng-deep .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .mat-expansion-panel-body .mat-mdc-list-item h3.sidemenu-text,:host ::ng-deep .mat-expansion-panel-body a.mat-mdc-list-item h3.sidemenu-text,:host ::ng-deep .mat-expansion-panel-body .mdc-list-item__content h3.sidemenu-text{font-size:15.25px!important}:host ::ng-deep .mat-mdc-list-base{padding:0}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item,.mat-list-base .mat-list-option{height:40px}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content{padding:0 10px 0 23px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#1e1f21;font: 400 16px Lato,serif}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-divider.separator{margin-left:0!important;width:calc(100% + 10px)!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content{padding:0 8px 0 20px!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item{padding:0 12px!important;min-height:40px!important;height:auto!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#202b37!important;font-size:15.5px!important;font-weight:400!important;line-height:1.25!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active{background-color:#f6f6f6!important;border:none!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3.sidemenu-text{color:#202b37!important;font-weight:700!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active),:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active){background-color:#f6f6f6!important;border-right:none!important;text-decoration:none!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active) h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3.sidemenu-text{color:#202b37!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover:not(.active),:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.badge-text.sov-beta-position{position:relative;font-size:10px;color:#ff273e!important;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px;flex-grow:1}.portal-global-setting-menu{border-top:1px solid #E5E7E8!important;margin-bottom:8px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel{padding-left:5px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover,.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel.mat-expanded{border-color:#acb0b4}.portal-global-setting-menu .app-menu-container .app-menu-Link-button{padding:12px 5px!important;align-items:center;background:transparent;cursor:pointer!important;width:100%!important;margin:0!important;height:44px!important;border-radius:8px;border:none!important;display:flex!important;justify-content:space-between;font: 400 16px Lato,serif!important;line-height:16px!important}.portal-global-setting-menu .app-menu-container .app-menu-Link-button .app-name label.app-name-label{font-weight:700;cursor:pointer}.navmenu-expanded{align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header{display:flex!important;justify-content:center;align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-content{margin-left:12px}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:center}.navmenu-expanded .portal-global-setting-menu.sticky_bottom_menu .mat-expansion-panel{border:none!important}.side-menu-icon{width:18px;height:18px}::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}::-webkit-scrollbar-corner{display:none;height:0px;width:0px}::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}:host ::ng-deep #loader_sov{display:none}:host ::ng-deep #loading_div{width:100%;height:100%;position:fixed;z-index:9999;display:table;background:#f9f9f9}:host ::ng-deep #loading_div>div{display:table-cell;vertical-align:middle;text-align:center}:host ::ng-deep #loading_div>div #loader{vertical-align:middle;width:100%;height:120px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader img{width:auto;height:140px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div #loader.site_2{height:130px}:host ::ng-deep #loading_div>div #loader.site_2 img{height:160px}:host ::ng-deep #loading_div>div #loader.site_6{height:138px}:host ::ng-deep #loading_div>div #loader.site_5{height:123px}:host ::ng-deep #loading_div>div #loader.site_5 img{height:110px}:host ::ng-deep #loading_div>div #loader.site_7{height:181px}:host ::ng-deep #loading_div>div #loader.site_7 img{height:204px}:host ::ng-deep #loading_div>div #loader_img{vertical-align:middle;width:100%;height:170px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader_img img{width:auto;height:150px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position{width:16%;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-fill:after{background-color:#ff273e!important}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-buffer{background-color:#cdcdd2!important}@media only screen and (max-width: 1425px){:host ::ng-deep #loading_div .loader_progress-bar-position{width:26%!important}}::ng-deep body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav{border-right:none!important;overflow:hidden!important;width:300px;min-width:300px;max-width:300px;background-color:#fdfdfd!important;padding-top:11px;padding-right:0!important;padding-left:0!important}:host-context(body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav) .portal-sidnav-menu{padding:0!important}:host-context(body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav) .mat-toolbar{margin-bottom:0!important}\n", ""], dependencies: [{ kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8$1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i11$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i11$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i11$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i11$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i15.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i15.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i15.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i16.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i16.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i16.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i11.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: NavMenusComponent, selector: "lnc-nav-menus", inputs: ["item", "applicationId", "parentMenuId", "parentPanelId", "isActiveItem"], outputs: ["menuClicked"] }, { kind: "directive", type: ScrollableDirective, selector: "[appScrollable]" }, { kind: "directive", type: OffsetTopDirective, selector: "[appOffsetTop]", inputs: ["isActiveItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2290
5189
|
}
|
|
2291
5190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationSidebarComponent, decorators: [{
|
|
2292
5191
|
type: Component,
|
|
2293
|
-
args: [{ selector: 'lnc-navigation-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"loader_sov\">\n <div id=\"loading_div\" *ngIf=\"applicationDetails?.sidebarInfo\">\n <div>\n <div id=\"loader\" *ngIf=\"sideIdInfo !== 1\"\n class=\"site_{{sideIdInfo}}\">\n <img src=\"{{applicationDetails?.sidebarInfo?.logo}}\">\n </div>\n <div id=\"loader_img\" *ngIf=\"sideIdInfo == 1\">\n <img src=\"/assets/images/happy_eyes_closed_small.svg\">\n </div>\n <mat-progress-bar class=\"loader_progress-bar-position\" mode=\"indeterminate\"></mat-progress-bar>\n </div>\n </div>\n</div>\n\n<div fxLayout=\"column\" fxFlexFill *ngIf=\"errorMsg.length == 0 else errorBlock\" translate=\"no\" id=\"angular-16-version\" [ngClass]=\"{'navmenu-expanded' : !navExpanded}\">\n <mat-toolbar class=\"portal-side-menu-top-toolbar\">\n <mat-toolbar-row fxLayout=\"row\">\n <div class=\"portal-forget-heading-card\">\n <div class=\"sidemenu-logo-holder\">\n <span *ngIf=\"sideIdInfo !== 1\">\n <img [src]=\"applicationDetails?.sidebarInfo?.favicon\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension\" />\n <img [src]=\"applicationDetails?.sidebarInfo?.logo\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" class=\"logo-dimension\" />\n </span>\n <span *ngIf=\"sideIdInfo == 1\">\n <img src=\"assets/logos/intentwiselogo.svg\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension intentwise-favicon\">\n <img src=\"assets/logos/Intentwise.svg\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"logo-dimension intentwise-logo\">\n </span>\n </div>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n <!-- <div class=\"sidebar-collapse-icon\" *ngIf=\"isAdminRole\">\n <button mat-menu-item class=\"sidemenu-icon-top\" (click)=\"allMenuCollapse()\">\n <mat-icon *ngIf=\"sidenav && sidenav.opened\">keyboard_arrow_up</mat-icon>\n </button>\n </div> -->\n <div *ngIf=\"sidenav && sidenav.opened && !inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-button selected-app-button\" *ngIf=\"toDisplayApplications && toDisplayApplications.length == 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n </button>\n <button class=\"app-menu-button selected-app-button\" [mat-menu-trigger-for]=\"appMenu\" *ngIf=\"toDisplayApplications && toDisplayApplications.length > 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n <span class=\"dropdown-icon\"></span>\n </button>\n <mat-menu #appMenu=\"matMenu\" class=\"app-menu\" [backdropClass]=\"'all-module-menus'\">\n <ng-container *ngFor=\"let headmenu of toDisplayApplications\">\n <button class=\"menu-option\" mat-menu-item (click)=\"goToApplication(headmenu)\" [ngClass]=\"{'active': headmenu.panelOpenState}\" class=\"{{headmenu.id}}_icon\" *ngIf=\"headmenu.name != 'Account Management'\" translate=\"no\">\n <!-- <mat-icon class=\"sideNavIcon children-icon\" [ngClass]=\"headmenu.name.split(' ').join('')\"></mat-icon> -->\n <img class=\"icon children-icon side-menu-icon\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </button>\n </ng-container>\n </mat-menu>\n </div>\n <div class=\"portal-sidnav-menu\" fxFlex=\"nogrow noshrink\" appScrollable [ngClass]=\"{'whiteLabelSidenav' : inContextInsightsWLApp}\">\n <mat-expansion-panel [expanded]=\"headmenu.panelOpenState == true\" hideToggle=\"true\"\n *ngFor=\"let headmenu of toDisplayApplications\" [ngClass]=\"{'active': currentApp.id === headmenu.id }\"\n (opened)=\"headmenu.panelOpenState = true\" (closed)=\"headmenu.panelOpenState = false\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n *ngIf=\"headmenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n (click)=\"goToApplication(headmenu)\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!headmenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"headmenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of headmenu.children\" [attr.id]=\"headmenu.id\" [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-expansion-panel *ngIf=\"menu.children else listMenu\" class=\"div-background-color-white\" [expanded]=\"menu.id == activePanel\"\n [ngClass]=\"{'activePanel': menu.id == activePanel , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"menu.panelOpenState = true\" (closed)=\"menu.panelOpenState = false\">\n <mat-expansion-panel-header\n [ngClass]=\"{'header-border': menu.panelOpenState === true, 'header-border-none': menu.panelOpenState === false }\">\n <mat-panel-title>\n <img style=\"margin-right: 10px\" *ngIf=\"(menu.icon && menu.icon != '') else displayInitials\"\n class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(menu.icon)\" />\n <ng-template #displayInitials>\n <div class=\"sidemenu-symbol\">\n {{menu.symbol}}\n </div>\n </ng-template>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\"\n [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"children-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"!menu.panelOpenState\">keyboard_arrow_right</mat-icon>\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"menu.panelOpenState\">keyboard_arrow_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <!-- <mat-divider></mat-divider> -->\n <mat-nav-list *ngFor=\"let childMenu of menu.children;\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(childMenu,headmenu,menu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\" [parentPanelId]=\"menu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-expansion-panel>\n <ng-template #listMenu>\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,headmenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus id=\"{{headmenu.id}}\" appOffsetTop [isActiveItem]=\"isCheckActiveRoute(headmenu,headmenu)\"\n [item]=\"headmenu\" [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n </div>\n <div class=\"portal-global-setting-menu sticky_bottom_menu\" *ngIf=\"!inContextInsightsWLApp\">\n <div *ngIf=\"!inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-Link-button\" *ngIf=\"toDisplayLinkMenu && toDisplayLinkMenu.length > 0\">\n <div *ngFor=\"let menuLink of toDisplayLinkMenu\" id=\"{{menuLink.id + 'menu'}}\" [style.margin-left]=\"sidenav && sidenav.opened ? '0px' : '5px'\">\n <span class=\"app-name\" (click)=\"goToMenuLink(menuLink)\">\n <div *ngIf=\"sidenav && sidenav.opened\" style=\"display: flex; align-items: center;\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <label *ngIf=\"showTitle\" class=\"app-name-label\" [innerHTML]=\"selectedApplication(menuLink)\"></label>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n <div *ngIf=\"sidenav && !sidenav.opened\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n </span>\n </div>\n </button>\n </div>\n <mat-expansion-panel [expanded]=\"settingsHeadMenu.panelOpenState == true || expandGlobalSettings\" hideToggle=\"true\" id=\"{{settingsHeadMenu.id + 'menu'}}\"\n *ngFor=\"let settingsHeadMenu of toDisplayGlobalSettingsMenu\" [ngClass]=\"{'active': settingsHeadMenu.isActive }\"\n (opened)=\"sidenav.open(); settingsHeadMenu.panelOpenState = true\" (closed)=\"settingsHeadMenu.panelOpenState = false; expandGlobalSettings = false\" [style.border]=\"sidenav && sidenav.opened ? '' : 'none !important'\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\"\n *ngIf=\"settingsHeadMenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n [ngClass]=\"sidenav && sidenav.opened ? '' : 'sticky-bottom-closed'\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(settingsHeadMenu.icon || 'settings-icon.svg')\" />\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(settingsHeadMenu)\"></label>\n <span *ngIf=\"settingsHeadMenu.badge\" class=\"badge-text sov-beta-position\"\n [innerHTML]=\"settingsHeadMenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"setting-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!settingsHeadMenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"settingsHeadMenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of settingsHeadMenu.children\" [attr.id]=\"settingsHeadMenu.id\"\n [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,settingsHeadMenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus [attr.id]=\"settingsHeadMenu.id\" appOffsetTop\n [isActiveItem]=\"isCheckActiveRoute(settingsHeadMenu,settingsHeadMenu)\" [item]=\"settingsHeadMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n\n </div>\n</div>\n<ng-template #errorBlock>\n <div class=\"errorMsg\">\n <span class=\"material-icons\">error</span>\n <span class=\"errorTxt\">{{errorMsg}}</span>\n </div>\n</ng-template>\n\n<a class=\"hamburger-icon expanded-hamburger-icon\" title=\"Toggle Menu\" (click)=\"sidenav.close();allMenuCollapse(); \">\n <mat-icon class=\"left-chevron-icon\">keyboard_arrow_left</mat-icon>\n</a>\n\n<!-- <img *ngIf=\"showMenuIcon()\" class=\"favicon-dimension\" src={{applicationDetails.sidebarInfo.favicon}} alt=\"Intentwise Favicon\" />\n <a *ngIf=\"showMenuIcon()\" title=\"Toggle Menu\" class=\"hamburger-icon collapsed-hamburger\"\n (click)=\"sidenav.open()\">\n <mat-icon class=\"right-chevron-icon\">keyboard_arrow_right</mat-icon>\n </a> -->", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081}.mat-warn{--mat-option-selected-state-label-text-color: #f44336}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-card{--mdc-elevated-card-container-color: white;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: white;--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #3f51b5;--mdc-linear-progress-track-color: rgba(63, 81, 181, .25)}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}@media (forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #ff4081;--mdc-linear-progress-track-color: rgba(255, 64, 129, .25)}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: #616161;--mdc-plain-tooltip-supporting-text-color: #fff}html{--mdc-filled-text-field-caret-color: #3f51b5;--mdc-filled-text-field-focus-active-indicator-color: #3f51b5;--mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-filled-text-field-container-color: whitesmoke;--mdc-filled-text-field-disabled-container-color: #fafafa;--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #3f51b5;--mdc-outlined-text-field-focus-outline-color: #3f51b5;--mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:#000000de}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after{color:#0000008a}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after{color:#3f51b5de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after{color:#ff4081de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after{color:#f44336de}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after{color:#00000061}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #ff4081;--mdc-filled-text-field-focus-active-indicator-color: #ff4081;--mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);--mdc-outlined-text-field-caret-color: #ff4081;--mdc-outlined-text-field-focus-outline-color: #ff4081;--mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid transparent}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid transparent}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(63, 81, 181, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(255, 64, 129, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html{--mat-autocomplete-background-color: white}.mat-mdc-dialog-container{--mdc-dialog-container-color: white;--mdc-dialog-subhead-color: rgba(0, 0, 0, .87);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color: #212121;--mdc-chip-elevated-container-color: #e0e0e0;--mdc-chip-elevated-disabled-container-color: #e0e0e0;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #212121;--mdc-chip-with-icon-icon-color: #212121;--mdc-chip-with-icon-disabled-icon-color: #212121;--mdc-chip-with-icon-selected-icon-color: #212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;--mdc-chip-with-trailing-icon-trailing-icon-color: #212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #3f51b5;--mdc-chip-elevated-disabled-container-color: #3f51b5;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #ff4081;--mdc-chip-elevated-disabled-container-color: #ff4081;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #f44336;--mdc-chip-elevated-disabled-container-color: #f44336;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height: 32px}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color: #3949ab;--mdc-switch-selected-handle-color: #3949ab;--mdc-switch-selected-hover-state-layer-color: #3949ab;--mdc-switch-selected-pressed-state-layer-color: #3949ab;--mdc-switch-selected-focus-handle-color: #1a237e;--mdc-switch-selected-hover-handle-color: #1a237e;--mdc-switch-selected-pressed-handle-color: #1a237e;--mdc-switch-selected-focus-track-color: #7986cb;--mdc-switch-selected-hover-track-color: #7986cb;--mdc-switch-selected-pressed-track-color: #7986cb;--mdc-switch-selected-track-color: #7986cb;--mdc-switch-disabled-selected-handle-color: #424242;--mdc-switch-disabled-selected-icon-color: #fff;--mdc-switch-disabled-selected-track-color: #424242;--mdc-switch-disabled-unselected-handle-color: #424242;--mdc-switch-disabled-unselected-icon-color: #fff;--mdc-switch-disabled-unselected-track-color: #424242;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #fff;--mdc-switch-unselected-focus-handle-color: #212121;--mdc-switch-unselected-focus-state-layer-color: #424242;--mdc-switch-unselected-focus-track-color: #e0e0e0;--mdc-switch-unselected-handle-color: #616161;--mdc-switch-unselected-hover-handle-color: #212121;--mdc-switch-unselected-hover-state-layer-color: #424242;--mdc-switch-unselected-hover-track-color: #e0e0e0;--mdc-switch-unselected-icon-color: #fff;--mdc-switch-unselected-pressed-handle-color: #212121;--mdc-switch-unselected-pressed-state-layer-color: #424242;--mdc-switch-unselected-pressed-track-color: #e0e0e0;--mdc-switch-unselected-track-color: #e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:#00000061}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #d81b60;--mdc-switch-selected-handle-color: #d81b60;--mdc-switch-selected-hover-state-layer-color: #d81b60;--mdc-switch-selected-pressed-state-layer-color: #d81b60;--mdc-switch-selected-focus-handle-color: #880e4f;--mdc-switch-selected-hover-handle-color: #880e4f;--mdc-switch-selected-pressed-handle-color: #880e4f;--mdc-switch-selected-focus-track-color: #f06292;--mdc-switch-selected-hover-track-color: #f06292;--mdc-switch-selected-pressed-track-color: #f06292;--mdc-switch-selected-track-color: #f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e53935;--mdc-switch-selected-handle-color: #e53935;--mdc-switch-selected-hover-state-layer-color: #e53935;--mdc-switch-selected-pressed-state-layer-color: #e53935;--mdc-switch-selected-focus-handle-color: #b71c1c;--mdc-switch-selected-hover-handle-color: #b71c1c;--mdc-switch-selected-pressed-handle-color: #b71c1c;--mdc-switch-selected-focus-track-color: #e57373;--mdc-switch-selected-hover-track-color: #e57373;--mdc-switch-selected-pressed-track-color: #e57373;--mdc-switch-selected-track-color: #e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size: 48px}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size: 40px}.mat-mdc-slider{--mdc-slider-label-container-color: black;--mdc-slider-label-label-text-color: white;--mdc-slider-disabled-handle-color: #000;--mdc-slider-disabled-active-track-color: #000;--mdc-slider-disabled-inactive-track-color: #000;--mdc-slider-with-tick-marks-disabled-container-color: #000;--mat-mdc-slider-value-indicator-opacity: .6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #3f51b5;--mdc-slider-focus-handle-color: #3f51b5;--mdc-slider-hover-handle-color: #3f51b5;--mdc-slider-active-track-color: #3f51b5;--mdc-slider-inactive-track-color: #3f51b5;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color: #ff4081;--mdc-slider-focus-handle-color: #ff4081;--mdc-slider-hover-handle-color: #ff4081;--mdc-slider-active-track-color: #ff4081;--mdc-slider-inactive-track-color: #ff4081;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-container-color: white}.mat-mdc-list-base{--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-disabled-label-text-color: black;--mdc-list-list-item-disabled-leading-icon-color: black;--mdc-list-list-item-disabled-trailing-icon-color: black;--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-state-layer-color: black;--mdc-list-list-item-hover-state-layer-opacity: .04;--mdc-list-list-item-focus-state-layer-color: black;--mdc-list-list-item-focus-state-layer-opacity: .12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)}html{--mat-paginator-container-size: 56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: #3f51b5;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #3f51b5;--mat-tab-header-active-ripple-color: #3f51b5;--mat-tab-header-inactive-ripple-color: #3f51b5;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #3f51b5;--mat-tab-header-active-hover-label-text-color: #3f51b5;--mat-tab-header-active-focus-indicator-color: #3f51b5;--mat-tab-header-active-hover-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color: #ff4081;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #ff4081;--mat-tab-header-active-ripple-color: #ff4081;--mat-tab-header-inactive-ripple-color: #ff4081;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #ff4081;--mat-tab-header-active-hover-label-text-color: #ff4081;--mat-tab-header-active-focus-indicator-color: #ff4081;--mat-tab-header-active-hover-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color: #f44336;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #f44336;--mat-tab-header-active-ripple-color: #f44336;--mat-tab-header-inactive-ripple-color: #f44336;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #f44336;--mat-tab-header-active-hover-label-text-color: #f44336;--mat-tab-header-active-focus-indicator-color: #f44336;--mat-tab-header-active-hover-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color: #3f51b5;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color: #ff4081;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color: #f44336;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height: 48px}html{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#00000061}html{--mdc-checkbox-state-layer-size: 40px}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color: #000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-text-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color: #fff;--mdc-filled-button-label-text-color: #000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #3f51b5;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #ff4081;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-button-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color: #fff;--mdc-protected-button-label-text-color: #000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #3f51b5;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #ff4081;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-elevation: 0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color: #000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-mdc-icon-button{--mdc-icon-button-icon-color: inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color: #3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color: #ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color: #f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color: rgba(0, 0, 0, .38);--mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color: rgba(0, 0, 0, .12);--mdc-fab-icon-color: rgba(0, 0, 0, .38);--mat-mdc-fab-color: rgba(0, 0, 0, .38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color: white;--mdc-fab-icon-color: black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #3f51b5;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #ff4081;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #333333;--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);--mat-snack-bar-button-color: #ff4081}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: #3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color: #ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color: #f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto,sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: #b9b9b9;--mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)}.mat-badge-accent{--mat-badge-background-color: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white}html{--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color: white;--mat-standard-button-toggle-state-layer-color: black;--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color: white;--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-divider-color: #e0e0e0}html{--mat-standard-button-toggle-height: 48px}html{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color: #ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color: #f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-divider-color: rgba(0, 0, 0, .12)}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--mat-stepper-header-edit-state-icon-foreground-color: white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color: whitesmoke;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.errorMsg{position:FIXED;color:#ff273e;font-size:14px;font-family:Source Sans Pro,sans-serif;inset:0;background-color:#fff;text-align:center}.errorMsg .material-icons{position:relative;left:25px;top:calc(51% - 50px)}.errorMsg .errorTxt{padding:10px 10px 10px 30px;text-align:left;width:inherit;display:inline-block;position:relative;line-height:20px;top:calc(50% - 50px)}.sticky_bottom_menu .sticky-bottom-closed{margin-left:3px}.portal-sidnav-menu{overflow-y:auto;scroll-behavior:smooth}.portal-sidnav-menu .portal-sidnav-menu__subheader{margin:12px 0;padding:0 16px;vertical-align:middle;text-transform:uppercase}.portal-sidnav-menu .mat-expansion-panel{box-shadow:none;border-radius:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header{height:36px!important;border-bottom:1px solid gainsboro;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 10px;border:none!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{margin:0;align-items:center;width:100%}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title img.icon.side-menu-icon{width:24px!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{margin-right:13px}.portal-sidnav-menu .mat-nav-list{padding:0}.portal-sidnav-menu .mat-nav-list .mat-mdc-list-item-icon,.portal-sidnav-menu .mat-nav-list .mat-icon.portal-sidnav-menu__end_detail{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-list-item-focus{background:transparent}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header{padding-left:20px}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .menu-name-expandable{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .level-two-badge{top:-10px!important;right:-4px!important}.main-expansion-panel-header{position:relative}.main-chevron-icon{font-size:34px;width:25px;height:34px;color:#41586b;position:absolute;right:10px;bottom:1px}.sub-chevron-icon{left:25px;top:6px;font-size:15px;width:25px;height:15px;color:#41586b;position:relative}.mat-expansion-panel-header:hover{background-color:#fafafa!important}.mat-expansion-panel-header:hover .main-chevron-icon,.mat-expansion-panel-header:hover .sub-chevron-icon{color:#f3aaa2}.header-border{border-top:1px solid gainsboro;border-top-left-radius:0;border-top-right-radius:0}.header-border-none{border:0}.sidemenu-logo-holder{width:150px;text-align:center;margin:0;line-height:1px;max-height:65px;padding:0 10px;display:flex;justify-content:center}.sidemenu-logo-holder img{width:100%}.sidemenu-heading{color:#202b37;font-size:13px;font-family:Source Sans Pro,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:1.67px;line-height:38px;margin:0!important}.sidemenu-symbol{border-radius:50%;width:18px;height:18px;border:1px solid #ff273e;color:#202b37;text-align:center;font:9px Arial,sans-serif;display:inline-block;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:10px}.menu-heading{position:relative;margin:0!important;font-weight:500!important;font-size:13.1px;font-family:roboto,sans-serif!important;color:#202b37;white-space:nowrap;text-transform:capitalize;letter-spacing:normal}.logo-dimension{object-fit:cover;max-height:60px}.hamburger-icon{z-index:-1;cursor:pointer;position:fixed;background-color:#fff;border:1px solid #e6eefc;width:20px!important;height:32px;line-height:36px;top:calc(50% - 15px);display:flex;align-items:center;justify-content:center}.left-chevron-icon{color:#7f7f7f}.expanded-hamburger-icon{left:232px}.sidebar-collapse-icon{display:flex;justify-content:flex-end;top:0;z-index:99;background-color:#fff;padding-right:8px}.sidebar-collapse-icon button{width:25px;display:flex;text-align:center;vertical-align:middle;align-items:center;justify-content:center;text-transform:capitalize;border-radius:0;line-height:15px;height:20px;padding:0;min-height:20px;cursor:pointer;color:#1264a3;text-decoration:none;font-size:14px;font-family:Roboto;left:0;top:0;background-color:#fff;border:1px solid #e6eefc}.sidebar-collapse-icon button mat-icon{margin:0}.portal-forgot-logo-text{line-height:1.3;font-family:Dosis,sans-serif;font-style:normal;font-stretch:normal;letter-spacing:4.3px;text-align:left;opacity:1px;color:#41586b;display:inline-block;vertical-align:middle;font-size:25px;font-weight:600}.portal-forgot-card__logo{width:16%}.portal-forget-heading-card{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.div-background-color,.div-background-color-white{background-color:#fff!important}.mat-expansion-panel-content .sub-child-menu .mat-mdc-list-item h3{font-size:14px!important}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;border-width:0 1px 1px 0;padding:4px}:host ::ng-deep .mat-expansion-indicator:before{color:#000!important}:host ::ng-deep .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .mat-mdc-list-base{padding:0}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item,.mat-list-base .mat-list-option{height:40px}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item:hover,.mat-list-base .mat-list-option:hover{background-color:#fdeeec;border-right:3px solid #ff273e}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content{padding:0 10px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item{padding:20px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#1e1f21;font: 400 16px Lato,serif}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-divider.separator{margin-left:0!important;width:calc(100% + 10px)!important}.badge-text.sov-beta-position{position:relative;font-size:10px;color:#ff273e!important;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px}.portal-global-setting-menu{border-top:none!important;margin-bottom:8px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel{border-radius:8px;border:1px solid #E5E7E8;padding-left:12px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover,.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel.mat-expanded{border-color:#acb0b4}.portal-global-setting-menu .app-menu-container .app-menu-Link-button{padding:12px 0 12px 12px!important;align-items:center;background:transparent;cursor:pointer!important;width:100%!important;margin:0!important;height:44px!important;border-radius:8px;border:none!important;display:flex!important;justify-content:space-between;font: 400 16px Lato,serif!important;line-height:16px!important}.portal-global-setting-menu .app-menu-container .app-menu-Link-button .app-name label.app-name-label{font-weight:400;cursor:pointer}.navmenu-expanded{align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header{display:flex!important;justify-content:center;align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-content{margin-left:12px}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:center}.navmenu-expanded .portal-global-setting-menu.sticky_bottom_menu .mat-expansion-panel{border:none!important}.side-menu-icon{width:24px;margin-right:8px}::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}::-webkit-scrollbar-corner{display:none;height:0px;width:0px}::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}:host ::ng-deep #loader_sov{display:none}:host ::ng-deep #loading_div{width:100%;height:100%;position:fixed;z-index:9999;display:table;background:#f9f9f9}:host ::ng-deep #loading_div>div{display:table-cell;vertical-align:middle;text-align:center}:host ::ng-deep #loading_div>div #loader{vertical-align:middle;width:100%;height:120px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader img{width:auto;height:140px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div #loader.site_2{height:130px}:host ::ng-deep #loading_div>div #loader.site_2 img{height:160px}:host ::ng-deep #loading_div>div #loader.site_6{height:138px}:host ::ng-deep #loading_div>div #loader.site_5{height:123px}:host ::ng-deep #loading_div>div #loader.site_5 img{height:110px}:host ::ng-deep #loading_div>div #loader.site_7{height:181px}:host ::ng-deep #loading_div>div #loader.site_7 img{height:204px}:host ::ng-deep #loading_div>div #loader_img{vertical-align:middle;width:100%;height:170px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader_img img{width:auto;height:150px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position{width:16%;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-fill:after{background-color:#ff273e!important}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-buffer{background-color:#cdcdd2!important}@media only screen and (max-width: 1425px){:host ::ng-deep #loading_div .loader_progress-bar-position{width:26%!important}}\n"] }]
|
|
2294
|
-
}], ctorParameters: function () { return [{ type: ApplicationSidebarService }, { type: i2.Router }, { type: RestApiService }, { type: i4.CookieService }, { type: i0.ChangeDetectorRef }, { type: TranslationService }, { type: MixpanelService }]; }, propDecorators: { applicationDetails: [{
|
|
5192
|
+
args: [{ selector: 'lnc-navigation-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"loader_sov\">\n <div id=\"loading_div\" *ngIf=\"applicationDetails?.sidebarInfo\">\n <div>\n <div id=\"loader\" *ngIf=\"sideIdInfo !== 1\"\n class=\"site_{{sideIdInfo}}\">\n <img src=\"{{applicationDetails?.sidebarInfo?.logo}}\">\n </div>\n <div id=\"loader_img\" *ngIf=\"sideIdInfo == 1\">\n <img src=\"/assets/images/happy_eyes_closed_small.svg\">\n </div>\n <mat-progress-bar class=\"loader_progress-bar-position\" mode=\"indeterminate\"></mat-progress-bar>\n </div>\n </div>\n</div>\n\n<div fxLayout=\"column\" fxFlexFill *ngIf=\"errorMsg.length == 0 else errorBlock\" translate=\"no\" id=\"angular-16-version\" [ngClass]=\"{'navmenu-expanded' : !navExpanded, 'application-sidebar--revised-nav': isRevisedNavigationEnabled()}\">\n <mat-toolbar class=\"portal-side-menu-top-toolbar\">\n <mat-toolbar-row fxLayout=\"row\">\n <div class=\"revised-section-app-logo portal-forget-heading-card\">\n <div class=\"sidemenu-logo-holder\">\n <span *ngIf=\"sideIdInfo !== 1\">\n <img [src]=\"applicationDetails?.sidebarInfo?.favicon\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension\" />\n <img [src]=\"applicationDetails?.sidebarInfo?.logo\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" class=\"logo-dimension\" />\n </span>\n <span *ngIf=\"sideIdInfo == 1\">\n <img src=\"assets/logos/intentwiselogo.svg\" style=\"width: 40px !important;display: flex !important;\" *ngIf=\"!navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"favicon-dimension intentwise-favicon\">\n <img src=\"assets/logos/Intentwise.svg\" style=\"display: flex !important;\" *ngIf=\"navExpanded\" [alt]=\"applicationDetails?.sidebarInfo?.firstName\" class=\"logo-dimension intentwise-logo\">\n </span>\n </div>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n <!-- <div class=\"sidebar-collapse-icon\" *ngIf=\"isAdminRole\">\n <button mat-menu-item class=\"sidemenu-icon-top\" (click)=\"allMenuCollapse()\">\n <mat-icon *ngIf=\"sidenav && sidenav.opened\">keyboard_arrow_up</mat-icon>\n </button>\n </div> -->\n <div *ngIf=\"sidenav && sidenav.opened && !inContextInsightsWLApp && isLegacyNavigationEnabled()\" class=\"app-menu-container\">\n <button class=\"app-menu-button selected-app-button\" *ngIf=\"toDisplayApplications && toDisplayApplications.length == 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n </button>\n <button class=\"app-menu-button selected-app-button\" [mat-menu-trigger-for]=\"appMenu\" *ngIf=\"toDisplayApplications && toDisplayApplications.length > 1\">\n <span class=\"app-name selected-app-container\">\n <!-- <mat-icon *ngIf=\"currentApp?.name\" class=\"sideNavIcon {{currentApp?.name.split(' ').join('')}}\"></mat-icon> -->\n <img *ngIf=\"currentApp?.name\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(currentApp.icon || 'default-icon.svg')\"/>\n <label style=\"margin-left: -4px;\" [innerHTML]=\"selectedApplication(currentApp)\"></label>\n <span *ngIf=\"currentApp?.badge\" class=\"badge-text sov-beta-position\">{{currentApp.badge}}</span>\n </span>\n <span class=\"dropdown-icon\"></span>\n </button>\n <mat-menu #appMenu=\"matMenu\" class=\"app-menu\" [backdropClass]=\"'all-module-menus'\">\n <ng-container *ngFor=\"let headmenu of toDisplayApplications\">\n <button class=\"menu-option\" mat-menu-item (click)=\"goToApplication(headmenu)\" [ngClass]=\"{'active': headmenu.panelOpenState}\" class=\"{{headmenu.id}}_icon\" *ngIf=\"headmenu.name != 'Account Management'\" translate=\"no\">\n <!-- <mat-icon class=\"sideNavIcon children-icon\" [ngClass]=\"headmenu.name.split(' ').join('')\"></mat-icon> -->\n <img class=\"icon children-icon side-menu-icon\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </button>\n </ng-container>\n </mat-menu>\n </div>\n <div class=\"portal-sidnav-menu\" fxFlex=\"nogrow noshrink\" appScrollable [ngClass]=\"{'whiteLabelSidenav' : inContextInsightsWLApp}\">\n <ng-container *ngIf=\"isRevisedNavigationEnabled(); else legacyNavigationTemplate\">\n <!--\n Revised nav maps to sidebar layout JSON (`sections[]`):\n - type `app-tabs` \u2192 Optimize: tab strip + `revisedGroupMenuItemShell` per menu row (same expand/leaf/active pattern as INTELLIGENCE).\n - type `grouped-menus` \u2192 `groups[]`: each group uses `items[]` of `{ menuId, title? }` (ids from `navmenu1`).\n Leaf vs expandable comes from nav data. Single- and multi-item groups share `revisedGroupMenuItemShell` (same layout as Product 360 / Foundation). Untitled flat groups still use `revisedGroupedMenuRows` + inner mat-list for deep nesting.\n Add more sections in JSON \u2014 they render here in order. Bottom sticky block is unchanged below.\n -->\n <!-- SVG chevrons (not mat-icon ligatures) so expand arrows work even when Material Icons font fails to load -->\n <ng-template #revisedChevronSvg let-expanded=\"expanded\">\n <svg *ngIf=\"!expanded\" class=\"revised-chevron-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/>\n </svg>\n <svg *ngIf=\"expanded\" class=\"revised-chevron-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"/>\n </svg>\n </ng-template>\n\n <ng-template #revisedMatPanelChevrons let-expanded=\"expanded\" let-iconClass=\"iconClass\">\n <mat-panel-description class=\"children-description revised-nav-expansion-chevron\" *ngIf=\"navExpanded\">\n <span [ngClass]=\"iconClass || 'sub-chevron-icon revised-nav-chevron'\" class=\"revised-chevron-icon-wrap\">\n <ng-container *ngTemplateOutlet=\"revisedChevronSvg; context: { expanded: expanded }\"></ng-container>\n </span>\n </mat-panel-description>\n </ng-template>\n\n <!-- One resolved menu: grouped-menus (Foundation / INTELLIGENCE) or app-tabs OPTIMIZE when `optimizeParentApp` is set. No inner mat-list. -->\n <ng-template #revisedGroupMenuItemShell let-menu=\"menu\" let-optimizeParentApp=\"optimizeParentApp\">\n <mat-expansion-panel *ngIf=\"menu.children?.length\" class=\"div-background-color-white revised-group__single-expandable\" [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [disabled]=\"true\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"onChildMenuPanelOpened(menu)\" (closed)=\"onChildMenuPanelClosed(menu)\">\n <mat-expansion-panel-header class=\"revised-group__header revised-group__header--as-panel\" (click)=\"onChildMenuPanelHeaderClick(menu)\">\n <mat-panel-title>\n <span class=\"revised-group__title menu-heading applicationSubmenus\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\" [innerHTML]=\"menu.badge\"></span>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isChildMenuPanelExpanded(menu), iconClass: 'revised-group__chevron revised-nav-expansion-chevron revised-nav-chevron' }\"></ng-container>\n </mat-expansion-panel-header>\n <div class=\"revised-group__content\">\n <mat-nav-list class=\"sub-child-menu\">\n <lnc-nav-menus *ngFor=\"let childMenu of menu.children\" appOffsetTop\n [isActiveItem]=\"isRevisedMenuActive(childMenu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\"\n [parentMenuId]=\"optimizeParentApp ? optimizeParentApp.id : getRevisedParentMenuId(childMenu, menu.ownerAppId)\"\n [parentPanelId]=\"menu.id\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </div>\n </mat-expansion-panel>\n <mat-nav-list *ngIf=\"!menu.children?.length\" class=\"revised-group__single-link\">\n <lnc-nav-menus appOffsetTop\n [isActiveItem]=\"isRevisedMenuActive(menu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\"\n [parentMenuId]=\"optimizeParentApp ? optimizeParentApp.id : getRevisedParentMenuId(menu)\"\n [parentPanelId]=\"getRevisedShellLeafParentPanelId(menu, optimizeParentApp)\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n\n <!-- Grouped-menus rows: leaf | mat-expansion (depth 0) | nested mat-expansion (depth 1). Max 2 expansion levels here; deeper leaves use lnc-nav-menus. -->\n <ng-template #revisedGroupedMenuRows let-group=\"group\">\n <ng-container *ngFor=\"let menu of group.items\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuEntry; context: { menu: menu, nestingDepth: 0 }\"></ng-container>\n </ng-container>\n </ng-template>\n\n <ng-template #revisedGroupedMenuEntry let-menu=\"menu\" let-nestingDepth=\"nestingDepth\">\n <mat-nav-list *ngIf=\"!menu.children?.length\" class=\"revised-group-menu-leaf\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isRevisedMenuActive(menu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"getRevisedParentMenuId(menu)\"\n [parentPanelId]=\"getRevisedParentPanelId(menu)\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n\n <mat-expansion-panel *ngIf=\"menu.children?.length\" class=\"div-background-color-white\"\n [class.revised-group-menu-panel--nested]=\"nestingDepth > 0\"\n [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [disabled]=\"true\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"onChildMenuPanelOpened(menu)\" (closed)=\"onChildMenuPanelClosed(menu)\">\n <mat-expansion-panel-header (click)=\"onChildMenuPanelHeaderClick(menu)\" [ngClass]=\"{'header-border': isChildMenuPanelExpanded(menu), 'header-border-none': !isChildMenuPanelExpanded(menu) }\">\n <mat-panel-title>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\" [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isChildMenuPanelExpanded(menu) }\"></ng-container>\n </mat-expansion-panel-header>\n <div class=\"revised-group-menu-children\">\n <ng-container *ngFor=\"let child of menu.children\">\n <ng-container *ngIf=\"child.children?.length && (nestingDepth ?? 0) < 2\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuEntry; context: { menu: child, nestingDepth: (nestingDepth ?? 0) + 1 }\"></ng-container>\n </ng-container>\n <mat-nav-list *ngIf=\"!child.children?.length || (nestingDepth ?? 0) >= 2\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isRevisedMenuActive(child)\" [item]=\"child\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"getRevisedParentMenuId(child, menu.ownerAppId)\"\n [parentPanelId]=\"menu.id\" (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-container>\n </div>\n </mat-expansion-panel>\n </ng-template>\n\n <!-- Same section class as legacy so .portal-sidnav-menu .mat-expansion-panel .mat-mdc-list a[mat-list-item].active applies -->\n <div class=\"revised-nav\" translate=\"no\">\n <div class=\"revised-section mat-expansion-panel\" *ngFor=\"let section of revisedSections; trackBy: trackByRevisedSection\" [attr.id]=\"section.id + 'menu'\" [attr.data-section-type]=\"section.type\"\n [ngClass]=\"{'active': isRevisedSectionActive(section)}\">\n <button class=\"revised-section__header main-expansion-panel-header\" type=\"button\" (click)=\"onRevisedSectionHeaderClick(section.id)\"\n [matTooltip]=\"navExpanded ? null : section.title\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\">\n <span class=\"revised-section__header-main\">\n <span class=\"revised-section__header-icon-box\">\n <span class=\"revised-section__header-icon icon side-menu-icon side-menu-icon-color\" [innerHTML]=\"getRevisedSectionIcon(section)\"></span>\n <span class=\"revised-section__collapsed-active-dot\" *ngIf=\"!navExpanded && isRevisedSectionActive(section)\" aria-hidden=\"true\"></span>\n </span>\n <span class=\"revised-section__title sidemenu-heading applicationMenu\" *ngIf=\"navExpanded\">{{ section.title }}</span>\n </span>\n <span class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <span class=\"main-chevron-icon revised-nav-chevron revised-chevron-icon-wrap\">\n <ng-container *ngTemplateOutlet=\"revisedChevronSvg; context: { expanded: isRevisedSectionExpanded(section.id) }\"></ng-container>\n </span>\n </span>\n </button>\n <div *ngIf=\"navExpanded && isRevisedSectionExpanded(section.id)\"\n class=\"revised-section__content revised-section__content--visible padding-0px\"\n [ngClass]=\"{\n 'revised-section__content--grouped': section.type === 'grouped-menus'\n }\"\n [attr.id]=\"section.id\">\n <ng-container [ngSwitch]=\"section.type\">\n\n <!-- JSON: { type: \"app-tabs\", appIds, defaultAppId } -->\n <ng-container *ngSwitchCase=\"'app-tabs'\">\n <div class=\"revised-optimize-tabs\" *ngIf=\"getRevisedSectionApps(section).length > 0\">\n <button type=\"button\" class=\"revised-optimize-tab\" *ngFor=\"let app of getRevisedSectionApps(section); trackBy: trackByRevisedMenu\"\n [ngClass]=\"{'active': isSelectedRevisedSectionApp(section, app)}\"\n [matTooltip]=\"getRevisedOptimizeAppTabTooltip(app)\" matTooltipPosition=\"below\"\n [matTooltipClass]=\"['left-nav-tooltip', 'revised-optimize-app-tab-tooltip']\"\n (click)=\"selectRevisedSectionApp(section, app)\">\n <span class=\"revised-optimize-tab__badge\" *ngIf=\"getRevisedSectionTabBadgeCount(app) !== null\">\n {{ getRevisedSectionTabBadgeCount(app) }}\n </span>\n <span class=\"revised-optimize-tab__icon\">\n <img class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(app.icon || 'default-icon.svg')\" [alt]=\"selectedApplication(app)\" />\n </span>\n </button>\n </div>\n <div class=\"revised-optimize-menus\" *ngIf=\"getRevisedSectionSelectedApp(section) as selectedApp\">\n <div class=\"revised-optimize-app-title menu-heading applicationSubmenus\" [innerHTML]=\"selectedApplication(selectedApp)\"></div>\n <div class=\"revised-group__multi-stack revised-optimize-menu-stack\" [attr.id]=\"section.id + '_' + selectedApp.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInSection(section) }\">\n <ng-container *ngFor=\"let menu of getRevisedSectionMenus(section); trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu, optimizeParentApp: selectedApp }\"></ng-container>\n </ng-container>\n </div>\n </div>\n </ng-container>\n\n <!-- JSON: { type: \"grouped-menus\", groups: [ ... ] } -->\n <ng-container *ngSwitchCase=\"'grouped-menus'\">\n <ng-container *ngFor=\"let group of getRevisedGroupedSectionGroups(section); trackBy: trackByRevisedGroup\">\n\n <div *ngIf=\"isRevisedUntitledGroup(group)\" class=\"revised-group revised-group--flat\">\n <mat-list class=\"padding-0px revised-group__list\" [attr.id]=\"section.id + '_' + group.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInGroup(group) }\">\n <ng-container *ngTemplateOutlet=\"revisedGroupedMenuRows; context: { group: group }\"></ng-container>\n </mat-list>\n </div>\n\n <div *ngIf=\"isRevisedSingleItemGroup(group)\" class=\"revised-group revised-group--single\">\n <ng-container *ngFor=\"let menu of group.items; trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu }\"></ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"isRevisedMultiItemGroup(group)\" class=\"revised-group revised-group--multi\">\n <mat-expansion-panel class=\"div-background-color-white revised-group__multi-panel\"\n [expanded]=\"isRevisedGroupExpanded(section.id, group.id)\"\n hideToggle=\"true\"\n (opened)=\"onRevisedGroupPanelOpened(section.id, group.id)\"\n (closed)=\"onRevisedGroupPanelClosed(section.id, group.id)\">\n <mat-expansion-panel-header class=\"revised-group__header revised-group__header--as-panel\"\n [matTooltip]=\"navExpanded ? null : group.title\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\">\n <mat-panel-title>\n <span class=\"revised-group__title menu-heading applicationSubmenus\" *ngIf=\"navExpanded\">{{ group.title }}</span>\n </mat-panel-title>\n <ng-container *ngTemplateOutlet=\"revisedMatPanelChevrons; context: { expanded: isRevisedGroupExpanded(section.id, group.id), iconClass: 'revised-group__chevron revised-nav-expansion-chevron revised-nav-chevron' }\"></ng-container>\n </mat-expansion-panel-header>\n <!-- Per-item DOM matches revised-group--single (no inner mat-list) so global sidebar theme does not apply muted .mat-list .applicationSubmenus to Commerce-style rows. -->\n <div class=\"revised-group__panel-body\" *ngIf=\"navExpanded\">\n <div class=\"revised-group__multi-stack\" [attr.id]=\"section.id + '_' + group.id\" [ngClass]=\"{'group-nav-menu': hasExpandableMenusInGroup(group) }\">\n <ng-container *ngFor=\"let menu of group.items; trackBy: trackByRevisedMenu\">\n <ng-container *ngTemplateOutlet=\"revisedGroupMenuItemShell; context: { menu: menu }\"></ng-container>\n </ng-container>\n </div>\n </div>\n </mat-expansion-panel>\n </div>\n\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-template #legacyNavigationTemplate>\n <mat-expansion-panel [expanded]=\"headmenu.panelOpenState == true\" hideToggle=\"true\"\n *ngFor=\"let headmenu of toDisplayApplications\" [ngClass]=\"{'active': currentApp.id === headmenu.id }\"\n (opened)=\"headmenu.panelOpenState = true\" (closed)=\"headmenu.panelOpenState = false\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n *ngIf=\"headmenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n (click)=\"goToApplication(headmenu)\">\n <mat-panel-title>\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(headmenu.icon || 'default-icon.svg')\"/>\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(headmenu)\"></label>\n <span *ngIf=\"headmenu.badge\" class=\"badge-text sov-beta-position\" [innerHTML]=\"headmenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"headmenu-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!headmenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"headmenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of headmenu.children\" [attr.id]=\"headmenu.id\" [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-expansion-panel *ngIf=\"menu.children else listMenu\" class=\"div-background-color-white\" [expanded]=\"isChildMenuPanelExpanded(menu)\"\n [ngClass]=\"{'activePanel': isChildMenuPanelHighlighted(menu) , 'whiteLabelActive' : inContextInsightsWLApp}\" hideToggle=\"true\"\n (opened)=\"menu.panelOpenState = true\" (closed)=\"menu.panelOpenState = false\">\n <mat-expansion-panel-header\n [ngClass]=\"{'header-border': isChildMenuPanelExpanded(menu), 'header-border-none': !isChildMenuPanelExpanded(menu) }\">\n <mat-panel-title>\n <img style=\"margin-right: 10px\" *ngIf=\"(menu.icon && menu.icon != '') else displayInitials\"\n class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(menu.icon)\" />\n <ng-template #displayInitials>\n <div class=\"sidemenu-symbol\">\n {{menu.symbol}}\n </div>\n </ng-template>\n <h3 class=\"menu-heading applicationSubmenus\"><span class=\"menu-name-expandable\" [innerHTML]=\"selectedApplication(menu)\"></span>\n <span *ngIf=\"menu.badge\" class=\"badge-text sov-beta-position level-two-badge\"\n [innerHTML]=\"menu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"children-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"!isChildMenuPanelExpanded(menu)\">arrow_right</mat-icon>\n <mat-icon class=\"sub-chevron-icon\" *ngIf=\"isChildMenuPanelExpanded(menu)\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <!-- <mat-divider></mat-divider> -->\n <mat-nav-list *ngFor=\"let childMenu of menu.children;\" class=\"sub-child-menu\">\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(childMenu,headmenu,menu)\" [item]=\"childMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\" [parentPanelId]=\"menu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-expansion-panel>\n <ng-template #listMenu>\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,headmenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </ng-template>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus id=\"{{headmenu.id}}\" appOffsetTop [isActiveItem]=\"isCheckActiveRoute(headmenu,headmenu)\"\n [item]=\"headmenu\" [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"headmenu.id\"\n matTooltip=\"{{getTooltipInfo(headmenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n </ng-template>\n </div>\n <div class=\"portal-global-setting-menu sticky_bottom_menu\" *ngIf=\"!inContextInsightsWLApp\">\n <div *ngIf=\"!inContextInsightsWLApp\" class=\"app-menu-container\">\n <button class=\"app-menu-Link-button\" *ngIf=\"toDisplayLinkMenu && toDisplayLinkMenu.length > 0\">\n <div *ngFor=\"let menuLink of toDisplayLinkMenu\" id=\"{{menuLink.id + 'menu'}}\" [style.margin-left]=\"sidenav && sidenav.opened ? '0px' : '5px'\">\n <span class=\"app-name\" (click)=\"goToMenuLink(menuLink)\">\n <div *ngIf=\"sidenav && sidenav.opened\" style=\"display: flex; align-items: center;gap: 5px;\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <label *ngIf=\"showTitle\" class=\"app-name-label\" [innerHTML]=\"selectedApplication(menuLink)\"></label>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n <div *ngIf=\"sidenav && !sidenav.opened\">\n <img *ngIf=\"menuLink?.name\" matTooltip=\"{{getTooltipInfo(menuLink)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\" class=\"icon side-menu-icon children-icon\" [src]=\"getIconUrl(menuLink.icon || 'default-icon.svg')\"/>\n <span *ngIf=\"menuLink?.badge\" class=\"badge-text sov-beta-position\">{{menuLink.badge}}</span>\n </div>\n </span>\n </div>\n </button>\n </div>\n <mat-expansion-panel [expanded]=\"settingsHeadMenu.panelOpenState == true || expandGlobalSettings\" hideToggle=\"true\" id=\"{{settingsHeadMenu.id + 'menu'}}\"\n *ngFor=\"let settingsHeadMenu of toDisplayGlobalSettingsMenu\" [ngClass]=\"{'active': settingsHeadMenu.isActive }\"\n (opened)=\"sidenav.open(); settingsHeadMenu.panelOpenState = true\" (closed)=\"settingsHeadMenu.panelOpenState = false; expandGlobalSettings = false\" [style.border]=\"sidenav && sidenav.opened ? '' : 'none !important'\">\n <mat-expansion-panel-header matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipPosition=\"right\" matTooltipClass=\"left-nav-tooltip\"\n *ngIf=\"settingsHeadMenu.type == 'expandable' else singleMenus\" class=\"main-expansion-panel-header\"\n [ngClass]=\"sidenav && sidenav.opened ? '' : 'sticky-bottom-closed'\">\n <mat-panel-title style=\"gap: 5px;\">\n <img class=\"icon side-menu-icon side-menu-icon-color\" [src]=\"getIconUrl(settingsHeadMenu.icon || 'settings-icon.svg')\" />\n <h3 class=\"sidemenu-heading applicationMenu\">\n <label [innerHTML]=\"selectedApplication(settingsHeadMenu)\"></label>\n <span *ngIf=\"settingsHeadMenu.badge\" class=\"badge-text sov-beta-position\"\n [innerHTML]=\"settingsHeadMenu.badge\"></span>\n </h3>\n </mat-panel-title>\n <mat-panel-description class=\"setting-description\" *ngIf=\"navExpanded\">\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"!settingsHeadMenu.panelOpenState\">arrow_right</mat-icon>\n <mat-icon class=\"main-chevron-icon\" *ngIf=\"settingsHeadMenu.panelOpenState\">arrow_drop_down</mat-icon>\n </mat-panel-description>\n </mat-expansion-panel-header>\n <mat-list class=\"padding-0px\" *ngFor=\"let menu of settingsHeadMenu.children\" [attr.id]=\"settingsHeadMenu.id\"\n [ngClass]=\"{'group-nav-menu': menu.children }\">\n <mat-nav-list>\n <lnc-nav-menus appOffsetTop [isActiveItem]=\"isCheckActiveRoute(menu,settingsHeadMenu)\" [item]=\"menu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-nav-list>\n </mat-list>\n <ng-template #singleMenus>\n <mat-list>\n <lnc-nav-menus [attr.id]=\"settingsHeadMenu.id\" appOffsetTop\n [isActiveItem]=\"isCheckActiveRoute(settingsHeadMenu,settingsHeadMenu)\" [item]=\"settingsHeadMenu\"\n [applicationId]=\"applicationDetails.applicationId\" [parentMenuId]=\"settingsHeadMenu.id\"\n matTooltip=\"{{getTooltipInfo(settingsHeadMenu)}}\" matTooltipClass=\"left-nav-tooltip\" matTooltipPosition=\"right\"\n (menuClicked)=\"menuClicked($event)\" #navMenusComponent>\n </lnc-nav-menus>\n </mat-list>\n </ng-template>\n </mat-expansion-panel>\n\n </div>\n</div>\n<ng-template #errorBlock>\n <div class=\"errorMsg\">\n <span class=\"material-icons\">error</span>\n <span class=\"errorTxt\">{{errorMsg}}</span>\n </div>\n</ng-template>\n\n<a class=\"hamburger-icon expanded-hamburger-icon\" title=\"Toggle Menu\" (click)=\"sidenav.close();allMenuCollapse(); \">\n <mat-icon class=\"left-chevron-icon\">keyboard_arrow_left</mat-icon>\n</a>\n\n<!-- <img *ngIf=\"showMenuIcon()\" class=\"favicon-dimension\" src={{applicationDetails.sidebarInfo.favicon}} alt=\"Intentwise Favicon\" />\n <a *ngIf=\"showMenuIcon()\" title=\"Toggle Menu\" class=\"hamburger-icon collapsed-hamburger\"\n (click)=\"sidenav.open()\">\n <mat-icon class=\"right-chevron-icon\">keyboard_arrow_right</mat-icon>\n </a> -->\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081}.mat-warn{--mat-option-selected-state-label-text-color: #f44336}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-card{--mdc-elevated-card-container-color: white;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: white;--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: #3f51b5;--mdc-linear-progress-track-color: rgba(63, 81, 181, .25)}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}@media (forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:#3f51b540;background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color: #ff4081;--mdc-linear-progress-track-color: rgba(255, 64, 129, .25)}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:#ff408140;background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color: #f44336;--mdc-linear-progress-track-color: rgba(244, 67, 54, .25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}@media (forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E\")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:#f4433640;background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: #616161;--mdc-plain-tooltip-supporting-text-color: #fff}html{--mdc-filled-text-field-caret-color: #3f51b5;--mdc-filled-text-field-focus-active-indicator-color: #3f51b5;--mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-filled-text-field-container-color: whitesmoke;--mdc-filled-text-field-disabled-container-color: #fafafa;--mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-filled-text-field-error-focus-label-text-color: #f44336;--mdc-filled-text-field-error-label-text-color: #f44336;--mdc-filled-text-field-error-caret-color: #f44336;--mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);--mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);--mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);--mdc-filled-text-field-error-active-indicator-color: #f44336;--mdc-filled-text-field-error-focus-active-indicator-color: #f44336;--mdc-filled-text-field-error-hover-active-indicator-color: #f44336;--mdc-outlined-text-field-caret-color: #3f51b5;--mdc-outlined-text-field-focus-outline-color: #3f51b5;--mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);--mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);--mdc-outlined-text-field-error-caret-color: #f44336;--mdc-outlined-text-field-error-focus-label-text-color: #f44336;--mdc-outlined-text-field-error-label-text-color: #f44336;--mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);--mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);--mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);--mdc-outlined-text-field-error-focus-outline-color: #f44336;--mdc-outlined-text-field-error-hover-outline-color: #f44336;--mdc-outlined-text-field-error-outline-color: #f44336;--mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:#000000de}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after{color:#0000008a}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after{color:#3f51b5de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after{color:#ff4081de}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after{color:#f44336de}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after{color:#00000061}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color: #ff4081;--mdc-filled-text-field-focus-active-indicator-color: #ff4081;--mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);--mdc-outlined-text-field-caret-color: #ff4081;--mdc-outlined-text-field-focus-outline-color: #ff4081;--mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color: #f44336;--mdc-filled-text-field-focus-active-indicator-color: #f44336;--mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);--mdc-outlined-text-field-caret-color: #f44336;--mdc-outlined-text-field-focus-outline-color: #f44336;--mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid transparent}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid transparent}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(63, 81, 181, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(255, 64, 129, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);--mat-select-placeholder-text-color: rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);--mat-select-focused-arrow-color: rgba(244, 67, 54, .87);--mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)}html{--mat-autocomplete-background-color: white}.mat-mdc-dialog-container{--mdc-dialog-container-color: white;--mdc-dialog-subhead-color: rgba(0, 0, 0, .87);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color: #212121;--mdc-chip-elevated-container-color: #e0e0e0;--mdc-chip-elevated-disabled-container-color: #e0e0e0;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: #212121;--mdc-chip-with-icon-icon-color: #212121;--mdc-chip-with-icon-disabled-icon-color: #212121;--mdc-chip-with-icon-selected-icon-color: #212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;--mdc-chip-with-trailing-icon-trailing-icon-color: #212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #3f51b5;--mdc-chip-elevated-disabled-container-color: #3f51b5;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #ff4081;--mdc-chip-elevated-disabled-container-color: #ff4081;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color: white;--mdc-chip-elevated-container-color: #f44336;--mdc-chip-elevated-disabled-container-color: #f44336;--mdc-chip-focus-state-layer-color: black;--mdc-chip-focus-state-layer-opacity: .12;--mdc-chip-label-text-color: white;--mdc-chip-with-icon-icon-color: white;--mdc-chip-with-icon-disabled-icon-color: white;--mdc-chip-with-icon-selected-icon-color: white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mdc-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height: 32px}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color: #3949ab;--mdc-switch-selected-handle-color: #3949ab;--mdc-switch-selected-hover-state-layer-color: #3949ab;--mdc-switch-selected-pressed-state-layer-color: #3949ab;--mdc-switch-selected-focus-handle-color: #1a237e;--mdc-switch-selected-hover-handle-color: #1a237e;--mdc-switch-selected-pressed-handle-color: #1a237e;--mdc-switch-selected-focus-track-color: #7986cb;--mdc-switch-selected-hover-track-color: #7986cb;--mdc-switch-selected-pressed-track-color: #7986cb;--mdc-switch-selected-track-color: #7986cb;--mdc-switch-disabled-selected-handle-color: #424242;--mdc-switch-disabled-selected-icon-color: #fff;--mdc-switch-disabled-selected-track-color: #424242;--mdc-switch-disabled-unselected-handle-color: #424242;--mdc-switch-disabled-unselected-icon-color: #fff;--mdc-switch-disabled-unselected-track-color: #424242;--mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-switch-handle-shadow-color: black;--mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-switch-selected-icon-color: #fff;--mdc-switch-unselected-focus-handle-color: #212121;--mdc-switch-unselected-focus-state-layer-color: #424242;--mdc-switch-unselected-focus-track-color: #e0e0e0;--mdc-switch-unselected-handle-color: #616161;--mdc-switch-unselected-hover-handle-color: #212121;--mdc-switch-unselected-hover-state-layer-color: #424242;--mdc-switch-unselected-hover-track-color: #e0e0e0;--mdc-switch-unselected-icon-color: #fff;--mdc-switch-unselected-pressed-handle-color: #212121;--mdc-switch-unselected-pressed-state-layer-color: #424242;--mdc-switch-unselected-pressed-track-color: #e0e0e0;--mdc-switch-unselected-track-color: #e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:#00000061}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: #d81b60;--mdc-switch-selected-handle-color: #d81b60;--mdc-switch-selected-hover-state-layer-color: #d81b60;--mdc-switch-selected-pressed-state-layer-color: #d81b60;--mdc-switch-selected-focus-handle-color: #880e4f;--mdc-switch-selected-hover-handle-color: #880e4f;--mdc-switch-selected-pressed-handle-color: #880e4f;--mdc-switch-selected-focus-track-color: #f06292;--mdc-switch-selected-hover-track-color: #f06292;--mdc-switch-selected-pressed-track-color: #f06292;--mdc-switch-selected-track-color: #f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: #e53935;--mdc-switch-selected-handle-color: #e53935;--mdc-switch-selected-hover-state-layer-color: #e53935;--mdc-switch-selected-pressed-state-layer-color: #e53935;--mdc-switch-selected-focus-handle-color: #b71c1c;--mdc-switch-selected-hover-handle-color: #b71c1c;--mdc-switch-selected-pressed-handle-color: #b71c1c;--mdc-switch-selected-focus-track-color: #e57373;--mdc-switch-selected-hover-track-color: #e57373;--mdc-switch-selected-pressed-track-color: #e57373;--mdc-switch-selected-track-color: #e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size: 48px}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #3f51b5;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #ff4081;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: rgba(0, 0, 0, .38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size: 40px}.mat-mdc-slider{--mdc-slider-label-container-color: black;--mdc-slider-label-label-text-color: white;--mdc-slider-disabled-handle-color: #000;--mdc-slider-disabled-active-track-color: #000;--mdc-slider-disabled-inactive-track-color: #000;--mdc-slider-with-tick-marks-disabled-container-color: #000;--mat-mdc-slider-value-indicator-opacity: .6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #3f51b5;--mdc-slider-focus-handle-color: #3f51b5;--mdc-slider-hover-handle-color: #3f51b5;--mdc-slider-active-track-color: #3f51b5;--mdc-slider-inactive-track-color: #3f51b5;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color: #ff4081;--mdc-slider-focus-handle-color: #ff4081;--mdc-slider-hover-handle-color: #ff4081;--mdc-slider-active-track-color: #ff4081;--mdc-slider-inactive-track-color: #ff4081;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: #fff;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)}html{--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-menu-container-color: white}.mat-mdc-list-base{--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-disabled-label-text-color: black;--mdc-list-list-item-disabled-leading-icon-color: black;--mdc-list-list-item-disabled-trailing-icon-color: black;--mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);--mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mdc-list-list-item-hover-state-layer-color: black;--mdc-list-list-item-hover-state-layer-opacity: .04;--mdc-list-list-item-focus-state-layer-color: black;--mdc-list-list-item-focus-state-layer-opacity: .12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #3f51b5;--mdc-radio-selected-hover-icon-color: #3f51b5;--mdc-radio-selected-icon-color: #3f51b5;--mdc-radio-selected-pressed-icon-color: #3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #ff4081;--mdc-radio-selected-hover-icon-color: #ff4081;--mdc-radio-selected-icon-color: #ff4081;--mdc-radio-selected-pressed-icon-color: #ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color: #000;--mdc-radio-disabled-unselected-icon-color: #000;--mdc-radio-unselected-hover-icon-color: #212121;--mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-radio-selected-focus-icon-color: #f44336;--mdc-radio-selected-hover-icon-color: #f44336;--mdc-radio-selected-icon-color: #f44336;--mdc-radio-selected-pressed-icon-color: #f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height: 48px;--mdc-list-list-item-two-line-container-height: 64px;--mdc-list-list-item-three-line-container-height: 88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)}html{--mat-paginator-container-size: 56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: #3f51b5;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #3f51b5;--mat-tab-header-active-ripple-color: #3f51b5;--mat-tab-header-inactive-ripple-color: #3f51b5;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #3f51b5;--mat-tab-header-active-hover-label-text-color: #3f51b5;--mat-tab-header-active-focus-indicator-color: #3f51b5;--mat-tab-header-active-hover-indicator-color: #3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color: #ff4081;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #ff4081;--mat-tab-header-active-ripple-color: #ff4081;--mat-tab-header-inactive-ripple-color: #ff4081;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #ff4081;--mat-tab-header-active-hover-label-text-color: #ff4081;--mat-tab-header-active-focus-indicator-color: #ff4081;--mat-tab-header-active-hover-indicator-color: #ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color: #f44336;--mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);--mat-tab-header-pagination-icon-color: #000;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-label-text-color: #f44336;--mat-tab-header-active-ripple-color: #f44336;--mat-tab-header-inactive-ripple-color: #f44336;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);--mat-tab-header-active-focus-label-text-color: #f44336;--mat-tab-header-active-hover-label-text-color: #f44336;--mat-tab-header-active-focus-indicator-color: #f44336;--mat-tab-header-active-hover-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color: #3f51b5;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color: #ff4081;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color: #f44336;--mat-tab-header-with-background-foreground-color: white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height: 48px}html{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #ff4081;--mdc-checkbox-selected-hover-icon-color: #ff4081;--mdc-checkbox-selected-icon-color: #ff4081;--mdc-checkbox-selected-pressed-icon-color: #ff4081;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #ff4081;--mdc-checkbox-selected-hover-state-layer-color: #ff4081;--mdc-checkbox-selected-pressed-state-layer-color: #ff4081;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #3f51b5;--mdc-checkbox-selected-hover-icon-color: #3f51b5;--mdc-checkbox-selected-icon-color: #3f51b5;--mdc-checkbox-selected-pressed-icon-color: #3f51b5;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #3f51b5;--mdc-checkbox-selected-hover-state-layer-color: #3f51b5;--mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: #f44336;--mdc-checkbox-selected-hover-icon-color: #f44336;--mdc-checkbox-selected-icon-color: #f44336;--mdc-checkbox-selected-pressed-icon-color: #f44336;--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: #f44336;--mdc-checkbox-selected-hover-state-layer-color: #f44336;--mdc-checkbox-selected-pressed-state-layer-color: #f44336;--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:#00000061}html{--mdc-checkbox-state-layer-size: 40px}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color: #000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-text-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color: #fff;--mdc-filled-button-label-text-color: #000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #3f51b5;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #ff4081;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: #fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-filled-button-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color: #fff;--mdc-protected-button-label-text-color: #000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #3f51b5;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #ff4081;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: #fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);--mdc-protected-button-container-elevation: 0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color: #000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-mdc-icon-button{--mdc-icon-button-icon-color: inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color: #3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color: #ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color: #f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color: rgba(0, 0, 0, .38);--mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color: rgba(0, 0, 0, .12);--mdc-fab-icon-color: rgba(0, 0, 0, .38);--mat-mdc-fab-color: rgba(0, 0, 0, .38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color: white;--mdc-fab-icon-color: black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: #3f51b5;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: #ff4081;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color: #f44336;--mdc-fab-icon-color: white;--mat-mdc-fab-color: #fff}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #333333;--mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);--mat-snack-bar-button-color: #ff4081}html{--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: #3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color: #ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color: #f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto,sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color: #3f51b5;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: #b9b9b9;--mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)}.mat-badge-accent{--mat-badge-background-color: #ff4081;--mat-badge-text-color: white}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white}html{--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color: white;--mat-standard-button-toggle-state-layer-color: black;--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color: white;--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-divider-color: #e0e0e0}html{--mat-standard-button-toggle-height: 48px}html{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);--mat-datepicker-toggle-active-state-icon-color: #3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);--mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);--mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color: #ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color: #f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-divider-color: rgba(0, 0, 0, .12)}html{--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #3f51b5}.mat-icon.mat-accent{--mat-icon-color: #ff4081}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6)}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #3f51b5;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #3f51b5;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #3f51b5;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #ff4081;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #ff4081;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #ff4081;--mat-stepper-header-edit-state-icon-foreground-color: white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color: whitesmoke;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #3f51b5;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #ff4081;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.errorMsg{position:FIXED;color:#ff273e;font-size:14px;font-family:Source Sans Pro,sans-serif;inset:0;background-color:#fff;text-align:center}.errorMsg .material-icons{position:relative;left:25px;top:calc(51% - 50px)}.errorMsg .errorTxt{padding:10px 10px 10px 30px;text-align:left;width:inherit;display:inline-block;position:relative;line-height:20px;top:calc(50% - 50px)}.sticky_bottom_menu .sticky-bottom-closed{margin-left:3px}.revised-section__header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;overflow:hidden;height:40px;padding:0 5px}.revised-section__header .revised-chevron-icon-wrap{position:absolute;right:14px!important}.revised-section__header-main{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.revised-section__header-icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.revised-section__header-icon{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.revised-section__header-icon ::ng-deep svg{display:block}.revised-nav{display:flex;flex-direction:column;width:100%;flex:1 1 auto;min-height:0}.revised-nav-chevron{flex-shrink:0}.revised-section__title{line-height:38px;white-space:nowrap;overflow:hidden;opacity:1;max-width:220px;transition:opacity 80ms ease,max-width 80ms ease}.revised-section__icon{color:#41586b}.revised-section__chevron{font-size:20px;width:20px;height:20px;line-height:20px;font-family:Material Icons!important;font-weight:400;font-style:normal;display:inline-flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:normal}.revised-section__content{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;visibility:hidden;transition:max-height .1s ease,opacity 80ms ease,padding-bottom .1s ease,visibility 0s linear .1s}.revised-section__content--visible{padding:0 8px 0 28px;max-height:1400px!important;opacity:1!important;visibility:visible!important;overflow:visible!important;transition:max-height .12s ease,opacity .1s ease,padding-bottom .12s ease,visibility 0s linear 0s}.revised-section__content--visible.revised-section__content--grouped{padding-left:32px}:host ::ng-deep .revised-section .mat-expansion-panel-content{padding-left:12px}.revised-group{margin-bottom:4px}.revised-group__header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;cursor:pointer;text-align:left;font:inherit;color:inherit}.revised-group__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revised-group__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.revised-group__list{padding-left:4px!important}.revised-group__multi-panel{box-shadow:none!important;border-radius:0!important;background:transparent!important}.revised-group__multi-panel .mat-expansion-panel-header.revised-group__header--as-panel{padding:8px 10px 6px 12px!important}.revised-group__panel-body{padding-left:0}.revised-group-menu-panel--nested .mat-expansion-panel-header{padding-left:8px;min-height:40px}.revised-group-menu-leaf{padding:0}.revised-group--single .revised-group__header--as-panel{padding:8px 10px 6px;height:auto;min-height:40px}.revised-group--single .revised-group__single-expandable{box-shadow:none;border-radius:0}.revised-group--single .revised-group__single-expandable .mat-expansion-panel-header{border:0;padding:8px 10px 6px}.revised-group--single .revised-group__single-link{padding:0;min-height:0}.revised-group--single .revised-group__single-link .mat-mdc-list-item,.revised-group--single .revised-group__single-link a[mat-list-item],.revised-group--multi .revised-group__list .mat-mdc-list-item,.revised-group--multi .revised-group__list a[mat-list-item]{padding:8px 10px 6px;height:auto;min-height:40px}.revised-group--multi .revised-group__multi-stack .revised-group__single-expandable,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-expandable{box-shadow:none;border-radius:0}.revised-group--multi .revised-group__multi-stack .revised-group__single-expandable .mat-expansion-panel-header,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-expandable .mat-expansion-panel-header{border:0;padding:8px 10px 6px 12px!important}.revised-group--multi .revised-group__multi-stack .revised-group__single-link,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link{padding:0;min-height:0}.revised-group--multi .revised-group__multi-stack .revised-group__single-link .mat-mdc-list-item,.revised-group--multi .revised-group__multi-stack .revised-group__single-link a[mat-list-item],.revised-group--multi .revised-group__multi-stack .revised-group__content .sub-child-menu .mat-mdc-list-item,.revised-group--multi .revised-group__multi-stack .revised-group__content .sub-child-menu a[mat-list-item],.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link .mat-mdc-list-item,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__single-link a[mat-list-item],.revised-optimize-menus .revised-optimize-menu-stack .revised-group__content .sub-child-menu .mat-mdc-list-item,.revised-optimize-menus .revised-optimize-menu-stack .revised-group__content .sub-child-menu a[mat-list-item]{padding:8px 10px 6px;height:auto;min-height:40px}.revised-section mat-expansion-panel-header.mat-expansion-panel-header,.revised-section .mat-expansion-panel-header{align-items:center!important}.revised-section mat-panel-title,.revised-section .mat-expansion-panel-header-title{flex:1 1 auto!important;min-width:0}.revised-section mat-panel-title .menu-heading,.revised-section .mat-expansion-panel-header-title .menu-heading{font-size:15.5px}.revised-section mat-panel-description.children-description,.revised-section .mat-expansion-panel-header-description.children-description{margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important;display:flex!important;align-items:center;justify-content:flex-end;padding-right:10px}.revised-section .sub-chevron-icon.revised-chevron-icon-wrap,.revised-section span.sub-chevron-icon{position:static!important;left:auto!important;top:auto!important;line-height:0;width:auto!important;min-width:28px;height:auto!important;color:#41586b}.revised-section .revised-group__chevron{color:#41586b}.revised-section .revised-chevron-icon-wrap{display:inline-flex;align-items:center;justify-content:center;overflow:visible;color:#41586b;position:absolute;right:5px}.revised-section .revised-chevron-svg{display:block;width:22px;height:22px;flex-shrink:0;pointer-events:none}.navmenu-expanded .revised-section{width:100%;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.navmenu-expanded .revised-section__header{width:auto;max-width:100%;min-width:0;flex:0 0 auto;min-height:56px;padding:0 8px;justify-content:center;box-sizing:border-box}.navmenu-expanded .revised-section__header-main{width:auto;max-width:100%;justify-content:center;gap:0}.navmenu-expanded .revised-section__title,.navmenu-expanded .revised-section__icon{opacity:0;pointer-events:none}.navmenu-expanded .revised-section__title{max-width:0}.navmenu-expanded .revised-section.active .revised-section__header-icon-box{background:#ebecef;border-radius:10px;padding:8px;box-sizing:border-box}.navmenu-expanded .revised-section__header-icon{width:24px;height:24px}.navmenu-expanded .revised-section__header-icon ::ng-deep svg{width:20px;height:20px}.navmenu-expanded .revised-section__collapsed-active-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:#ff273e;box-shadow:0 0 0 2px #ebecef;pointer-events:none}.navmenu-expanded .revised-section__content:not(.revised-section__content--visible){max-height:0!important;opacity:0!important;padding-bottom:0!important;visibility:hidden!important}.revised-optimize-tabs{display:flex;gap:10px;padding:6px 0 12px;align-items:center;flex-wrap:nowrap;justify-content:center}.revised-optimize-tab{width:40px;min-width:40px;height:40px;border-radius:8px;border:2px solid #e5e7e8;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.revised-optimize-tab.active{background:#eef2ff;border-color:#4573d2}.revised-optimize-tab:hover{background:#eef2ff}.revised-optimize-tab img{margin-right:0!important;width:24px!important;height:24px!important;object-fit:contain}.revised-optimize-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.revised-optimize-tab__badge{position:absolute;top:-6px;left:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#ff4d4f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;box-shadow:0 0 0 3px #fff}.revised-section-group{margin-bottom:12px;padding-left:45px}.revised-section-group__title{padding:4px 0 2px}.revised-optimize-app-title{color:#202b37;font-size:15px;font-weight:700!important;line-height:36px;text-transform:capitalize}::ng-deep .mat-mdc-tooltip-panel-below mat-tooltip-component .mdc-tooltip.revised-optimize-app-tab-tooltip{position:relative;inset-inline-start:12px}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active{background-color:#f6f6f6!important;border:none!important}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active h3,:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option.active h3.sidemenu-text,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3.sidemenu-text{color:#202b37!important;font-weight:700}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option:hover:not(.active),:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active){background-color:#f6f6f6!important;border-right:none!important}:host ::ng-deep .revised-section lnc-nav-menus a.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .revised-section lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3{color:#202b37!important}:host ::ng-deep .revised-section .mat-expansion-panel-header:hover .main-chevron-icon,:host ::ng-deep .revised-section .mat-expansion-panel-header:hover .sub-chevron-icon{color:#41586b!important}:host ::ng-deep .revised-section .mat-mdc-list-item,:host ::ng-deep .revised-section a[mat-list-item]{border-radius:8px;margin:4px 0;min-height:40px;padding-left:0;padding-right:0}.portal-sidnav-menu{overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) rgba(255,255,255,.65)}.portal-sidnav-menu::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}.portal-sidnav-menu::-webkit-scrollbar-corner{display:none;height:0;width:0}.portal-sidnav-menu::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.portal-sidnav-menu .portal-sidnav-menu__subheader{margin:12px 0;padding:0 16px;vertical-align:middle;font-size:14px}.portal-sidnav-menu .mat-expansion-panel{box-shadow:none;border-radius:0}.portal-sidnav-menu .mat-expansion-panel.revised-section:not(:last-child){border-bottom:1px solid #E5E7E8;padding-bottom:5px}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header{height:36px!important;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 0 0 25px;border:none!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{margin:0;align-items:center;width:100%}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .mat-icon{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title img.icon.side-menu-icon{width:24px!important}.portal-sidnav-menu .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{margin-right:13px}.portal-sidnav-menu .mat-nav-list{padding:0}.portal-sidnav-menu .mat-nav-list .mat-mdc-list-item-icon,.portal-sidnav-menu .mat-nav-list .mat-icon.portal-sidnav-menu__end_detail{font-size:16px;width:24px;height:24px;line-height:24px;text-align:center;padding:0;flex-shrink:0}.portal-sidnav-menu .mat-list-item-focus{background:transparent}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header{padding-left:20px}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .menu-name-expandable{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.portal-sidnav-menu mat-list mat-expansion-panel mat-expansion-panel-header .level-two-badge{top:-10px!important;right:-4px!important}::ng-deep .mdc-list-item:hover:before,::ng-deep .mdc-list-item:focus:before,::ng-deep .mdc-list-item.mdc-list-item--selected:before,::ng-deep .mdc-list-item.mdc-list-item--activated:before,::ng-deep .mdc-list-item__ripple:before{background-color:transparent!important}.main-expansion-panel-header{position:relative}.main-chevron-icon{font-size:34px;width:25px;height:34px;color:#41586b;position:absolute;right:10px;bottom:1px}.sub-chevron-icon{left:25px;top:6px;font-size:15px;width:25px;height:15px;color:#41586b;position:relative}.header-border{border-top-left-radius:0;border-top-right-radius:0}.header-border-none{border:0}.sidemenu-logo-holder{width:150px;text-align:center;margin:0;line-height:1px;max-height:65px;padding:0 10px;display:flex;justify-content:center}.sidemenu-logo-holder img{width:100%}.sidemenu-heading{color:#1e1f21;font-size:16px;font-weight:600;margin:0!important}.sidemenu-symbol{border-radius:50%;width:18px;height:18px;border:1px solid #ff273e;color:#202b37;text-align:center;font:9px Arial,sans-serif;display:inline-block;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:10px}.menu-heading{position:relative;margin:0!important;color:#1e1f21!important;white-space:nowrap;text-transform:capitalize;letter-spacing:normal}.logo-dimension{object-fit:cover;max-height:60px}.hamburger-icon{z-index:-1;cursor:pointer;position:fixed;background-color:#fff;border:1px solid #e6eefc;width:20px!important;height:32px;line-height:36px;top:calc(50% - 15px);display:flex;align-items:center;justify-content:center}.left-chevron-icon{color:#7f7f7f}.expanded-hamburger-icon{left:232px}.sidebar-collapse-icon{display:flex;justify-content:flex-end;top:0;z-index:99;background-color:#fff;padding-right:8px}.sidebar-collapse-icon button{width:25px;display:flex;text-align:center;vertical-align:middle;align-items:center;justify-content:center;text-transform:capitalize;border-radius:0;line-height:15px;height:20px;padding:0;min-height:20px;cursor:pointer;color:#1264a3;text-decoration:none;font-size:14px;left:0;top:0;background-color:#fff;border:1px solid #e6eefc}.sidebar-collapse-icon button mat-icon{margin:0}.portal-forgot-logo-text{line-height:1.3;font-family:Dosis,sans-serif;font-style:normal;font-stretch:normal;letter-spacing:4.3px;text-align:left;opacity:1px;color:#41586b;display:inline-block;vertical-align:middle;font-size:25px;font-weight:600}.portal-forgot-card__logo{width:16%}.portal-forget-heading-card{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.revised-section-app-logo{padding:0 10px}.div-background-color,.div-background-color-white{background-color:#fff!important}.mat-expansion-panel-content{padding-left:20px}.mat-expansion-panel-content .sub-child-menu .mat-mdc-list-item h3{font-size:14px!important}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;border-width:0 1px 1px 0;padding:4px}:host ::ng-deep .mat-expansion-indicator:before{color:#000!important}:host ::ng-deep .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .mat-expansion-panel-body .mat-mdc-list-item h3.sidemenu-text,:host ::ng-deep .mat-expansion-panel-body a.mat-mdc-list-item h3.sidemenu-text,:host ::ng-deep .mat-expansion-panel-body .mdc-list-item__content h3.sidemenu-text{font-size:15.25px!important}:host ::ng-deep .mat-mdc-list-base{padding:0}:host ::ng-deep .mat-mdc-list-base .mat-mdc-list-item,.mat-list-base .mat-list-option{height:40px}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content{padding:0 10px 0 23px!important}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#1e1f21;font: 400 16px Lato,serif}:host ::ng-deep #app_global_settingsmenu.mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-divider.separator{margin-left:0!important;width:calc(100% + 10px)!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content{padding:0 8px 0 20px!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item{padding:0 12px!important;min-height:40px!important;height:auto!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .mat-mdc-list-base lnc-nav-menus .mat-mdc-list-item .mdc-list-item__content h3.font-color-black{color:#202b37!important;font-size:15.5px!important;font-weight:400!important;line-height:1.25!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active{background-color:#f6f6f6!important;border:none!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option.active h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option.active h3.sidemenu-text{color:#202b37!important;font-weight:700!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active),:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active){background-color:#f6f6f6!important;border-right:none!important;text-decoration:none!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.sidemenu-option:hover:not(.active) h3.sidemenu-text,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3,:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu lnc-nav-menus a.mat-mdc-list-item.sidemenu-option:hover:not(.active) h3.sidemenu-text{color:#202b37!important}:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover:not(.active),:host ::ng-deep .application-sidebar--revised-nav .portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.badge-text.sov-beta-position{position:relative;font-size:10px;color:#ff273e!important;font-family:Lato!important;top:-5px;right:0;letter-spacing:.5px;padding-left:2px;flex-grow:1}.portal-global-setting-menu{border-top:1px solid #E5E7E8!important;margin-bottom:8px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel{padding-left:5px}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item:hover,.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel mat-expansion-panel-header+div[class*=expansion-panel-content] .mat-mdc-list .mat-mdc-list-item.active{background-color:#f6f6f6!important}.portal-global-setting-menu.sticky_bottom_menu mat-expansion-panel.mat-expanded{border-color:#acb0b4}.portal-global-setting-menu .app-menu-container .app-menu-Link-button{padding:12px 5px!important;align-items:center;background:transparent;cursor:pointer!important;width:100%!important;margin:0!important;height:44px!important;border-radius:8px;border:none!important;display:flex!important;justify-content:space-between;font: 400 16px Lato,serif!important;line-height:16px!important}.portal-global-setting-menu .app-menu-container .app-menu-Link-button .app-name label.app-name-label{font-weight:700;cursor:pointer}.navmenu-expanded{align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header{display:flex!important;justify-content:center;align-items:center}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-content{margin-left:12px}.navmenu-expanded .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title{justify-content:center}.navmenu-expanded .portal-global-setting-menu.sticky_bottom_menu .mat-expansion-panel{border:none!important}.side-menu-icon{width:18px;height:18px}::-webkit-scrollbar{height:8px;width:8px;background:#0000001a;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}::-webkit-scrollbar-track{border-radius:30px;background:#ffffffa6}::-webkit-scrollbar-corner{display:none;height:0px;width:0px}::-webkit-scrollbar-thumb:hover{background:#00000073;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}:host ::ng-deep #loader_sov{display:none}:host ::ng-deep #loading_div{width:100%;height:100%;position:fixed;z-index:9999;display:table;background:#f9f9f9}:host ::ng-deep #loading_div>div{display:table-cell;vertical-align:middle;text-align:center}:host ::ng-deep #loading_div>div #loader{vertical-align:middle;width:100%;height:120px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader img{width:auto;height:140px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div #loader.site_2{height:130px}:host ::ng-deep #loading_div>div #loader.site_2 img{height:160px}:host ::ng-deep #loading_div>div #loader.site_6{height:138px}:host ::ng-deep #loading_div>div #loader.site_5{height:123px}:host ::ng-deep #loading_div>div #loader.site_5 img{height:110px}:host ::ng-deep #loading_div>div #loader.site_7{height:181px}:host ::ng-deep #loading_div>div #loader.site_7 img{height:204px}:host ::ng-deep #loading_div>div #loader_img{vertical-align:middle;width:100%;height:170px;display:block;text-align:center}:host ::ng-deep #loading_div>div #loader_img img{width:auto;height:150px;display:inline-block;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position{width:16%;margin:auto}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-fill:after{background-color:#ff273e!important}:host ::ng-deep #loading_div>div .loader_progress-bar-position .mat-progress-bar-buffer{background-color:#cdcdd2!important}@media only screen and (max-width: 1425px){:host ::ng-deep #loading_div .loader_progress-bar-position{width:26%!important}}::ng-deep body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav{border-right:none!important;overflow:hidden!important;width:300px;min-width:300px;max-width:300px;background-color:#fdfdfd!important;padding-top:11px;padding-right:0!important;padding-left:0!important}:host-context(body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav) .portal-sidnav-menu{padding:0!important}:host-context(body app-root .mat-sidenav-container.left-nav-v2 .mat-sidenav.portal-classic-leftsidenav) .mat-toolbar{margin-bottom:0!important}\n"] }]
|
|
5193
|
+
}], ctorParameters: function () { return [{ type: ApplicationSidebarService }, { type: i2.Router }, { type: RestApiService }, { type: i4.CookieService }, { type: i0.ChangeDetectorRef }, { type: TranslationService }, { type: MixpanelService }, { type: i7.DomSanitizer }]; }, propDecorators: { applicationDetails: [{
|
|
2295
5194
|
type: Input
|
|
2296
5195
|
}], sidenav: [{
|
|
2297
5196
|
type: Input
|