@ngx-smz/core 21.9.0-next.6 → 21.9.0-next.8
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.
|
@@ -8,7 +8,7 @@ import { take, takeWhile as takeWhile$1, tap as tap$1, debounceTime as debounceT
|
|
|
8
8
|
import * as i1$4 from '@angular/common/http';
|
|
9
9
|
import { HttpClient, provideHttpClient, withInterceptorsFromDi, HttpErrorResponse, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
|
|
10
10
|
import * as i2 from '@ngx-smz/ui-kit';
|
|
11
|
-
import { SmzObjectUtils, SmzTooltipDirective, SmzPopoverComponent, SmzButtonComponent, SmzAutoCompleteComponent, SmzTemplateDirective, SmzTextareaDirective, SmzListboxComponent, SmzSelectComponent, SmzDatePickerComponent, SmzCheckboxComponent, SmzColorPickerComponent, SmzInputMaskComponent, SmzInputNumberComponent, SmzToggleSwitchComponent, SmzInputTextDirective, SmzMultiSelectComponent, SmzPasswordComponent, SmzRadioButtonComponent, SmzMessageComponent, SmzAutoFocusDirective, SmzTreeSelectComponent, SmzDialogService, SmzDomHandler, SmzZIndex, smzUniqueId, SmzFilterService, SmzFilterOperator, SmzFilterMatchMode, SmzPaginatorComponent, SmzTranslationKeys, SmzConnectedOverlayScrollHandler, SmzSelectButtonComponent, SmzMenuListComponent, SmzSkeletonComponent, SmzIconFieldComponent, SmzInputIconComponent, SmzBadgeDirective, SmzToolbarComponent, SmzProgressBarComponent, SmzMessageService, SmzPickListComponent, SmzAccordionComponent, SmzAccordionPanelComponent, SmzAccordionHeaderComponent, SmzAccordionContentComponent, SmzInputGroupComponent, SmzInputGroupAddonComponent, SmzLocaleService, SmzBlockUiComponent, SmzToastContainerComponent, SmzDrawerComponent, SmzUiTreeComponent, SmzDataViewComponent, SmzUiTimelineComponent, SmzTabsComponent, SmzTabListComponent, SmzTabComponent, SmzTabPanelsComponent, SmzTabPanelComponent } from '@ngx-smz/ui-kit';
|
|
11
|
+
import { SmzObjectUtils, SmzTooltipDirective, SmzPopoverComponent, SmzButtonComponent, SmzAutoCompleteComponent, SmzTemplateDirective, SmzTextareaDirective, SmzListboxComponent, SmzSelectComponent, SmzDatePickerComponent, SmzCheckboxComponent, SmzColorPickerComponent, SmzInputMaskComponent, SmzInputNumberComponent, SmzToggleSwitchComponent, SmzInputTextDirective, SmzMultiSelectComponent, SmzPasswordComponent, SmzRadioButtonComponent, SmzMessageComponent, SmzAutoFocusDirective, SmzTreeSelectComponent, SmzDialogService, SmzDomHandler, SmzZIndex, smzUniqueId, SmzFilterService, SmzFilterOperator, SmzFilterMatchMode, SmzPaginatorComponent, SmzTranslationKeys, SmzConnectedOverlayScrollHandler, SmzSelectButtonComponent, SmzMenuListComponent, SmzSkeletonComponent, SmzIconFieldComponent, SmzInputIconComponent, SmzBadgeDirective, SmzToolbarComponent, SmzProgressBarComponent, SmzMessageService, SmzPickListComponent, SmzAccordionComponent, SmzAccordionPanelComponent, SmzAccordionHeaderComponent, SmzAccordionContentComponent, SmzInputGroupComponent, SmzInputGroupAddonComponent, SmzLocaleService, SmzBlockUiComponent, SmzToastContainerComponent, SmzDrawerComponent, SmzRippleDirective, SmzUiTreeComponent, SmzDataViewComponent, SmzUiTimelineComponent, SmzTabsComponent, SmzTabListComponent, SmzTabComponent, SmzTabPanelsComponent, SmzTabPanelComponent } from '@ngx-smz/ui-kit';
|
|
12
12
|
import { cloneDeep, uniqBy, flatten as flatten$1, sortBy, isBoolean as isBoolean$1, isEmpty as isEmpty$2, isEqual } from 'lodash-es';
|
|
13
13
|
import { Subscription, BehaviorSubject, merge, firstValueFrom, debounceTime, tap, of, take as take$1, Subject, throwError, map as map$1, throttleTime, switchMap, Observable, takeUntil as takeUntil$2, filter as filter$1 } from 'rxjs';
|
|
14
14
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -38997,7 +38997,6 @@ class HephaestusMenuExpandableItemComponent {
|
|
|
38997
38997
|
<i class="layout-menuitem-icon" [ngClass]="item.icon"></i>
|
|
38998
38998
|
<span class="layout-menuitem-text">{{ item.label }}</span>
|
|
38999
38999
|
<i class="fa-solid fa-fw fa-chevron-down layout-submenu-toggler"></i>
|
|
39000
|
-
<span class="p-ink"></span>
|
|
39001
39000
|
</a>
|
|
39002
39001
|
|
|
39003
39002
|
@for (subItem of item.items | isVisible; track subItem; let subItemIndex = $index) {
|
|
@@ -39027,7 +39026,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
39027
39026
|
<i class="layout-menuitem-icon" [ngClass]="item.icon"></i>
|
|
39028
39027
|
<span class="layout-menuitem-text">{{ item.label }}</span>
|
|
39029
39028
|
<i class="fa-solid fa-fw fa-chevron-down layout-submenu-toggler"></i>
|
|
39030
|
-
<span class="p-ink"></span>
|
|
39031
39029
|
</a>
|
|
39032
39030
|
|
|
39033
39031
|
@for (subItem of item.items | isVisible; track subItem; let subItemIndex = $index) {
|
|
@@ -39064,10 +39062,9 @@ class HephaestusMenuItemComponent {
|
|
|
39064
39062
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HephaestusMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39065
39063
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: HephaestusMenuItemComponent, isStandalone: false, selector: "smz-ui-hephaestus-menu-item", inputs: { item: "item", parent: "parent", index: "index", currentUrl: "currentUrl" }, ngImport: i0, template: `
|
|
39066
39064
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : item.routerLink }">
|
|
39067
|
-
<a
|
|
39065
|
+
<a smzRipple [ngClass]="{ 'active-route': currentUrl | urlChecker : item.routerLink, 'opacity-50 hover:bg-inherit select-none focus:shadow-none cursor-default': item.disabled }" menuItemAction [item]="item" [parent]="parent" [breadcrumbs]="true" [tabindex]="index">
|
|
39068
39066
|
<i class="layout-menuitem-icon" [ngClass]="item.icon"></i>
|
|
39069
39067
|
<span class="layout-menuitem-text">{{ item.label }}</span>
|
|
39070
|
-
<span class="p-ink"></span>
|
|
39071
39068
|
</a>
|
|
39072
39069
|
|
|
39073
39070
|
@for (subItem of item.items | isVisible; track subItem) {
|
|
@@ -39075,7 +39072,7 @@ class HephaestusMenuItemComponent {
|
|
|
39075
39072
|
}
|
|
39076
39073
|
|
|
39077
39074
|
</li>
|
|
39078
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => MenuItemActionsDirective), selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: i0.forwardRef(() => HephaestusMenuNodeComponent), selector: "smz-ui-hephaestus-menu-node", inputs: ["item", "index", "currentUrl"] }, { kind: "pipe", type: i0.forwardRef(() => IsVisiblePipe), name: "isVisible" }, { kind: "pipe", type: i0.forwardRef(() => UrlCheckerPipe), name: "urlChecker" }] });
|
|
39075
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i2.SmzRippleDirective), selector: "[smzRipple]" }, { kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => MenuItemActionsDirective), selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: i0.forwardRef(() => HephaestusMenuNodeComponent), selector: "smz-ui-hephaestus-menu-node", inputs: ["item", "index", "currentUrl"] }, { kind: "pipe", type: i0.forwardRef(() => IsVisiblePipe), name: "isVisible" }, { kind: "pipe", type: i0.forwardRef(() => UrlCheckerPipe), name: "urlChecker" }] });
|
|
39079
39076
|
}
|
|
39080
39077
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HephaestusMenuItemComponent, decorators: [{
|
|
39081
39078
|
type: Component,
|
|
@@ -39083,10 +39080,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
39083
39080
|
selector: 'smz-ui-hephaestus-menu-item',
|
|
39084
39081
|
template: `
|
|
39085
39082
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : item.routerLink }">
|
|
39086
|
-
<a
|
|
39083
|
+
<a smzRipple [ngClass]="{ 'active-route': currentUrl | urlChecker : item.routerLink, 'opacity-50 hover:bg-inherit select-none focus:shadow-none cursor-default': item.disabled }" menuItemAction [item]="item" [parent]="parent" [breadcrumbs]="true" [tabindex]="index">
|
|
39087
39084
|
<i class="layout-menuitem-icon" [ngClass]="item.icon"></i>
|
|
39088
39085
|
<span class="layout-menuitem-text">{{ item.label }}</span>
|
|
39089
|
-
<span class="p-ink"></span>
|
|
39090
39086
|
</a>
|
|
39091
39087
|
|
|
39092
39088
|
@for (subItem of item.items | isVisible; track subItem) {
|
|
@@ -39172,7 +39168,7 @@ class HephaestusMenuSlimNodeComponent {
|
|
|
39172
39168
|
@switch (subItem | hasChild) {
|
|
39173
39169
|
@case (false) {
|
|
39174
39170
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
39175
|
-
<a
|
|
39171
|
+
<a smzRipple [tabindex]="subItemIndex" menuItemAction [item]="subItem" [parent]="parent" [breadcrumbs]="true">
|
|
39176
39172
|
@if (subItem.icon != null) {
|
|
39177
39173
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
39178
39174
|
}
|
|
@@ -39180,7 +39176,6 @@ class HephaestusMenuSlimNodeComponent {
|
|
|
39180
39176
|
<i class="layout-menuitem-icon fa-solid fa-fw"></i>
|
|
39181
39177
|
}
|
|
39182
39178
|
<span class="layout-menuitem-text">{{ subItem.label }}</span>
|
|
39183
|
-
<span class="p-ink"></span>
|
|
39184
39179
|
</a>
|
|
39185
39180
|
</li>
|
|
39186
39181
|
}
|
|
@@ -39189,7 +39184,7 @@ class HephaestusMenuSlimNodeComponent {
|
|
|
39189
39184
|
}
|
|
39190
39185
|
}
|
|
39191
39186
|
}
|
|
39192
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: HephaestusMenuExpandableItemComponent, selector: "smz-ui-hephaestus-menu-expandable-item", inputs: ["item", "index", "currentUrl"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe$4, name: "hasChild" }] });
|
|
39187
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: HephaestusMenuExpandableItemComponent, selector: "smz-ui-hephaestus-menu-expandable-item", inputs: ["item", "index", "currentUrl"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe$4, name: "hasChild" }] });
|
|
39193
39188
|
}
|
|
39194
39189
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HephaestusMenuSlimNodeComponent, decorators: [{
|
|
39195
39190
|
type: Component,
|
|
@@ -39200,7 +39195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
39200
39195
|
@switch (subItem | hasChild) {
|
|
39201
39196
|
@case (false) {
|
|
39202
39197
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
39203
|
-
<a
|
|
39198
|
+
<a smzRipple [tabindex]="subItemIndex" menuItemAction [item]="subItem" [parent]="parent" [breadcrumbs]="true">
|
|
39204
39199
|
@if (subItem.icon != null) {
|
|
39205
39200
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
39206
39201
|
}
|
|
@@ -39208,7 +39203,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
39208
39203
|
<i class="layout-menuitem-icon fa-solid fa-fw"></i>
|
|
39209
39204
|
}
|
|
39210
39205
|
<span class="layout-menuitem-text">{{ subItem.label }}</span>
|
|
39211
|
-
<span class="p-ink"></span>
|
|
39212
39206
|
</a>
|
|
39213
39207
|
</li>
|
|
39214
39208
|
}
|
|
@@ -39271,11 +39265,11 @@ class HephaestusSidebarComponent {
|
|
|
39271
39265
|
return `/${currentPath}` == routerUrl;
|
|
39272
39266
|
}
|
|
39273
39267
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HephaestusSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39274
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: HephaestusSidebarComponent, isStandalone: false, selector: "smz-ui-hephaestus-sidebar", inputs: { menu: "menu" }, host: { classAttribute: "z-30" }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], ngImport: i0, template: "@if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-sidebar\" (mouseleave)=\"collapseAll(menu)\">\r\n @if ((appLayoutLogo$ | async); as appLayoutLogo) {\r\n <!-- LOGO EM FORMATO DE ICONE -->\r\n @if (layout.menu === menuType.SLIM) {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.icon\" class=\"m-2 slim-mobile-logo\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n </a>\r\n } @else {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.horizontal\" class=\"pl-4 pr-4\" width=\"100%\">\r\n </a>\r\n }\r\n <!-- LOGO COMPLETA -->\r\n }\r\n <!-- INICIO DO MENU -->\r\n <div class=\"layout-menu-container\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @if (layout.menu === menuType.SLIM) {\r\n <ul class=\"layout-menu bg-black bg-opacity-20 rounded-md mb-5\">\r\n @if (item.items == null || item.items.length == 0) {\r\n <!-- ACTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n
|
|
39268
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: HephaestusSidebarComponent, isStandalone: false, selector: "smz-ui-hephaestus-sidebar", inputs: { menu: "menu" }, host: { classAttribute: "z-30" }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], ngImport: i0, template: "@if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-sidebar\" (mouseleave)=\"collapseAll(menu)\">\r\n @if ((appLayoutLogo$ | async); as appLayoutLogo) {\r\n <!-- LOGO EM FORMATO DE ICONE -->\r\n @if (layout.menu === menuType.SLIM) {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.icon\" class=\"m-2 slim-mobile-logo\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n </a>\r\n } @else {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.horizontal\" class=\"pl-4 pr-4\" width=\"100%\">\r\n </a>\r\n }\r\n <!-- LOGO COMPLETA -->\r\n }\r\n <!-- INICIO DO MENU -->\r\n <div class=\"layout-menu-container\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @if (layout.menu === menuType.SLIM) {\r\n <ul class=\"layout-menu bg-black bg-opacity-20 rounded-md mb-5\">\r\n @if (item.items == null || item.items.length == 0) {\r\n <!-- ACTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n </li>\r\n }\r\n @if (item.items?.length > 0) {\r\n <!-- CAPTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a [tabindex]=\"itemIndex\" class=\"select-none hover:bg-inherit hover:shadow-none cursor-default\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text break-words uppercase font-bold\">{{ item.label }}</span>\r\n </a>\r\n </li>\r\n <li class=\"menu-separator m-0\"></li>\r\n }\r\n @for (subItem of item.items | isVisible; track subItem; let lastSubItem = $last; let subItemIndex = $index) {\r\n <!-- ACTION GROUP -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : subItem.expanded }\">\r\n <div class=\"layout-menuitem-root-text normal-case\">{{ subItem.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"subItemIndex\" menuItemAction [item]=\"subItem\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : subItem.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"subItem.icon\"></i>\r\n <span class=\"layout-menuitem-text break-words\">{{ subItem.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n @if (layout.menu !== menuType.SLIM) {\r\n <ul class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <!-- CABE\u00C7ALHO DO N\u00CDVEL 1 -->\r\n @if (!$any(item).showAsCaption) {\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n }\r\n @if ($any(item).showAsCaption) {\r\n <div class=\"layout-menuitem-root-text cursor-default bg-black bg-opacity-20\">{{ item.label }}</div>\r\n }\r\n <!-- ITENS PARA O MENU COLAPSADO -->\r\n @if (item.command == null && item.routerLink == null && !$any(item).showAsCaption) {\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\" (mouseover)=\"toogleOnly(item, menu)\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if ($any(item).showAsCaption) {\r\n <a class=\"cursor-default bg-black bg-opacity-20\" [tabindex]=\"itemIndex\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if (item.command != null || item.routerLink != null && !$any(item).showAsCaption) {\r\n <a smzRipple [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if (item.expanded) {\r\n <ul smz-ui-hephaestus-menu-slim-node [item]=\"item\" [parent]=\"null\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\"></ul>\r\n }\r\n <smz-ui-hephaestus-menu-node [item]=\"item\" [currentUrl]=\"route.url\"></smz-ui-hephaestus-menu-node>\r\n </li>\r\n @if (!last && !($any(item).hideSeparator)) {\r\n <li class=\"menu-separator\"></li>\r\n }\r\n }\r\n </ul>\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\r\n}", styles: [".active-first-route{background-color:#ffffff1a}.slim-mobile-logo{max-width:2.5rem;max-height:2.5rem;margin-left:auto!important;margin-right:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: HephaestusMenuNodeComponent, selector: "smz-ui-hephaestus-menu-node", inputs: ["item", "index", "currentUrl"] }, { kind: "component", type: HephaestusMenuSlimNodeComponent, selector: "[smz-ui-hephaestus-menu-slim-node]", inputs: ["item", "parent", "index", "currentUrl"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }] });
|
|
39275
39269
|
}
|
|
39276
39270
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HephaestusSidebarComponent, decorators: [{
|
|
39277
39271
|
type: Component,
|
|
39278
|
-
args: [{ selector: 'smz-ui-hephaestus-sidebar', host: { 'class': 'z-30' }, standalone: false, template: "@if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-sidebar\" (mouseleave)=\"collapseAll(menu)\">\r\n @if ((appLayoutLogo$ | async); as appLayoutLogo) {\r\n <!-- LOGO EM FORMATO DE ICONE -->\r\n @if (layout.menu === menuType.SLIM) {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.icon\" class=\"m-2 slim-mobile-logo\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n </a>\r\n } @else {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.horizontal\" class=\"pl-4 pr-4\" width=\"100%\">\r\n </a>\r\n }\r\n <!-- LOGO COMPLETA -->\r\n }\r\n <!-- INICIO DO MENU -->\r\n <div class=\"layout-menu-container\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @if (layout.menu === menuType.SLIM) {\r\n <ul class=\"layout-menu bg-black bg-opacity-20 rounded-md mb-5\">\r\n @if (item.items == null || item.items.length == 0) {\r\n <!-- ACTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n
|
|
39272
|
+
args: [{ selector: 'smz-ui-hephaestus-sidebar', host: { 'class': 'z-30' }, standalone: false, template: "@if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-sidebar\" (mouseleave)=\"collapseAll(menu)\">\r\n @if ((appLayoutLogo$ | async); as appLayoutLogo) {\r\n <!-- LOGO EM FORMATO DE ICONE -->\r\n @if (layout.menu === menuType.SLIM) {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.icon\" class=\"m-2 slim-mobile-logo\">\r\n <span class=\"app-name\">{{ appName }}</span>\r\n </a>\r\n } @else {\r\n <a class=\"logo\" [routerLink]=\"uiConfig.rbkUtils.authentication.authenticatedRoot\">\r\n <img id=\"app-logo\" [src]=\"appLayoutLogo.horizontal\" class=\"pl-4 pr-4\" width=\"100%\">\r\n </a>\r\n }\r\n <!-- LOGO COMPLETA -->\r\n }\r\n <!-- INICIO DO MENU -->\r\n <div class=\"layout-menu-container\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @if (layout.menu === menuType.SLIM) {\r\n <ul class=\"layout-menu bg-black bg-opacity-20 rounded-md mb-5\">\r\n @if (item.items == null || item.items.length == 0) {\r\n <!-- ACTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n </li>\r\n }\r\n @if (item.items?.length > 0) {\r\n <!-- CAPTION -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text pl-4 pt-4\">{{ item.label }}</div>\r\n <a [tabindex]=\"itemIndex\" class=\"select-none hover:bg-inherit hover:shadow-none cursor-default\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text break-words uppercase font-bold\">{{ item.label }}</span>\r\n </a>\r\n </li>\r\n <li class=\"menu-separator m-0\"></li>\r\n }\r\n @for (subItem of item.items | isVisible; track subItem; let lastSubItem = $last; let subItemIndex = $index) {\r\n <!-- ACTION GROUP -->\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : subItem.expanded }\">\r\n <div class=\"layout-menuitem-root-text normal-case\">{{ subItem.label }}</div>\r\n <a class=\"hover:shadow-none\" [tabindex]=\"subItemIndex\" menuItemAction [item]=\"subItem\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : subItem.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"subItem.icon\"></i>\r\n <span class=\"layout-menuitem-text break-words\">{{ subItem.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n @if (layout.menu !== menuType.SLIM) {\r\n <ul class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <!-- CABE\u00C7ALHO DO N\u00CDVEL 1 -->\r\n @if (!$any(item).showAsCaption) {\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n }\r\n @if ($any(item).showAsCaption) {\r\n <div class=\"layout-menuitem-root-text cursor-default bg-black bg-opacity-20\">{{ item.label }}</div>\r\n }\r\n <!-- ITENS PARA O MENU COLAPSADO -->\r\n @if (item.command == null && item.routerLink == null && !$any(item).showAsCaption) {\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\" (mouseover)=\"toogleOnly(item, menu)\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if ($any(item).showAsCaption) {\r\n <a class=\"cursor-default bg-black bg-opacity-20\" [tabindex]=\"itemIndex\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if (item.command != null || item.routerLink != null && !$any(item).showAsCaption) {\r\n <a smzRipple [tabindex]=\"itemIndex\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n <span class=\"layout-menuitem-text\">{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-chevron-down layout-submenu-toggler\"></i>\r\n </a>\r\n }\r\n @if (item.expanded) {\r\n <ul smz-ui-hephaestus-menu-slim-node [item]=\"item\" [parent]=\"null\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\"></ul>\r\n }\r\n <smz-ui-hephaestus-menu-node [item]=\"item\" [currentUrl]=\"route.url\"></smz-ui-hephaestus-menu-node>\r\n </li>\r\n @if (!last && !($any(item).hideSeparator)) {\r\n <li class=\"menu-separator\"></li>\r\n }\r\n }\r\n </ul>\r\n }\r\n </div>\r\n </div>\r\n }\r\n }\r\n}", styles: [".active-first-route{background-color:#ffffff1a}.slim-mobile-logo{max-width:2.5rem;max-height:2.5rem;margin-left:auto!important;margin-right:auto!important}\n"] }]
|
|
39279
39273
|
}], ctorParameters: () => [], propDecorators: { templates: [{
|
|
39280
39274
|
type: ContentChildren,
|
|
39281
39275
|
args: [SmzTemplateDirective]
|
|
@@ -39894,7 +39888,8 @@ class SmzDiamontSidebarModule {
|
|
|
39894
39888
|
HephaestusMenuExpandableItemComponent,
|
|
39895
39889
|
HephaestusMenuNodeComponent,
|
|
39896
39890
|
HephaestusMenuSlimNodeComponent,
|
|
39897
|
-
HasChildPipe$4], imports: [
|
|
39891
|
+
HasChildPipe$4], imports: [SmzRippleDirective,
|
|
39892
|
+
CommonModule,
|
|
39898
39893
|
RouterModule,
|
|
39899
39894
|
SmzDrawerComponent,
|
|
39900
39895
|
MenuItemActionsModule,
|
|
@@ -39919,6 +39914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
39919
39914
|
HasChildPipe$4,
|
|
39920
39915
|
],
|
|
39921
39916
|
imports: [
|
|
39917
|
+
SmzRippleDirective,
|
|
39922
39918
|
CommonModule,
|
|
39923
39919
|
RouterModule,
|
|
39924
39920
|
SmzDrawerComponent,
|
|
@@ -41579,24 +41575,22 @@ class AthenaHorizontalMenuNodeComponent {
|
|
|
41579
41575
|
@switch (subItem | hasChild) {
|
|
41580
41576
|
@case (false) {
|
|
41581
41577
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
41582
|
-
<a
|
|
41578
|
+
<a smzRipple menuItemAction [item]="subItem" [parent]="item" [breadcrumbs]="true" [tabindex]="subItemIndex" (collapse)="collapse.emit()">
|
|
41583
41579
|
@if (subItem.icon) {
|
|
41584
41580
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
41585
41581
|
}
|
|
41586
41582
|
<span>{{ subItem.label }}</span>
|
|
41587
|
-
<span class="p-ink"></span>
|
|
41588
41583
|
</a>
|
|
41589
41584
|
</li>
|
|
41590
41585
|
}
|
|
41591
41586
|
@case (true) {
|
|
41592
41587
|
<li [ngClass]="{ 'active-menuitem' : subItem.expanded }">
|
|
41593
|
-
<a
|
|
41588
|
+
<a smzRipple [tabindex]="subItemIndex" (click)="toogleOnly(subItem, subItem.items)">
|
|
41594
41589
|
@if (subItem.icon) {
|
|
41595
41590
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
41596
41591
|
}
|
|
41597
41592
|
<span>{{ subItem.label }}</span>
|
|
41598
41593
|
<i class="fa-solid fa-fw fa-angle-down layout-menuitem-toggler"></i>
|
|
41599
|
-
<span class="p-ink"></span>
|
|
41600
41594
|
</a>
|
|
41601
41595
|
@if (subItem.expanded) {
|
|
41602
41596
|
<ul smz-ui-athena-horizontal-menu-node [item]="subItem" [currentUrl]="currentUrl" (collapse)="collapse.emit()"
|
|
@@ -41606,7 +41600,7 @@ class AthenaHorizontalMenuNodeComponent {
|
|
|
41606
41600
|
}
|
|
41607
41601
|
}
|
|
41608
41602
|
}
|
|
41609
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: AthenaHorizontalMenuNodeComponent, selector: "[smz-ui-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe$2, name: "hasChild" }] });
|
|
41603
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: AthenaHorizontalMenuNodeComponent, selector: "[smz-ui-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe$2, name: "hasChild" }] });
|
|
41610
41604
|
}
|
|
41611
41605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AthenaHorizontalMenuNodeComponent, decorators: [{
|
|
41612
41606
|
type: Component,
|
|
@@ -41617,24 +41611,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
41617
41611
|
@switch (subItem | hasChild) {
|
|
41618
41612
|
@case (false) {
|
|
41619
41613
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
41620
|
-
<a
|
|
41614
|
+
<a smzRipple menuItemAction [item]="subItem" [parent]="item" [breadcrumbs]="true" [tabindex]="subItemIndex" (collapse)="collapse.emit()">
|
|
41621
41615
|
@if (subItem.icon) {
|
|
41622
41616
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
41623
41617
|
}
|
|
41624
41618
|
<span>{{ subItem.label }}</span>
|
|
41625
|
-
<span class="p-ink"></span>
|
|
41626
41619
|
</a>
|
|
41627
41620
|
</li>
|
|
41628
41621
|
}
|
|
41629
41622
|
@case (true) {
|
|
41630
41623
|
<li [ngClass]="{ 'active-menuitem' : subItem.expanded }">
|
|
41631
|
-
<a
|
|
41624
|
+
<a smzRipple [tabindex]="subItemIndex" (click)="toogleOnly(subItem, subItem.items)">
|
|
41632
41625
|
@if (subItem.icon) {
|
|
41633
41626
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
41634
41627
|
}
|
|
41635
41628
|
<span>{{ subItem.label }}</span>
|
|
41636
41629
|
<i class="fa-solid fa-fw fa-angle-down layout-menuitem-toggler"></i>
|
|
41637
|
-
<span class="p-ink"></span>
|
|
41638
41630
|
</a>
|
|
41639
41631
|
@if (subItem.expanded) {
|
|
41640
41632
|
<ul smz-ui-athena-horizontal-menu-node [item]="subItem" [currentUrl]="currentUrl" (collapse)="collapse.emit()"
|
|
@@ -41714,11 +41706,11 @@ class AthenaHorizontalMenuComponent {
|
|
|
41714
41706
|
}
|
|
41715
41707
|
}
|
|
41716
41708
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AthenaHorizontalMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
41717
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AthenaHorizontalMenuComponent, isStandalone: false, selector: "smz-ui-athena-horizontal-menu", inputs: { menu: "menu" }, host: { listeners: { "document:click": "collapseFromOutside($event)" } }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], usesOnChanges: true, ngImport: i0, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a
|
|
41709
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AthenaHorizontalMenuComponent, isStandalone: false, selector: "smz-ui-athena-horizontal-menu", inputs: { menu: "menu" }, host: { listeners: { "document:click": "collapseFromOutside($event)" } }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], usesOnChanges: true, ngImport: i0, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a smzRipple menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\" [tabindex]=\"itemIndex\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n @case (true) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-angle-down layout-menuitem-toggler\"></i>\r\n </a>\r\n <ul smz-ui-athena-horizontal-menu-node [item]=\"item\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\" (collapse)=\"collapseAll(menu)\"></ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n}", styles: ["smz-ui-athena-horizontal-menu .active-first-route{border-bottom-color:var(--primary-color-menu-active)!important;color:var(--primary-color-menu-active)!important}\n"], dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: AthenaHorizontalMenuNodeComponent, selector: "[smz-ui-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe$2, name: "hasChild" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
41718
41710
|
}
|
|
41719
41711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AthenaHorizontalMenuComponent, decorators: [{
|
|
41720
41712
|
type: Component,
|
|
41721
|
-
args: [{ selector: 'smz-ui-athena-horizontal-menu', host: { '(document:click)': 'collapseFromOutside($event)' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a
|
|
41713
|
+
args: [{ selector: 'smz-ui-athena-horizontal-menu', host: { '(document:click)': 'collapseFromOutside($event)' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a smzRipple menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\" [tabindex]=\"itemIndex\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n @case (true) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-angle-down layout-menuitem-toggler\"></i>\r\n </a>\r\n <ul smz-ui-athena-horizontal-menu-node [item]=\"item\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\" (collapse)=\"collapseAll(menu)\"></ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n}", styles: ["smz-ui-athena-horizontal-menu .active-first-route{border-bottom-color:var(--primary-color-menu-active)!important;color:var(--primary-color-menu-active)!important}\n"] }]
|
|
41722
41714
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { templates: [{
|
|
41723
41715
|
type: ContentChildren,
|
|
41724
41716
|
args: [SmzTemplateDirective]
|
|
@@ -42073,7 +42065,8 @@ let SmzAthenaHorizontalMenuModule$1 = class SmzAthenaHorizontalMenuModule {
|
|
|
42073
42065
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzAthenaHorizontalMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
42074
42066
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: SmzAthenaHorizontalMenuModule, declarations: [AthenaHorizontalMenuComponent,
|
|
42075
42067
|
AthenaHorizontalMenuNodeComponent,
|
|
42076
|
-
HasChildPipe$2], imports: [
|
|
42068
|
+
HasChildPipe$2], imports: [SmzRippleDirective,
|
|
42069
|
+
CommonModule,
|
|
42077
42070
|
RouterModule,
|
|
42078
42071
|
SmzDrawerComponent,
|
|
42079
42072
|
MenuItemActionsModule,
|
|
@@ -42095,6 +42088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
42095
42088
|
HasChildPipe$2
|
|
42096
42089
|
],
|
|
42097
42090
|
imports: [
|
|
42091
|
+
SmzRippleDirective,
|
|
42098
42092
|
CommonModule,
|
|
42099
42093
|
RouterModule,
|
|
42100
42094
|
SmzDrawerComponent,
|
|
@@ -43131,24 +43125,22 @@ class NewAthenaHorizontalMenuNodeComponent {
|
|
|
43131
43125
|
@switch (subItem | hasChild) {
|
|
43132
43126
|
@case (false) {
|
|
43133
43127
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
43134
|
-
<a
|
|
43128
|
+
<a smzRipple menuItemAction [item]="subItem" [parent]="item" [breadcrumbs]="true" [tabindex]="subItemIndex" (collapse)="collapse.emit()">
|
|
43135
43129
|
@if (subItem.icon) {
|
|
43136
43130
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
43137
43131
|
}
|
|
43138
43132
|
<span>{{ subItem.label }}</span>
|
|
43139
|
-
<span class="p-ink"></span>
|
|
43140
43133
|
</a>
|
|
43141
43134
|
</li>
|
|
43142
43135
|
}
|
|
43143
43136
|
@case (true) {
|
|
43144
43137
|
<li [ngClass]="{ 'active-menuitem' : subItem.expanded }">
|
|
43145
|
-
<a
|
|
43138
|
+
<a smzRipple [tabindex]="subItemIndex" (click)="toogleOnly(subItem, subItem.items)">
|
|
43146
43139
|
@if (subItem.icon) {
|
|
43147
43140
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
43148
43141
|
}
|
|
43149
43142
|
<span>{{ subItem.label }}</span>
|
|
43150
43143
|
<i class="fa-solid fa-fw fa-angle-down layout-menuitem-toggler"></i>
|
|
43151
|
-
<span class="p-ink"></span>
|
|
43152
43144
|
</a>
|
|
43153
43145
|
@if (subItem.expanded) {
|
|
43154
43146
|
<ul smz-ui-new-athena-horizontal-menu-node [item]="subItem" [currentUrl]="currentUrl" (collapse)="collapse.emit()"
|
|
@@ -43158,7 +43150,7 @@ class NewAthenaHorizontalMenuNodeComponent {
|
|
|
43158
43150
|
}
|
|
43159
43151
|
}
|
|
43160
43152
|
}
|
|
43161
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: NewAthenaHorizontalMenuNodeComponent, selector: "[smz-ui-new-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe, name: "hasChild" }] });
|
|
43153
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: NewAthenaHorizontalMenuNodeComponent, selector: "[smz-ui-new-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe, name: "hasChild" }] });
|
|
43162
43154
|
}
|
|
43163
43155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NewAthenaHorizontalMenuNodeComponent, decorators: [{
|
|
43164
43156
|
type: Component,
|
|
@@ -43169,24 +43161,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
43169
43161
|
@switch (subItem | hasChild) {
|
|
43170
43162
|
@case (false) {
|
|
43171
43163
|
<li [ngClass]="{ 'active-menuitem': currentUrl | urlChecker : subItem.routerLink }">
|
|
43172
|
-
<a
|
|
43164
|
+
<a smzRipple menuItemAction [item]="subItem" [parent]="item" [breadcrumbs]="true" [tabindex]="subItemIndex" (collapse)="collapse.emit()">
|
|
43173
43165
|
@if (subItem.icon) {
|
|
43174
43166
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
43175
43167
|
}
|
|
43176
43168
|
<span>{{ subItem.label }}</span>
|
|
43177
|
-
<span class="p-ink"></span>
|
|
43178
43169
|
</a>
|
|
43179
43170
|
</li>
|
|
43180
43171
|
}
|
|
43181
43172
|
@case (true) {
|
|
43182
43173
|
<li [ngClass]="{ 'active-menuitem' : subItem.expanded }">
|
|
43183
|
-
<a
|
|
43174
|
+
<a smzRipple [tabindex]="subItemIndex" (click)="toogleOnly(subItem, subItem.items)">
|
|
43184
43175
|
@if (subItem.icon) {
|
|
43185
43176
|
<i class="layout-menuitem-icon" [ngClass]="subItem.icon"></i>
|
|
43186
43177
|
}
|
|
43187
43178
|
<span>{{ subItem.label }}</span>
|
|
43188
43179
|
<i class="fa-solid fa-fw fa-angle-down layout-menuitem-toggler"></i>
|
|
43189
|
-
<span class="p-ink"></span>
|
|
43190
43180
|
</a>
|
|
43191
43181
|
@if (subItem.expanded) {
|
|
43192
43182
|
<ul smz-ui-new-athena-horizontal-menu-node [item]="subItem" [currentUrl]="currentUrl" (collapse)="collapse.emit()"
|
|
@@ -43267,11 +43257,11 @@ class NewAthenaHorizontalMenuComponent {
|
|
|
43267
43257
|
}
|
|
43268
43258
|
}
|
|
43269
43259
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NewAthenaHorizontalMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
43270
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: NewAthenaHorizontalMenuComponent, isStandalone: false, selector: "smz-ui-new-athena-horizontal-menu", inputs: { menu: "menu" }, host: { listeners: { "document:click": "collapseFromOutside($event)" } }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], usesOnChanges: true, ngImport: i0, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a
|
|
43260
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: NewAthenaHorizontalMenuComponent, isStandalone: false, selector: "smz-ui-new-athena-horizontal-menu", inputs: { menu: "menu" }, host: { listeners: { "document:click": "collapseFromOutside($event)" } }, queries: [{ propertyName: "templates", predicate: SmzTemplateDirective }], usesOnChanges: true, ngImport: i0, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a smzRipple menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\" [tabindex]=\"itemIndex\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n @case (true) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-angle-down layout-menuitem-toggler\"></i>\r\n </a>\r\n <ul smz-ui-new-athena-horizontal-menu-node [item]=\"item\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\" (collapse)=\"collapseAll(menu)\"></ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n}", styles: ["smz-ui-new-athena-horizontal-menu .active-first-route{border-bottom-color:var(--primary-color)!important;color:var(--primary-color)!important}\n"], dependencies: [{ kind: "directive", type: i2.SmzRippleDirective, selector: "[smzRipple]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MenuItemActionsDirective, selector: "[menuItemAction]", inputs: ["item", "parent", "breadcrumbs"], outputs: ["collapse"] }, { kind: "component", type: NewAthenaHorizontalMenuNodeComponent, selector: "[smz-ui-new-athena-horizontal-menu-node]", inputs: ["item", "index", "currentUrl"], outputs: ["collapse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: IsVisiblePipe, name: "isVisible" }, { kind: "pipe", type: UrlCheckerPipe, name: "urlChecker" }, { kind: "pipe", type: HasChildPipe, name: "hasChild" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43271
43261
|
}
|
|
43272
43262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NewAthenaHorizontalMenuComponent, decorators: [{
|
|
43273
43263
|
type: Component,
|
|
43274
|
-
args: [{ selector: 'smz-ui-new-athena-horizontal-menu', host: { '(document:click)': 'collapseFromOutside($event)' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a
|
|
43264
|
+
args: [{ selector: 'smz-ui-new-athena-horizontal-menu', host: { '(document:click)': 'collapseFromOutside($event)' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (menu != null) {\r\n @if (layout$ | async; as layout) {\r\n @if (appName$ | async; as appName) {\r\n @if ((currentRoute$ | async); as route) {\r\n <div class=\"layout-menu-container\">\r\n <div class=\"layout-menu-content\">\r\n <ul id=\"menu-ul\" class=\"layout-menu\">\r\n <!-- N\u00CDVEL 1 -->\r\n @for (item of menu | isVisible; track item; let last = $last; let itemIndex = $index) {\r\n @switch (item | hasChild) {\r\n @case (false) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text clickable\" menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\">{{ item.label }}</div>\r\n <a smzRipple menuItemAction [item]=\"item\" [parent]=\"null\" [breadcrumbs]=\"true\" (collapse)=\"collapseAll(menu)\" [tabindex]=\"itemIndex\" [ngClass]=\"{ 'active-first-route': route.url | urlChecker : item.routerLink }\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n </a>\r\n </li>\r\n }\r\n @case (true) {\r\n <li class=\"layout-root-menuitem\" [ngClass]=\"{ 'active-menuitem' : item.expanded }\">\r\n <div class=\"layout-menuitem-root-text\">{{ item.label }}</div>\r\n <a smzRipple [tabindex]=\"itemIndex\" (click)=\"toogleOnly(item, menu)\">\r\n @if (item.icon) {\r\n <i class=\"layout-menuitem-icon\" [ngClass]=\"item.icon\"></i>\r\n }\r\n <span>{{ item.label }}</span>\r\n <i class=\"fa-solid fa-fw fa-angle-down layout-menuitem-toggler\"></i>\r\n </a>\r\n <ul smz-ui-new-athena-horizontal-menu-node [item]=\"item\" [currentUrl]=\"route.url\" role=\"menu\" style=\"z-index: 100;\" (collapse)=\"collapseAll(menu)\"></ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n}", styles: ["smz-ui-new-athena-horizontal-menu .active-first-route{border-bottom-color:var(--primary-color)!important;color:var(--primary-color)!important}\n"] }]
|
|
43275
43265
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { templates: [{
|
|
43276
43266
|
type: ContentChildren,
|
|
43277
43267
|
args: [SmzTemplateDirective]
|
|
@@ -43530,7 +43520,8 @@ class SmzAthenaHorizontalMenuModule {
|
|
|
43530
43520
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzAthenaHorizontalMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43531
43521
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: SmzAthenaHorizontalMenuModule, declarations: [NewAthenaHorizontalMenuComponent,
|
|
43532
43522
|
NewAthenaHorizontalMenuNodeComponent,
|
|
43533
|
-
HasChildPipe], imports: [
|
|
43523
|
+
HasChildPipe], imports: [SmzRippleDirective,
|
|
43524
|
+
CommonModule,
|
|
43534
43525
|
RouterModule,
|
|
43535
43526
|
SmzDrawerComponent,
|
|
43536
43527
|
MenuItemActionsModule,
|
|
@@ -43552,6 +43543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
|
|
|
43552
43543
|
HasChildPipe
|
|
43553
43544
|
],
|
|
43554
43545
|
imports: [
|
|
43546
|
+
SmzRippleDirective,
|
|
43555
43547
|
CommonModule,
|
|
43556
43548
|
RouterModule,
|
|
43557
43549
|
SmzDrawerComponent,
|