@tedi-design-system/angular 5.0.0-rc.2 → 5.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/fesm2022/tedi-design-system-angular-tedi.mjs +9 -6
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/package.json +1 -1
- package/tedi/components/layout/sidenav/sidenav-dropdown/sidenav-dropdown.component.d.ts.map +1 -1
- package/tedi/components/layout/sidenav/sidenav-dropdown-item/sidenav-dropdown-item.component.d.ts.map +1 -1
- package/tedi/components/layout/sidenav/sidenav-item/sidenav-item.component.d.ts.map +1 -1
|
@@ -4490,13 +4490,13 @@ class SideNavComponent {
|
|
|
4490
4490
|
return classList.join(" ");
|
|
4491
4491
|
});
|
|
4492
4492
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavComponent, deps: [{ token: SideNavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4493
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavComponent, isStandalone: true, selector: "nav[tedi-sidenav]", inputs: { dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, desktopBreakpoint: { classPropertyName: "desktopBreakpoint", publicName: "desktopBreakpoint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (!sidenavService.isMobile() && collapsible()) {\n <button\n class=\"tedi-sidenav__collapse\"\n (click)=\"sidenavService.handleCollapse()\"\n [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n >\n <tedi-icon\n [name]=\"\n sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n \"\n color=\"brand\"\n />\n </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n <button\n class=\"tedi-sidenav-back\"\n (click)=\"sidenavService.handleGoToMainMenu()\"\n >\n <tedi-icon name=\"arrow_back\" color=\"white\" />\n {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n </button>\n}\n<ng-content></ng-content>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--navigation-vertical-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4493
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavComponent, isStandalone: true, selector: "nav[tedi-sidenav]", inputs: { dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, desktopBreakpoint: { classPropertyName: "desktopBreakpoint", publicName: "desktopBreakpoint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (!sidenavService.isMobile() && collapsible()) {\n <button\n class=\"tedi-sidenav__collapse\"\n (click)=\"sidenavService.handleCollapse()\"\n [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n >\n <tedi-icon\n [name]=\"\n sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n \"\n color=\"brand\"\n />\n </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n <button\n class=\"tedi-sidenav-back\"\n (click)=\"sidenavService.handleGoToMainMenu()\"\n >\n <tedi-icon name=\"arrow_back\" color=\"white\" />\n {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n </button>\n}\n<div role=\"menubar\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--navigation-vertical-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "pipe", type: TediTranslationPipe, name: "tediTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4494
4494
|
}
|
|
4495
4495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavComponent, decorators: [{
|
|
4496
4496
|
type: Component,
|
|
4497
4497
|
args: [{ selector: "nav[tedi-sidenav]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, TediTranslationPipe], host: {
|
|
4498
4498
|
"[class]": "classes()",
|
|
4499
|
-
}, template: "@if (!sidenavService.isMobile() && collapsible()) {\n <button\n class=\"tedi-sidenav__collapse\"\n (click)=\"sidenavService.handleCollapse()\"\n [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n >\n <tedi-icon\n [name]=\"\n sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n \"\n color=\"brand\"\n />\n </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n <button\n class=\"tedi-sidenav-back\"\n (click)=\"sidenavService.handleGoToMainMenu()\"\n >\n <tedi-icon name=\"arrow_back\" color=\"white\" />\n {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n </button>\n}\n<ng-content></ng-content>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--navigation-vertical-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\n"] }]
|
|
4499
|
+
}, template: "@if (!sidenavService.isMobile() && collapsible()) {\n <button\n class=\"tedi-sidenav__collapse\"\n (click)=\"sidenavService.handleCollapse()\"\n [attr.aria-label]=\"'toggle' | tediTranslate: !sidenavService.isCollapsed()\"\n >\n <tedi-icon\n [name]=\"\n sidenavService.isCollapsed() ? 'left_panel_open' : 'right_panel_open'\n \"\n color=\"brand\"\n />\n </button>\n}\n@if (sidenavService.isMobileItemOpen()) {\n <button\n class=\"tedi-sidenav-back\"\n (click)=\"sidenavService.handleGoToMainMenu()\"\n >\n <tedi-icon name=\"arrow_back\" color=\"white\" />\n {{ \"sidenav.backToMainMenu\" | tediTranslate }}\n </button>\n}\n<div role=\"menubar\">\n <ng-content></ng-content>\n</div>\n", styles: [":root{--_sidenav-tree-container: 24px;--_sidenav-tree-trunk-width: 2px;--_sidenav-tree-branch-width: 10px;--_sidenav-tree-bullet-size: 8px;--_sidenav-tree-left-padding: ( var(--_sidenav-tree-container) - var(--_sidenav-tree-trunk-width) ) / 2;--_sidenav-dropdown-collapsed-min-width: 16.5rem;--_sidenav-dropdown-collapsed-left: 4px;--_sidenav-dropdown-item-large-height: 48px;--_sidenav-dropdown-item-medium-height: 44px;--_sidenav-dropdown-item-small-height: 36px;--_sidenav-dropdown-item-collapsed-height: 40px;--_sidenav-collapsed-text-width: 4.5rem;--_sidenav-transition-duration: .3s}.tedi-sidenav{position:relative;display:flex;flex-direction:column;max-width:100%;min-height:100%;background-color:var(--navigation-vertical-item-background-default);transition:all var(--_sidenav-transition-duration) ease;z-index:var(--z-index-sidenav);width:var(--navigation-vertical-item-width-default)}.tedi-sidenav__collapse{position:absolute;right:0;transform:translate(50%);display:flex;justify-content:center;align-items:center;border:var(--borders-01) solid var(--button-floating-secondary-border-default);background:var(--button-floating-secondary-background-default);z-index:var(--z-index-sidenav);cursor:pointer;top:var(--navigation-vertical-item-padding-y);width:var(--button-sm-height);height:var(--button-sm-height);padding:var(--button-md-icon-padding);border-radius:var(--button-radius-default)}.tedi-sidenav__collapse:hover{color:var(--button-floating-secondary-text-hover);border:var(--borders-01) solid var(--button-floating-secondary-border-hover);background:var(--button-floating-secondary-background-hover)}.tedi-sidenav__collapse:active{color:var(--button-floating-secondary-text-active);border:var(--borders-01) solid var(--button-floating-secondary-border-active);background:var(--button-floating-secondary-background-active)}.tedi-sidenav__collapse:focus-visible{outline:var(--borders-02) solid var(--tedi-primary-500);outline-offset:var(--borders-01)}.tedi-sidenav--hidden{display:none}.tedi-sidenav--large{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-large );--_sidenav-item-font-size: var(--navigation-vertical-text-size);--_sidenav-item-line-height: var(--body-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon)}.tedi-sidenav--medium{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-medium );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-md);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-md);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-md)}.tedi-sidenav--small{--_sidenav-dropdown-item-height: var(--navigation-vertical-dropdown-item);--_sidenav-item-min-height: var( --navigation-vertical-item-min-height-small );--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm);--_sidenav-item-line-height: var(--body-small-regular-line-height);--_sidenav-item-padding-y: var(--navigation-vertical-item-padding-y-sm);--_sidenav-item-padding-right: var( --navigation-vertical-item-padding-right );--_sidenav-item-padding-left: var( --navigation-vertical-item-padding-left-level-1 );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon-sm);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm)}.tedi-sidenav--dividers .tedi-sidenav-item{border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border)}.tedi-sidenav--dividers .tedi-sidenav-item:last-of-type{border-bottom:0}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-dropdown{transition:none}.tedi-sidenav--mobile .tedi-sidenav-item .tedi-sidenav-item__text{white-space:wrap;animation:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-group-title{display:none}.tedi-sidenav--mobile-item-open .tedi-sidenav-item{border-bottom:0}.tedi-sidenav--mobile-item-open .tedi-sidenav-item .tedi-sidenav-group-title{display:block}.tedi-sidenav--collapsed{--_sidenav-dropdown-item-height: var( --_sidenav-dropdown-item-collapsed-height );--_sidenav-item-icon-size: var(--navigation-vertical-item-icon);--_sidenav-item-caret-size: var(--navigation-vertical-item-icon-sm);width:var(--navigation-vertical-item-width-collapsed)}.tedi-sidenav--collapsed .tedi-sidenav-item{--_sidenav-item-font-size: var(--navigation-vertical-text-size-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__title{flex-direction:column;text-align:center;min-height:var(--navigation-vertical-item-min-height-large);padding:var(--navigation-vertical-item-padding-y) var(--navigation-vertical-item-padding-x-sm)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret{position:absolute;top:var(--_sidenav-item-padding-y);right:var(--_sidenav-item-padding-right);font-size:var(--size-03)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__caret[data-open=true]{transform:rotate(-90deg)}.tedi-sidenav--collapsed .tedi-sidenav-item .tedi-sidenav-item__text{white-space:nowrap;max-width:var(--_sidenav-collapsed-text-width);animation:none}.tedi-sidenav--collapsed .tedi-sidenav-group-title{border-bottom:var(--borders-01) solid var(--navigation-vertical-group-title-text)}.tedi-sidenav--collapsed .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:none}.tedi-sidenav--collapsed .tedi-sidenav-dropdown{min-width:var(--_sidenav-dropdown-collapsed-min-width);position:absolute;top:0;left:calc(100% + var(--_sidenav-dropdown-collapsed-left));background:var(--dropdown-item-default-background);border:var(--borders-01) solid var(--card-border-primary);box-shadow:0 1px 5px 0 var(--tedi-alpha-20);transition:none;visibility:hidden;border-radius:var(--form-select-area-radius)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown--open{visibility:visible}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title{border:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown .tedi-sidenav-group-title .tedi-sidenav-group-title__text{display:block;color:var(--general-text-tertiary);font-size:14px;line-height:20px;padding:var(--dropdown-group-label-padding-y) var(--dropdown-group-label-padding-x) var(--layout-grid-gutters-04) var(--dropdown-group-label-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item{--_gap: var(--dropdown-item-inner-spacing);color:var(--dropdown-item-default-text);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-size:var(--body-regular-size)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item.tedi-sidenav-dropdown-item--selected,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:hover{color:var(--dropdown-item-hover-text);background-color:var(--dropdown-item-hover-background)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:before,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-item:after{height:0;width:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item{padding-left:calc(var(--dropdown-item-padding-x) + var(--_sidenav-tree-container) + var(--_gap))}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:after{width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);top:50%;transform:translateY(-50%);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:before{height:100%;width:var(--_sidenav-tree-trunk-width);background-color:var(--navigation-vertical-tree-neutral-default)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:after{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):after,.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:first-of-type:not(:only-child):before{width:0;height:0}.tedi-sidenav--collapsed .tedi-sidenav-dropdown-group .tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav .tedi-sidenav-back{min-height:var(--_sidenav-item-min-height);font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left);color:var(--navigation-vertical-item-text);text-align:start;border:0;border-bottom:var(--borders-01) solid var(--navigation-vertical-item-border);background:transparent;font-size:inherit;cursor:pointer}.tedi-sidenav .tedi-sidenav-back:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav .tedi-sidenav-back tedi-icon{font-size:var(--navigation-vertical-item-icon)}\n"] }]
|
|
4500
4500
|
}], ctorParameters: () => [{ type: SideNavService }] });
|
|
4501
4501
|
|
|
4502
4502
|
class SideNavDropdownItemComponent {
|
|
@@ -4521,11 +4521,12 @@ class SideNavDropdownItemComponent {
|
|
|
4521
4521
|
return classList.join(" ");
|
|
4522
4522
|
});
|
|
4523
4523
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4524
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownItemComponent, isStandalone: true, selector: "tedi-sidenav-dropdown-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (href()) {\n <a [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (route()) {\n <a [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".tedi-sidenav-dropdown-item{--_padding-left: var(--navigation-vertical-item-padding-left-level-2);--_gap: var(--navigation-vertical-item-inner-spacing);min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--navigation-vertical-item-text);padding-top:var(--_sidenav-item-padding-y);padding-bottom:var(--_sidenav-item-padding-y);padding-right:var(--_sidenav-item-padding-right);padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap));cursor:pointer}.tedi-sidenav-dropdown-item:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--navigation-vertical-item-background-active);font-weight:var(--body-bold-weight)}.tedi-sidenav-dropdown-item:before{content:\"\";position:absolute;top:0;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-trunk-width);height:100%;background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item:after{content:\"\";position:absolute;top:50%;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);transform:translateY(-50%);background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav-dropdown-item--parent:before,.tedi-sidenav-dropdown-item--parent:after{display:none}.tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav-dropdown-item a{text-decoration:none;color:inherit}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4524
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownItemComponent, isStandalone: true, selector: "tedi-sidenav-dropdown-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "menuitem" }, properties: { "class": "classes()" } }, ngImport: i0, template: "@if (href()) {\n <a [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (route()) {\n <a [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".tedi-sidenav-dropdown-item{--_padding-left: var(--navigation-vertical-item-padding-left-level-2);--_gap: var(--navigation-vertical-item-inner-spacing);min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--navigation-vertical-item-text);padding-top:var(--_sidenav-item-padding-y);padding-bottom:var(--_sidenav-item-padding-y);padding-right:var(--_sidenav-item-padding-right);padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap));cursor:pointer}.tedi-sidenav-dropdown-item:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--navigation-vertical-item-background-active);font-weight:var(--body-bold-weight)}.tedi-sidenav-dropdown-item:before{content:\"\";position:absolute;top:0;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-trunk-width);height:100%;background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item:after{content:\"\";position:absolute;top:50%;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);transform:translateY(-50%);background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav-dropdown-item--parent:before,.tedi-sidenav-dropdown-item--parent:after{display:none}.tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav-dropdown-item a{text-decoration:none;color:inherit}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4525
4525
|
}
|
|
4526
4526
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownItemComponent, decorators: [{
|
|
4527
4527
|
type: Component,
|
|
4528
4528
|
args: [{ selector: "tedi-sidenav-dropdown-item", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RouterLink, NgTemplateOutlet], host: {
|
|
4529
|
+
role: "menuitem",
|
|
4529
4530
|
"[class]": "classes()",
|
|
4530
4531
|
}, template: "@if (href()) {\n <a [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else if (route()) {\n <a [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".tedi-sidenav-dropdown-item{--_padding-left: var(--navigation-vertical-item-padding-left-level-2);--_gap: var(--navigation-vertical-item-inner-spacing);min-height:var(--_sidenav-dropdown-item-height);position:relative;display:block;color:var(--navigation-vertical-item-text);padding-top:var(--_sidenav-item-padding-y);padding-bottom:var(--_sidenav-item-padding-y);padding-right:var(--_sidenav-item-padding-right);padding-left:calc(var(--_padding-left) + var(--_sidenav-tree-container) + var(--_gap));cursor:pointer}.tedi-sidenav-dropdown-item:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-dropdown-item--selected{background:var(--navigation-vertical-item-background-active);font-weight:var(--body-bold-weight)}.tedi-sidenav-dropdown-item:before{content:\"\";position:absolute;top:0;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-trunk-width);height:100%;background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item:after{content:\"\";position:absolute;top:50%;left:calc(var(--_padding-left) + var(--_sidenav-tree-left-padding));width:var(--_sidenav-tree-branch-width);height:var(--_sidenav-tree-trunk-width);transform:translateY(-50%);background-color:var(--navigation-vertical-tree-brand-default)}.tedi-sidenav-dropdown-item--parent{padding-left:var(--dropdown-item-padding-x)}.tedi-sidenav-dropdown-item--parent:before,.tedi-sidenav-dropdown-item--parent:after{display:none}.tedi-sidenav-dropdown-item:last-of-type:before{height:50%}.tedi-sidenav-dropdown-item a{text-decoration:none;color:inherit}\n"] }]
|
|
4531
4532
|
}] });
|
|
@@ -4807,7 +4808,7 @@ class SideNavItemComponent {
|
|
|
4807
4808
|
this.dropdown.open.update((prev) => !prev);
|
|
4808
4809
|
}
|
|
4809
4810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4810
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavItemComponent, isStandalone: true, selector: "tedi-sidenav-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, queries: [{ propertyName: "dropdown", first: true, predicate: i0.forwardRef(() => SideNavDropdownComponent), descendants: true }], ngImport: i0, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); else mobileLink\">\n <tedi-sidenav-group-title>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-sidenav-group-title>\n </ng-container>\n <ng-template #mobileLink>\n <ng-container *ngIf=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #mobileHref>\n <a class=\"tedi-sidenav-item__link\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n </ng-template>\n } @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n }\n} @else if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n @if (dropdown) {\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n }\n </button>\n </ng-container>\n <ng-template #hasLink>\n <ng-container\n *ngIf=\"\n (dropdown && sidenavService.isCollapsed()) ||\n (dropdown && sidenavService.isMobile());\n else plainLink\n \"\n >\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </button>\n </ng-container>\n <ng-template #plainLink>\n <ng-container *ngIf=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #normalHref>\n <a class=\"tedi-sidenav-item__title\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n @if (dropdown) {\n <button\n class=\"tedi-sidenav-item__caret-button\"\n (click)=\"toggleDropdown()\"\n >\n <div class=\"tedi-sidenav-item__caret-container\">\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </div>\n </button>\n }\n </ng-template>\n </ng-template>\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as icon) {\n @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n }\n }\n <span class=\"tedi-sidenav-item__text\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-
|
|
4811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavItemComponent, isStandalone: true, selector: "tedi-sidenav-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, route: { classPropertyName: "route", publicName: "route", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "menuitem" }, properties: { "class": "classes()" } }, queries: [{ propertyName: "dropdown", first: true, predicate: i0.forwardRef(() => SideNavDropdownComponent), descendants: true }], ngImport: i0, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); else mobileLink\">\n <tedi-sidenav-group-title>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-sidenav-group-title>\n </ng-container>\n <ng-template #mobileLink>\n <ng-container *ngIf=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #mobileHref>\n <a class=\"tedi-sidenav-item__link\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n </ng-template>\n } @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n }\n} @else if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n @if (dropdown) {\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n }\n </button>\n </ng-container>\n <ng-template #hasLink>\n <ng-container\n *ngIf=\"\n (dropdown && sidenavService.isCollapsed()) ||\n (dropdown && sidenavService.isMobile());\n else plainLink\n \"\n >\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </button>\n </ng-container>\n <ng-template #plainLink>\n <ng-container *ngIf=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #normalHref>\n <a class=\"tedi-sidenav-item__title\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n @if (dropdown) {\n <button\n class=\"tedi-sidenav-item__caret-button\"\n (click)=\"toggleDropdown()\"\n >\n <div class=\"tedi-sidenav-item__caret-container\">\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </div>\n </button>\n }\n </ng-template>\n </ng-template>\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as icon) {\n @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n }\n }\n <span class=\"tedi-sidenav-item__text\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-01) solid var(--tedi-neutral-100);outline-offset:-2px}.tedi-sidenav-item__title:not(:only-child){max-width:calc(100% - var(--_sidenav-item-padding-right) - var(--_sidenav-item-caret-size) - var(--_gap));padding-right:0}.tedi-sidenav-item__icon{font-size:var(--_sidenav-item-icon-size)!important}.tedi-sidenav-item__caret-button{min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;justify-items:center;border:0;background:transparent;font-size:inherit;cursor:pointer;padding:0}.tedi-sidenav-item__caret-button:hover .tedi-sidenav-item__caret-container{background-color:var(--navigation-vertical-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--tedi-neutral-100);outline-offset:var(--borders-01)}.tedi-sidenav-item__caret-button:last-child{padding-right:var(--_sidenav-item-padding-right)}.tedi-sidenav-item__caret-container{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;border-radius:var(--button-radius-sm)}.tedi-sidenav-item__caret{font-size:var(--_sidenav-item-caret-size)!important;transition:transform var(--_sidenav-transition-duration) ease;margin-left:auto}.tedi-sidenav-item__caret[data-open=true]{transform:rotate(180deg)}.tedi-sidenav-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:enable-wrap 0s var(--_sidenav-transition-duration) forwards}.tedi-sidenav-item__link{text-decoration:none;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__link:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__link .tedi-sidenav-item__text{white-space:wrap}@keyframes enable-wrap{to{white-space:normal;max-width:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tedi-icon", inputs: ["name", "size", "color", "background", "variant", "type", "label"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SideNavGroupTitleComponent, selector: "tedi-sidenav-group-title" }, { kind: "component", type: TooltipComponent, selector: "tedi-tooltip", inputs: ["position", "preventOverflow", "openWith", "appendTo", "timeoutDelay"] }, { kind: "component", type: TooltipTriggerComponent, selector: "tedi-tooltip-trigger" }, { kind: "component", type: TooltipContentComponent, selector: "tedi-tooltip-content", inputs: ["maxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4811
4812
|
}
|
|
4812
4813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavItemComponent, decorators: [{
|
|
4813
4814
|
type: Component,
|
|
@@ -4821,8 +4822,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4821
4822
|
TooltipTriggerComponent,
|
|
4822
4823
|
TooltipContentComponent,
|
|
4823
4824
|
], host: {
|
|
4825
|
+
role: "menuitem",
|
|
4824
4826
|
"[class]": "classes()",
|
|
4825
|
-
}, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); else mobileLink\">\n <tedi-sidenav-group-title>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-sidenav-group-title>\n </ng-container>\n <ng-template #mobileLink>\n <ng-container *ngIf=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #mobileHref>\n <a class=\"tedi-sidenav-item__link\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n </ng-template>\n } @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n }\n} @else if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n @if (dropdown) {\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n }\n </button>\n </ng-container>\n <ng-template #hasLink>\n <ng-container\n *ngIf=\"\n (dropdown && sidenavService.isCollapsed()) ||\n (dropdown && sidenavService.isMobile());\n else plainLink\n \"\n >\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </button>\n </ng-container>\n <ng-template #plainLink>\n <ng-container *ngIf=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #normalHref>\n <a class=\"tedi-sidenav-item__title\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n @if (dropdown) {\n <button\n class=\"tedi-sidenav-item__caret-button\"\n (click)=\"toggleDropdown()\"\n >\n <div class=\"tedi-sidenav-item__caret-container\">\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </div>\n </button>\n }\n </ng-template>\n </ng-template>\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as icon) {\n @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n }\n }\n <span class=\"tedi-sidenav-item__text\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-
|
|
4827
|
+
}, template: "@if (sidenavService.isMobile()) {\n @if (sidenavService.isMobileItemOpen() && dropdown?.open()) {\n <ng-container *ngIf=\"!href() && !route(); else mobileLink\">\n <tedi-sidenav-group-title>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </tedi-sidenav-group-title>\n </ng-container>\n <ng-template #mobileLink>\n <ng-container *ngIf=\"route(); else mobileHref\">\n <a class=\"tedi-sidenav-item__link\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #mobileHref>\n <a class=\"tedi-sidenav-item__link\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n </ng-template>\n } @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n }\n} @else if (sidenavService.tooltipEnabled()) {\n <tedi-tooltip position=\"right\">\n <tedi-tooltip-trigger class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </tedi-tooltip-trigger>\n <tedi-tooltip-content position=\"right\">\n {{ textContent() }}\n </tedi-tooltip-content>\n </tedi-tooltip>\n} @else {\n <div class=\"tedi-sidenav-item__trigger\">\n <ng-container *ngTemplateOutlet=\"buttonOrLink\"></ng-container>\n </div>\n}\n\n<ng-template #buttonOrLink>\n <ng-container *ngIf=\"!href() && !route(); else hasLink\">\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n @if (dropdown) {\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n }\n </button>\n </ng-container>\n <ng-template #hasLink>\n <ng-container\n *ngIf=\"\n (dropdown && sidenavService.isCollapsed()) ||\n (dropdown && sidenavService.isMobile());\n else plainLink\n \"\n >\n <button class=\"tedi-sidenav-item__title\" (click)=\"toggleDropdown()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </button>\n </ng-container>\n <ng-template #plainLink>\n <ng-container *ngIf=\"route(); else normalHref\">\n <a class=\"tedi-sidenav-item__title\" [routerLink]=\"route()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n <ng-template #normalHref>\n <a class=\"tedi-sidenav-item__title\" [href]=\"href()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-template>\n @if (dropdown) {\n <button\n class=\"tedi-sidenav-item__caret-button\"\n (click)=\"toggleDropdown()\"\n >\n <div class=\"tedi-sidenav-item__caret-container\">\n <tedi-icon\n name=\"expand_more\"\n class=\"tedi-sidenav-item__caret\"\n color=\"white\"\n [attr.data-open]=\"dropdown.open() ? 'true' : 'false'\"\n />\n </div>\n </button>\n }\n </ng-template>\n </ng-template>\n</ng-template>\n\n<ng-template #content>\n @if (icon(); as icon) {\n @if (!(sidenavService.isMobileItemOpen() && dropdown?.open())) {\n <tedi-icon [name]=\"icon\" color=\"white\" class=\"tedi-sidenav-item__icon\" />\n }\n }\n <span class=\"tedi-sidenav-item__text\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-content select=\"tedi-sidenav-dropdown\"></ng-content>\n", styles: [".tedi-sidenav-item{position:relative;display:flex;flex-direction:column;font-size:var(--_sidenav-item-font-size);line-height:var(--_sidenav-item-line-height)}.tedi-sidenav-item--hidden{display:none}.tedi-sidenav-item--selected .tedi-sidenav-item__trigger{background:var(--navigation-vertical-item-background-active)}.tedi-sidenav-item--selected .tedi-sidenav-item__text{font-weight:var(--body-bold-weight)}.tedi-sidenav-item__trigger{--_gap: var(--navigation-vertical-item-inner-spacing);width:100%;position:relative;display:flex;cursor:pointer;gap:var(--_gap)}.tedi-sidenav-item__trigger:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__trigger:has(>.tedi-sidenav-item__caret-button:hover){background:transparent}.tedi-sidenav-item__title{width:100%;min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;gap:var(--_gap);text-decoration:none;text-align:start;border:0;background:transparent;font-size:inherit;cursor:pointer;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__title:focus-visible{outline:var(--borders-01) solid var(--tedi-neutral-100);outline-offset:-2px}.tedi-sidenav-item__title:not(:only-child){max-width:calc(100% - var(--_sidenav-item-padding-right) - var(--_sidenav-item-caret-size) - var(--_gap));padding-right:0}.tedi-sidenav-item__icon{font-size:var(--_sidenav-item-icon-size)!important}.tedi-sidenav-item__caret-button{min-height:var(--_sidenav-item-min-height);display:flex;align-items:center;justify-items:center;border:0;background:transparent;font-size:inherit;cursor:pointer;padding:0}.tedi-sidenav-item__caret-button:hover .tedi-sidenav-item__caret-container{background-color:var(--navigation-vertical-item-background-arrow-button-active)}.tedi-sidenav-item__caret-button:focus-visible .tedi-sidenav-item__caret-container{outline:var(--borders-02) solid var(--tedi-neutral-100);outline-offset:var(--borders-01)}.tedi-sidenav-item__caret-button:last-child{padding-right:var(--_sidenav-item-padding-right)}.tedi-sidenav-item__caret-container{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;border-radius:var(--button-radius-sm)}.tedi-sidenav-item__caret{font-size:var(--_sidenav-item-caret-size)!important;transition:transform var(--_sidenav-transition-duration) ease;margin-left:auto}.tedi-sidenav-item__caret[data-open=true]{transform:rotate(180deg)}.tedi-sidenav-item__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:enable-wrap 0s var(--_sidenav-transition-duration) forwards}.tedi-sidenav-item__link{text-decoration:none;color:var(--navigation-vertical-item-text);padding:var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-right) var(--_sidenav-item-padding-y) var(--_sidenav-item-padding-left)}.tedi-sidenav-item__link:hover{background:var(--navigation-vertical-item-background-hover)}.tedi-sidenav-item__link .tedi-sidenav-item__text{white-space:wrap}@keyframes enable-wrap{to{white-space:normal;max-width:none}}\n"] }]
|
|
4826
4828
|
}], propDecorators: { dropdown: [{
|
|
4827
4829
|
type: ContentChild,
|
|
4828
4830
|
args: [forwardRef(() => SideNavDropdownComponent)]
|
|
@@ -4847,11 +4849,12 @@ class SideNavDropdownComponent {
|
|
|
4847
4849
|
return classList.join(" ");
|
|
4848
4850
|
});
|
|
4849
4851
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4850
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownComponent, isStandalone: true, selector: "tedi-sidenav-dropdown", host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"tedi-sidenav-dropdown__items\">\n @if (sidenavService.isCollapsed() && !!sidenavItem.href()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [href]=\"sidenavItem.href()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n } @else if (sidenavService.isCollapsed() && !!sidenavItem.route()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [route]=\"sidenavItem.route()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n }\n <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-dropdown{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_sidenav-transition-duration) ease}.tedi-sidenav-dropdown--open{visibility:visible;grid-template-rows:1fr}.tedi-sidenav-dropdown--open .tedi-sidenav-dropdown__items{visibility:visible}.tedi-sidenav-dropdown__items{min-height:0;transition:visibility var(--_sidenav-transition-duration) ease;visibility:hidden}\n"], dependencies: [{ kind: "component", type: SideNavDropdownItemComponent, selector: "tedi-sidenav-dropdown-item", inputs: ["selected", "href", "route"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4852
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SideNavDropdownComponent, isStandalone: true, selector: "tedi-sidenav-dropdown", host: { attributes: { "role": "menubar" }, properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"tedi-sidenav-dropdown__items\">\n @if (sidenavService.isCollapsed() && !!sidenavItem.href()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [href]=\"sidenavItem.href()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n } @else if (sidenavService.isCollapsed() && !!sidenavItem.route()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [route]=\"sidenavItem.route()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n }\n <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-dropdown{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_sidenav-transition-duration) ease}.tedi-sidenav-dropdown--open{visibility:visible;grid-template-rows:1fr}.tedi-sidenav-dropdown--open .tedi-sidenav-dropdown__items{visibility:visible}.tedi-sidenav-dropdown__items{min-height:0;transition:visibility var(--_sidenav-transition-duration) ease;visibility:hidden}\n"], dependencies: [{ kind: "component", type: SideNavDropdownItemComponent, selector: "tedi-sidenav-dropdown-item", inputs: ["selected", "href", "route"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4851
4853
|
}
|
|
4852
4854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SideNavDropdownComponent, decorators: [{
|
|
4853
4855
|
type: Component,
|
|
4854
4856
|
args: [{ selector: "tedi-sidenav-dropdown", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SideNavDropdownItemComponent], host: {
|
|
4857
|
+
role: "menubar",
|
|
4855
4858
|
"[class]": "classes()",
|
|
4856
4859
|
}, template: "<div class=\"tedi-sidenav-dropdown__items\">\n @if (sidenavService.isCollapsed() && !!sidenavItem.href()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [href]=\"sidenavItem.href()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n } @else if (sidenavService.isCollapsed() && !!sidenavItem.route()) {\n <tedi-sidenav-dropdown-item\n class=\"tedi-sidenav-dropdown-item--parent\"\n [route]=\"sidenavItem.route()\"\n >\n {{ sidenavItem.textContent() }}\n </tedi-sidenav-dropdown-item>\n }\n <ng-content></ng-content>\n</div>\n", styles: [".tedi-sidenav-dropdown{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows var(--_sidenav-transition-duration) ease}.tedi-sidenav-dropdown--open{visibility:visible;grid-template-rows:1fr}.tedi-sidenav-dropdown--open .tedi-sidenav-dropdown__items{visibility:visible}.tedi-sidenav-dropdown__items{min-height:0;transition:visibility var(--_sidenav-transition-duration) ease;visibility:hidden}\n"] }]
|
|
4857
4860
|
}] });
|