@ascentgl/ads-ui 0.0.4 → 0.0.6
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/components/nav-menu/nav-menu.component.mjs +3 -3
- package/esm2022/lib/components/nav-menu/nav-menu.types.mjs +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/lib/components/nav-menu/nav-menu.types.d.ts +2 -3
- package/package.json +67 -67
|
@@ -23,10 +23,10 @@ export class AdsNavMenuComponent {
|
|
|
23
23
|
this.registry.register(adsIconUserCircle);
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNavMenuComponent, selector: "ads-nav-menu", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n <span>{{ label() }}</span>\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNavMenuComponent, selector: "ads-nav-menu", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n @if (label()) {\n <span>{{ label() }}</span>\n }\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n } @else {\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n }\n }\n</mat-menu>\n\n<ng-template #text let-item=\"menuItem\">\n <div class=\"ads-nav-item-container\">\n @if (item.icon) {\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\n }\n <span>{{ item.text }}</span>\n </div>\n</ng-template>\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{--mat-menu-item-label-text-color: var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected ads-icon{color:var(--color-white)!important}.ads-nav-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{display:flex;gap:15px;align-items:center;cursor:pointer}.ads-avatar-container span{color:var(--color-medium);font-weight:500}.ads-avatar-container img{border-radius:50px}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'ads-nav-menu', template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n <span>{{ label() }}</span>\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href
|
|
30
|
+
args: [{ selector: 'ads-nav-menu', template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n @if (label()) {\n <span>{{ label() }}</span>\n }\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n } @else {\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n }\n }\n</mat-menu>\n\n<ng-template #text let-item=\"menuItem\">\n <div class=\"ads-nav-item-container\">\n @if (item.icon) {\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\n }\n <span>{{ item.text }}</span>\n </div>\n</ng-template>\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{--mat-menu-item-label-text-color: var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected ads-icon{color:var(--color-white)!important}.ads-nav-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{display:flex;gap:15px;align-items:center;cursor:pointer}.ads-avatar-container span{color:var(--color-medium);font-weight:500}.ads-avatar-container img{border-radius:50px}\n"] }]
|
|
31
31
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdi1tZW51L25hdi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbWVudS9uYXYtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFPOUQsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUk3QyxxREFBcUQ7UUFDckQsT0FBRSxHQUFHLEtBQUssQ0FBUyxjQUFjLENBQUMsQ0FBQztRQUVuQzs7V0FFRztRQUNILGlCQUFZLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBaUIsQ0FBQztRQUUvQyxxQkFBcUI7UUFDckIsWUFBTyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRTFCLHNDQUFzQztRQUN0QyxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFmdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUM1QyxDQUFDOzhHQUhVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGlqQkNWaEMsdzBDQW9DQTs7MkZEMUJhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2TWVudUl0ZW0gfSBmcm9tICcuL25hdi1tZW51LnR5cGVzJztcbmltcG9ydCB7IEFkc0ljb25SZWdpc3RyeSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuaW1wb3J0IHsgYWRzSWNvblVzZXJDaXJjbGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zL2ljb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLW5hdi1tZW51JyxcbiAgc3R5bGVVcmxzOiBbJ25hdi1tZW51LmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnbmF2LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNOYXZNZW51Q29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihhZHNJY29uVXNlckNpcmNsZSk7XG4gIH1cblxuICAvKiogSWQgYXR0cmlidXRlIGZvciB0aGUgbWFpbiBtZW51IHRyaWdnZXIgZWxlbWVudCAqL1xuICBpZCA9IGlucHV0PHN0cmluZz4oJ2Fkcy1uYXYtbWVudScpO1xuXG4gIC8qKlxuICAgKiBBcnJheSBvZiBtZW51IGl0ZW1zIHRvIGRpc3BsYXkgaW4gdGhlIG1haW4gbWVudVxuICAgKi9cbiAgbmF2TWVudUl0ZW1zID0gaW5wdXQucmVxdWlyZWQ8TmF2TWVudUl0ZW1bXT4oKTtcblxuICAvKiogSW1hZ2UgdXJsIHBhdGggKi9cbiAgaWNvblVybCA9IGlucHV0PHN0cmluZz4oKTtcblxuICAvKiogT3B0aW9uYWwgbGFiZWwgdGV4dCBiZWZvcmUgaWNvbiAqL1xuICBsYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbn1cbiIsIkBpZiAoaWNvblVybCgpKSB7XG4gIDxkaXYgY2xhc3M9XCJhZHMtYXZhdGFyLWNvbnRhaW5lclwiIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCI+XG4gICAgQGlmIChsYWJlbCgpKSB7XG4gICAgICA8c3Bhbj57eyBsYWJlbCgpIH19PC9zcGFuPlxuICAgIH1cbiAgICA8aW1nIFtuZ1NyY109XCJpY29uVXJsKCkhXCIgYWx0PVwiVXNlciBMb2dvXCIgaGVpZ2h0PVwiNDhcIiB3aWR0aD1cIjQ4XCIgLz5cbiAgPC9kaXY+XG59IEBlbHNlIHtcbiAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIj5cbiAgICA8YWRzLWljb24gW2lkXT1cImlkKClcIiBuYW1lPVwidXNlcl9jaXJjbGVcIiBzaXplPVwic21cIiB0aGVtZT1cInByaW1hcnlcIj48L2Fkcy1pY29uPlxuICA8L2J1dHRvbj5cbn1cbjxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIiBbY2xhc3NdPVwiJ2Fkcy1tYXQtbWVudSdcIj5cbiAgQGZvciAoaXRlbSBvZiBuYXZNZW51SXRlbXMoKTsgdHJhY2sgaXRlbSkge1xuICAgIEBpZiAoaXRlbS50ZW1wbGF0ZSkge1xuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0udGVtcGxhdGU7IGNvbnRleHQ6IHsgbWVudUl0ZW06IGl0ZW0gfVwiIC8+XG4gICAgfSBAZWxzZSBpZiAoaXRlbS5ocmVmKSB7XG4gICAgICA8YnV0dG9uIG1hdC1tZW51LWl0ZW0gW3JvdXRlckxpbmtdPVwiaXRlbS5ocmVmIVwiIHJvdXRlckxpbmtBY3RpdmU9XCJzZWxlY3RlZFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGV4dDsgY29udGV4dDogeyBtZW51SXRlbTogaXRlbSB9XCIgLz5cbiAgICAgIDwvYnV0dG9uPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJpdGVtLm9uQ2xpY2sgPyBpdGVtLm9uQ2xpY2soKSA6IG51bGxcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRleHQ7IGNvbnRleHQ6IHsgbWVudUl0ZW06IGl0ZW0gfVwiIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIH1cbjwvbWF0LW1lbnU+XG5cbjxuZy10ZW1wbGF0ZSAjdGV4dCBsZXQtaXRlbT1cIm1lbnVJdGVtXCI+XG4gIDxkaXYgY2xhc3M9XCJhZHMtbmF2LWl0ZW0tY29udGFpbmVyXCI+XG4gICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgIDxhZHMtaWNvbiBbaWRdPVwiaXRlbS5pZFwiIFtuYW1lXT1cIml0ZW0uaWNvblwiIHNpemU9XCJzbVwiIHRoZW1lPVwiaWNvblByaW1hcnlcIj48L2Fkcy1pY29uPlxuICAgIH1cbiAgICA8c3Bhbj57eyBpdGVtLnRleHQgfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LW1lbnUudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvbmF2LW1lbnUvbmF2LW1lbnUudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFkc0ljb24gfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zL2ljb25zJztcbmltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIE5hdk1lbnVJdGVtID0ge1xuICB0ZW1wbGF0ZT86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICB0ZXh0Pzogc3RyaW5nO1xuICBpY29uPzogYWRzSWNvbjtcbiAgaHJlZj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBba2V5OiBzdHJpbmddOiB1bmtub3duO1xufTtcbiJdfQ==
|
|
@@ -8057,11 +8057,11 @@ class AdsNavMenuComponent {
|
|
|
8057
8057
|
this.registry.register(adsIconUserCircle);
|
|
8058
8058
|
}
|
|
8059
8059
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8060
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNavMenuComponent, selector: "ads-nav-menu", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n <span>{{ label() }}</span>\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href
|
|
8060
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNavMenuComponent, selector: "ads-nav-menu", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n @if (label()) {\n <span>{{ label() }}</span>\n }\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n } @else {\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n }\n }\n</mat-menu>\n\n<ng-template #text let-item=\"menuItem\">\n <div class=\"ads-nav-item-container\">\n @if (item.icon) {\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\n }\n <span>{{ item.text }}</span>\n </div>\n</ng-template>\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{--mat-menu-item-label-text-color: var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected ads-icon{color:var(--color-white)!important}.ads-nav-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{display:flex;gap:15px;align-items:center;cursor:pointer}.ads-avatar-container span{color:var(--color-medium);font-weight:500}.ads-avatar-container img{border-radius:50px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i1$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
|
|
8061
8061
|
}
|
|
8062
8062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
8063
8063
|
type: Component,
|
|
8064
|
-
args: [{ selector: 'ads-nav-menu', template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n <span>{{ label() }}</span>\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href
|
|
8064
|
+
args: [{ selector: 'ads-nav-menu', template: "@if (iconUrl()) {\n <div class=\"ads-avatar-container\" [matMenuTriggerFor]=\"menu\">\n @if (label()) {\n <span>{{ label() }}</span>\n }\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n </div>\n} @else {\n <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id()\" name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </button>\n}\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track item) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n } @else {\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n }\n }\n</mat-menu>\n\n<ng-template #text let-item=\"menuItem\">\n <div class=\"ads-nav-item-container\">\n @if (item.icon) {\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\n }\n <span>{{ item.text }}</span>\n </div>\n</ng-template>\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected{--mat-menu-item-label-text-color: var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.selected ads-icon{color:var(--color-white)!important}.ads-nav-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{display:flex;gap:15px;align-items:center;cursor:pointer}.ads-avatar-container span{color:var(--color-medium);font-weight:500}.ads-avatar-container img{border-radius:50px}\n"] }]
|
|
8065
8065
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
8066
8066
|
|
|
8067
8067
|
class AdsNavMenuModule {
|