@ascentgl/ads-ui 0.0.12 → 0.0.14

package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.mjs

@@ -1,18 +1,19 @@
-import { Component, ElementRef, input, signal, ViewChild } from '@angular/core';
+import { Component, ElementRef, input, viewChild } from '@angular/core';
 import { AdsIconRegistry } from '@ascentgl/ads-icons';
 import { adsIconSearch } from '@ascentgl/ads-icons/icons';
+import { AbstractSideNavBarComponent } from './abstract-side-nav-bar.component';
+import { SplitComponent } from 'angular-split';
 import * as i0 from "@angular/core";
 import * as i1 from "@ascentgl/ads-icons";
 import * as i2 from "@angular/common";
 import * as i3 from "../../logo/primary-logo/primary-logo.component";
 import * as i4 from "angular-split";
 import * as i5 from "@angular/router";
-export class AdsSideNavBarComponent {
+export class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
     /** @ignore */
     constructor(registry) {
+        super();
         this.registry = registry;
-        /** The default expanded width for the sidebar */
-        this.defaultExpandedWidth = input(220);
         /** The search template */
         this.searchTemplate = input();
         /** The extra data  template below search */
@@ -20,61 +21,20 @@ export class AdsSideNavBarComponent {
         /** Array of nav elements */
         this.navItems = input([]);
         /** @ignore */
-        this.isCollapsed = signal(false);
-        /** @ignore */
-        this.sidebarSize = signal(this.defaultExpandedWidth());
-        /** @ignore */
         this.localStorageName = 'side-nav-bar-width';
         /** @ignore */
         this.widthToCollapsed = 70;
         /** @ignore */
-        this.minWidth = 50;
+        this.splitter = viewChild.required(SplitComponent);
+        /** @ignore */
+        this.sideNavArea = viewChild.required(ElementRef);
         this.registry.register([adsIconSearch]);
     }
-    /** @ignore */
-    ngOnInit() {
-        if (localStorage.getItem(this.localStorageName)) {
-            this.sidebarSize.set(JSON.parse(localStorage.getItem(this.localStorageName)));
-        }
-        this.isCollapsed.set(this.sidebarSize() <= this.widthToCollapsed);
-    }
-    /** @ignore */
-    onDragEnd(event) {
-        this.saveLocalStorage(Number(event.sizes[0]));
-        this.isCollapsed.set(Number(event.sizes[0]) <= this.widthToCollapsed);
-    }
-    /** Expand the sidebar between collapsed and expanded */
-    /** @ignore */
-    expandSidebar() {
-        if (this.isCollapsed()) {
-            this.sidebarSize.set(this.widthToCollapsed);
-            setTimeout(() => {
-                this.isCollapsed.set(false);
-                this.saveLocalStorage(this.defaultExpandedWidth());
-                this.sidebarSize.set(this.defaultExpandedWidth());
-            });
-        }
-        else {
-            setTimeout(() => {
-                this.isCollapsed.set(true);
-                this.saveLocalStorage(this.minWidth);
-                this.sidebarSize.set(this.minWidth);
-            });
-        }
-    }
-    /** Save current width to the local storage */
-    /** @ignore */
-    saveLocalStorage(size) {
-        localStorage.setItem(this.localStorageName, JSON.stringify(size));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSideNavBarComponent, selector: "ads-side-nav-bar", inputs: { defaultExpandedWidth: { classPropertyName: "defaultExpandedWidth", publicName: "defaultExpandedWidth", isSignal: true, isRequired: false, transformFunction: null }, searchTemplate: { classPropertyName: "searchTemplate", publicName: "searchTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraDataTemplate: { classPropertyName: "extraDataTemplate", publicName: "extraDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], ngImport: i0, template: "<as-split\n  [useTransition]=\"true\"\n  unit=\"pixel\"\n  [gutterSize]=\"10\"\n  (dragEnd)=\"onDragEnd($event)\"\n  (gutterDblClick)=\"expandSidebar()\"\n  [gutterDblClickDuration]=\"500\"\n>\n  <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n    <div class=\"left-side-content-container\">\n      <div class=\"logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-primary-logo [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n          <ads-primary-logo [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n        </a>\n      </div>\n\n      <div class=\"nav-items-container\">\n        @for (item of navItems(); track item) {\n          <a\n            [routerLink]=\"item.href\"\n            routerLinkActive=\"active-nav-link\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            class=\"ads-nav-link\"\n          >\n            <div class=\"ads-nav-item-container\">\n              @if (!!item.icon) {\n                <ads-icon\n                  [name]=\"item.icon!\"\n                  size=\"sm\"\n                  theme=\"iconPrimary\"\n                  stroke=\"iconPrimary\"\n                  color=\"--color-medium\"\n                />\n              }\n\n              <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n            </div>\n          </a>\n        }\n      </div>\n      <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n        @if (!!searchTemplate()) {\n          <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n          </div>\n        }\n\n        @if (!!extraDataTemplate()) {\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n          </div>\n        }\n      </div>\n    </div>\n  </as-split-area>\n\n  <as-split-area>\n    <router-outlet></router-outlet>\n  </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.AdsPrimaryLogoComponent, selector: "ads-primary-logo", inputs: ["mobileWidth", "isCollapsed"] }, { kind: "component", type: i4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSideNavBarComponent, selector: "ads-side-nav-bar", inputs: { searchTemplate: { classPropertyName: "searchTemplate", publicName: "searchTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraDataTemplate: { classPropertyName: "extraDataTemplate", publicName: "extraDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "splitter", first: true, predicate: SplitComponent, descendants: true, isSignal: true }, { propertyName: "sideNavArea", first: true, predicate: ElementRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<as-split\n  #splitter\n  [useTransition]=\"true\"\n  unit=\"pixel\"\n  [gutterSize]=\"10\"\n  (gutterDblClick)=\"expandSidebar()\"\n  [gutterDblClickDuration]=\"500\"\n>\n  <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n    <div class=\"left-side-content-container\">\n      <div class=\"logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n          <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n        </a>\n      </div>\n\n      <div class=\"nav-items-container\">\n        @for (item of navItems(); track $index) {\n          <a\n            [routerLink]=\"item.href\"\n            routerLinkActive=\"active-nav-link\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            class=\"ads-nav-link\"\n          >\n            <div class=\"ads-nav-item-container\">\n              @if (!!item.icon) {\n                <ads-icon\n                  [name]=\"item.icon!\"\n                  size=\"sm\"\n                  theme=\"iconPrimary\"\n                  stroke=\"iconPrimary\"\n                  color=\"--color-medium\"\n                />\n              }\n\n              <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n            </div>\n          </a>\n        }\n      </div>\n      <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n        @if (!!searchTemplate()) {\n          <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n          </div>\n        }\n\n        @if (!!extraDataTemplate()) {\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n          </div>\n        }\n      </div>\n    </div>\n  </as-split-area>\n\n  <as-split-area>\n    <router-outlet></router-outlet>\n  </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.AdsPrimaryLogoComponent, selector: "ads-primary-logo" }, { kind: "component", type: i4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-side-nav-bar', template: "<as-split\n  [useTransition]=\"true\"\n  unit=\"pixel\"\n  [gutterSize]=\"10\"\n  (dragEnd)=\"onDragEnd($event)\"\n  (gutterDblClick)=\"expandSidebar()\"\n  [gutterDblClickDuration]=\"500\"\n>\n  <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n    <div class=\"left-side-content-container\">\n      <div class=\"logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-primary-logo [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n          <ads-primary-logo [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n        </a>\n      </div>\n\n      <div class=\"nav-items-container\">\n        @for (item of navItems(); track item) {\n          <a\n            [routerLink]=\"item.href\"\n            routerLinkActive=\"active-nav-link\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            class=\"ads-nav-link\"\n          >\n            <div class=\"ads-nav-item-container\">\n              @if (!!item.icon) {\n                <ads-icon\n                  [name]=\"item.icon!\"\n                  size=\"sm\"\n                  theme=\"iconPrimary\"\n                  stroke=\"iconPrimary\"\n                  color=\"--color-medium\"\n                />\n              }\n\n              <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n            </div>\n          </a>\n        }\n      </div>\n      <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n        @if (!!searchTemplate()) {\n          <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n          </div>\n        }\n\n        @if (!!extraDataTemplate()) {\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n          </div>\n        }\n      </div>\n    </div>\n  </as-split-area>\n\n  <as-split-area>\n    <router-outlet></router-outlet>\n  </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { sideNavArea: [{
-                type: ViewChild,
-                args: ['sideNavArea', { read: ElementRef }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL3NpZGUtbmF2LWJhci9zaWRlLW5hdi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdi1iYXIvc2lkZS1uYXYtYmFyL3NpZGUtbmF2LWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBUzFELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsY0FBYztJQUNkLFlBQW9CLFFBQXlCO1FBQXpCLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBSTdDLGlEQUFpRDtRQUNqRCx5QkFBb0IsR0FBRyxLQUFLLENBQVMsR0FBRyxDQUFDLENBQUM7UUFFMUMsMEJBQTBCO1FBQzFCLG1CQUFjLEdBQUcsS0FBSyxFQUF3QixDQUFDO1FBRS9DLDRDQUE0QztRQUM1QyxzQkFBaUIsR0FBRyxLQUFLLEVBQXdCLENBQUM7UUFFbEQsNEJBQTRCO1FBQzVCLGFBQVEsR0FBRyxLQUFLLENBQVksRUFBRSxDQUFDLENBQUM7UUFFaEMsY0FBYztRQUNkLGdCQUFXLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRXJDLGNBQWM7UUFDZCxnQkFBVyxHQUFHLE1BQU0sQ0FBUyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBRTFELGNBQWM7UUFDTixxQkFBZ0IsR0FBRyxvQkFBb0IsQ0FBQztRQUVoRCxjQUFjO1FBQ04scUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBRTlCLGNBQWM7UUFDTixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBNUJwQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQWdDRCxjQUFjO0lBQ2QsUUFBUTtRQUNOLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUUsQ0FBQyxDQUFDLENBQUM7UUFDakYsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsY0FBYztJQUNkLFNBQVMsQ0FBQyxLQUFrQztRQUMxQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELHdEQUF3RDtJQUN4RCxjQUFjO0lBQ2QsYUFBYTtRQUNYLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDNUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7Z0JBQ25ELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7WUFDcEQsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3JDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN0QyxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDO0lBRUQsOENBQThDO0lBQzlDLGNBQWM7SUFDZCxnQkFBZ0IsQ0FBQyxJQUFZO1FBQzNCLFlBQVksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNwRSxDQUFDOzhHQXpFVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixndkJBa0NDLFVBQVUsNkJDN0M5Qyxva0VBOERBOzsyRkRuRGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGtCQUFrQjtvRkFzQ29CLFdBQVc7c0JBQTFELFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5wdXQsIE9uSW5pdCwgc2lnbmFsLCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZHNJY29uUmVnaXN0cnkgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IGFkc0ljb25TZWFyY2ggfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zL2ljb25zJztcbmltcG9ydCB7IE5hdkl0ZW0gfSBmcm9tICcuL25hdi1pdGVtLnR5cGVzJztcbmltcG9ydCB7IFNwbGl0R3V0dGVySW50ZXJhY3Rpb25FdmVudCB9IGZyb20gJ2FuZ3VsYXItc3BsaXQvbGliL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy1zaWRlLW5hdi1iYXInLFxuICBzdHlsZVVybHM6IFsnc2lkZS1uYXYtYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnc2lkZS1uYXYtYmFyLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQWRzU2lkZU5hdkJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKiBAaWdub3JlICovXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVnaXN0cnk6IEFkc0ljb25SZWdpc3RyeSkge1xuICAgIHRoaXMucmVnaXN0cnkucmVnaXN0ZXIoW2Fkc0ljb25TZWFyY2hdKTtcbiAgfVxuXG4gIC8qKiBUaGUgZGVmYXVsdCBleHBhbmRlZCB3aWR0aCBmb3IgdGhlIHNpZGViYXIgKi9cbiAgZGVmYXVsdEV4cGFuZGVkV2lkdGggPSBpbnB1dDxudW1iZXI+KDIyMCk7XG5cbiAgLyoqIFRoZSBzZWFyY2ggdGVtcGxhdGUgKi9cbiAgc2VhcmNoVGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcblxuICAvKiogVGhlIGV4dHJhIGRhdGEgIHRlbXBsYXRlIGJlbG93IHNlYXJjaCAqL1xuICBleHRyYURhdGFUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPHVua25vd24+PigpO1xuXG4gIC8qKiBBcnJheSBvZiBuYXYgZWxlbWVudHMgKi9cbiAgbmF2SXRlbXMgPSBpbnB1dDxOYXZJdGVtW10+KFtdKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBpc0NvbGxhcHNlZCA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgc2lkZWJhclNpemUgPSBzaWduYWw8bnVtYmVyPih0aGlzLmRlZmF1bHRFeHBhbmRlZFdpZHRoKCkpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgbG9jYWxTdG9yYWdlTmFtZSA9ICdzaWRlLW5hdi1iYXItd2lkdGgnO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgd2lkdGhUb0NvbGxhcHNlZCA9IDcwO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgbWluV2lkdGggPSA1MDtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdzaWRlTmF2QXJlYScsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBzaWRlTmF2QXJlYSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKHRoaXMubG9jYWxTdG9yYWdlTmFtZSkpIHtcbiAgICAgIHRoaXMuc2lkZWJhclNpemUuc2V0KEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0odGhpcy5sb2NhbFN0b3JhZ2VOYW1lKSEpKTtcbiAgICB9XG4gICAgdGhpcy5pc0NvbGxhcHNlZC5zZXQodGhpcy5zaWRlYmFyU2l6ZSgpIDw9IHRoaXMud2lkdGhUb0NvbGxhcHNlZCk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBvbkRyYWdFbmQoZXZlbnQ6IFNwbGl0R3V0dGVySW50ZXJhY3Rpb25FdmVudCk6IHZvaWQge1xuICAgIHRoaXMuc2F2ZUxvY2FsU3RvcmFnZShOdW1iZXIoZXZlbnQuc2l6ZXNbMF0pKTtcbiAgICB0aGlzLmlzQ29sbGFwc2VkLnNldChOdW1iZXIoZXZlbnQuc2l6ZXNbMF0pIDw9IHRoaXMud2lkdGhUb0NvbGxhcHNlZCk7XG4gIH1cblxuICAvKiogRXhwYW5kIHRoZSBzaWRlYmFyIGJldHdlZW4gY29sbGFwc2VkIGFuZCBleHBhbmRlZCAqL1xuICAvKiogQGlnbm9yZSAqL1xuICBleHBhbmRTaWRlYmFyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzQ29sbGFwc2VkKCkpIHtcbiAgICAgIHRoaXMuc2lkZWJhclNpemUuc2V0KHRoaXMud2lkdGhUb0NvbGxhcHNlZCk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0NvbGxhcHNlZC5zZXQoZmFsc2UpO1xuICAgICAgICB0aGlzLnNhdmVMb2NhbFN0b3JhZ2UodGhpcy5kZWZhdWx0RXhwYW5kZWRXaWR0aCgpKTtcbiAgICAgICAgdGhpcy5zaWRlYmFyU2l6ZS5zZXQodGhpcy5kZWZhdWx0RXhwYW5kZWRXaWR0aCgpKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0NvbGxhcHNlZC5zZXQodHJ1ZSk7XG4gICAgICAgIHRoaXMuc2F2ZUxvY2FsU3RvcmFnZSh0aGlzLm1pbldpZHRoKTtcbiAgICAgICAgdGhpcy5zaWRlYmFyU2l6ZS5zZXQodGhpcy5taW5XaWR0aCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAvKiogU2F2ZSBjdXJyZW50IHdpZHRoIHRvIHRoZSBsb2NhbCBzdG9yYWdlICovXG4gIC8qKiBAaWdub3JlICovXG4gIHNhdmVMb2NhbFN0b3JhZ2Uoc2l6ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0odGhpcy5sb2NhbFN0b3JhZ2VOYW1lLCBKU09OLnN0cmluZ2lmeShzaXplKSk7XG4gIH1cbn1cbiIsIjxhcy1zcGxpdFxuICBbdXNlVHJhbnNpdGlvbl09XCJ0cnVlXCJcbiAgdW5pdD1cInBpeGVsXCJcbiAgW2d1dHRlclNpemVdPVwiMTBcIlxuICAoZHJhZ0VuZCk9XCJvbkRyYWdFbmQoJGV2ZW50KVwiXG4gIChndXR0ZXJEYmxDbGljayk9XCJleHBhbmRTaWRlYmFyKClcIlxuICBbZ3V0dGVyRGJsQ2xpY2tEdXJhdGlvbl09XCI1MDBcIlxuPlxuICA8YXMtc3BsaXQtYXJlYSBbc2l6ZV09XCJzaWRlYmFyU2l6ZSgpXCIgW21pblNpemVdPVwiNTBcIiBbbWF4U2l6ZV09XCI2MDBcIiAjc2lkZU5hdkFyZWE+XG4gICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZS1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImxvZ28tY29udGFpbmVyXCI+XG4gICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cIicvJ1wiPlxuICAgICAgICAgIDxhZHMtcHJpbWFyeS1sb2dvIFtpc0NvbGxhcHNlZF09XCJ0cnVlXCIgY2xhc3M9XCJzaG93LW9uLWNvbGxhcHNlZFwiIC8+XG4gICAgICAgICAgPGFkcy1wcmltYXJ5LWxvZ28gW2lzQ29sbGFwc2VkXT1cImZhbHNlXCIgY2xhc3M9XCJoaWRlLW9uLWNvbGxhcHNlZFwiIC8+XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwibmF2LWl0ZW1zLWNvbnRhaW5lclwiPlxuICAgICAgICBAZm9yIChpdGVtIG9mIG5hdkl0ZW1zKCk7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICA8YVxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5ocmVmXCJcbiAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmUtbmF2LWxpbmtcIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cInsgZXhhY3Q6IHRydWUgfVwiXG4gICAgICAgICAgICBjbGFzcz1cImFkcy1uYXYtbGlua1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkcy1uYXYtaXRlbS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgQGlmICghIWl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICAgIDxhZHMtaWNvblxuICAgICAgICAgICAgICAgICAgW25hbWVdPVwiaXRlbS5pY29uIVwiXG4gICAgICAgICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgICAgICAgdGhlbWU9XCJpY29uUHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBzdHJva2U9XCJpY29uUHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cIi0tY29sb3ItbWVkaXVtXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoaWRlLW9uLWNvbGxhcHNlZFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1jb250YWluZXJcIiAoY2xpY2spPVwiISFzZWFyY2hUZW1wbGF0ZSgpICYmIGlzQ29sbGFwc2VkKCkgPyBleHBhbmRTaWRlYmFyKCkgOiBudWxsXCI+XG4gICAgICAgIEBpZiAoISFzZWFyY2hUZW1wbGF0ZSgpKSB7XG4gICAgICAgICAgPGFkcy1pY29uIG5hbWU9XCJzZWFyY2hcIiBzaXplPVwic21cIiB0aGVtZT1cImljb25QcmltYXJ5XCIgY2xhc3M9XCJzaG93LW9uLWNvbGxhcHNlZFwiIC8+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhpZGUtb24tY29sbGFwc2VkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VhcmNoVGVtcGxhdGUoKSFcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICghIWV4dHJhRGF0YVRlbXBsYXRlKCkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGlkZS1vbi1jb2xsYXBzZWRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJleHRyYURhdGFUZW1wbGF0ZSgpIVwiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2FzLXNwbGl0LWFyZWE+XG5cbiAgPGFzLXNwbGl0LWFyZWE+XG4gICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICA8L2FzLXNwbGl0LWFyZWE+XG48L2FzLXNwbGl0PlxuIl19
+            args: [{ selector: 'ads-side-nav-bar', template: "<as-split\n  #splitter\n  [useTransition]=\"true\"\n  unit=\"pixel\"\n  [gutterSize]=\"10\"\n  (gutterDblClick)=\"expandSidebar()\"\n  [gutterDblClickDuration]=\"500\"\n>\n  <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n    <div class=\"left-side-content-container\">\n      <div class=\"logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n          <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n        </a>\n      </div>\n\n      <div class=\"nav-items-container\">\n        @for (item of navItems(); track $index) {\n          <a\n            [routerLink]=\"item.href\"\n            routerLinkActive=\"active-nav-link\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            class=\"ads-nav-link\"\n          >\n            <div class=\"ads-nav-item-container\">\n              @if (!!item.icon) {\n                <ads-icon\n                  [name]=\"item.icon!\"\n                  size=\"sm\"\n                  theme=\"iconPrimary\"\n                  stroke=\"iconPrimary\"\n                  color=\"--color-medium\"\n                />\n              }\n\n              <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n            </div>\n          </a>\n        }\n      </div>\n      <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n        @if (!!searchTemplate()) {\n          <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n          </div>\n        }\n\n        @if (!!extraDataTemplate()) {\n          <div class=\"hide-on-collapsed\">\n            <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n          </div>\n        }\n      </div>\n    </div>\n  </as-split-area>\n\n  <as-split-area>\n    <router-outlet></router-outlet>\n  </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL3NpZGUtbmF2LWJhci9zaWRlLW5hdi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdi1iYXIvc2lkZS1uYXYtYmFyL3NpZGUtbmF2LWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFMUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQU8vQyxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsMkJBQTJCO0lBQ3JFLGNBQWM7SUFDZCxZQUFvQixRQUF5QjtRQUMzQyxLQUFLLEVBQUUsQ0FBQztRQURVLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBSzdDLDBCQUEwQjtRQUMxQixtQkFBYyxHQUFHLEtBQUssRUFBd0IsQ0FBQztRQUUvQyw0Q0FBNEM7UUFDNUMsc0JBQWlCLEdBQUcsS0FBSyxFQUF3QixDQUFDO1FBRWxELDRCQUE0QjtRQUM1QixhQUFRLEdBQUcsS0FBSyxDQUFZLEVBQUUsQ0FBQyxDQUFDO1FBRWhDLGNBQWM7UUFDZCxxQkFBZ0IsR0FBRyxvQkFBb0IsQ0FBQztRQUV4QyxjQUFjO1FBQ2QscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBRXRCLGNBQWM7UUFDZCxhQUFRLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUU5QyxjQUFjO1FBQ2QsZ0JBQVcsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBdEIzQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0FMVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw4aEJBdUJILGNBQWMsOEZBR1gsVUFBVSx1RkN0QzdDLDBsRUE4REE7OzJGRGxEYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbnB1dCwgVGVtcGxhdGVSZWYsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRzSWNvblJlZ2lzdHJ5IH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucyc7XG5pbXBvcnQgeyBhZHNJY29uU2VhcmNoIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucy9pY29ucyc7XG5pbXBvcnQgeyBOYXZJdGVtIH0gZnJvbSAnLi9uYXYtaXRlbS50eXBlcyc7XG5pbXBvcnQgeyBBYnN0cmFjdFNpZGVOYXZCYXJDb21wb25lbnQgfSBmcm9tICcuL2Fic3RyYWN0LXNpZGUtbmF2LWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3BsaXRDb21wb25lbnQgfSBmcm9tICdhbmd1bGFyLXNwbGl0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXNpZGUtbmF2LWJhcicsXG4gIHN0eWxlVXJsczogWydzaWRlLW5hdi1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICdzaWRlLW5hdi1iYXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNTaWRlTmF2QmFyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTaWRlTmF2QmFyQ29tcG9uZW50IHtcbiAgLyoqIEBpZ25vcmUgKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnJlZ2lzdHJ5LnJlZ2lzdGVyKFthZHNJY29uU2VhcmNoXSk7XG4gIH1cblxuICAvKiogVGhlIHNlYXJjaCB0ZW1wbGF0ZSAqL1xuICBzZWFyY2hUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPHVua25vd24+PigpO1xuXG4gIC8qKiBUaGUgZXh0cmEgZGF0YSAgdGVtcGxhdGUgYmVsb3cgc2VhcmNoICovXG4gIGV4dHJhRGF0YVRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG5cbiAgLyoqIEFycmF5IG9mIG5hdiBlbGVtZW50cyAqL1xuICBuYXZJdGVtcyA9IGlucHV0PE5hdkl0ZW1bXT4oW10pO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIGxvY2FsU3RvcmFnZU5hbWUgPSAnc2lkZS1uYXYtYmFyLXdpZHRoJztcblxuICAvKiogQGlnbm9yZSAqL1xuICB3aWR0aFRvQ29sbGFwc2VkID0gNzA7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgc3BsaXR0ZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoU3BsaXRDb21wb25lbnQpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHNpZGVOYXZBcmVhID0gdmlld0NoaWxkLnJlcXVpcmVkKEVsZW1lbnRSZWYpO1xufVxuIiwiPGFzLXNwbGl0XG4gICNzcGxpdHRlclxuICBbdXNlVHJhbnNpdGlvbl09XCJ0cnVlXCJcbiAgdW5pdD1cInBpeGVsXCJcbiAgW2d1dHRlclNpemVdPVwiMTBcIlxuICAoZ3V0dGVyRGJsQ2xpY2spPVwiZXhwYW5kU2lkZWJhcigpXCJcbiAgW2d1dHRlckRibENsaWNrRHVyYXRpb25dPVwiNTAwXCJcbj5cbiAgPGFzLXNwbGl0LWFyZWEgW3NpemVdPVwic2lkZWJhclNpemUoKVwiIFttaW5TaXplXT1cIjUwXCIgW21heFNpemVdPVwiNjAwXCIgI3NpZGVOYXZBcmVhPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGUtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsb2dvLWNvbnRhaW5lclwiPlxuICAgICAgICA8YSBbcm91dGVyTGlua109XCInLydcIj5cbiAgICAgICAgICA8YWRzLXByaW1hcnktbG9nbyBbbW9iaWxlV2lkdGhdPVwiNzBcIiBbaXNDb2xsYXBzZWRdPVwidHJ1ZVwiIGNsYXNzPVwic2hvdy1vbi1jb2xsYXBzZWRcIiAvPlxuICAgICAgICAgIDxhZHMtcHJpbWFyeS1sb2dvIFttb2JpbGVXaWR0aF09XCI3MFwiIFtpc0NvbGxhcHNlZF09XCJmYWxzZVwiIGNsYXNzPVwiaGlkZS1vbi1jb2xsYXBzZWRcIiAvPlxuICAgICAgICA8L2E+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cIm5hdi1pdGVtcy1jb250YWluZXJcIj5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBuYXZJdGVtcygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICA8YVxuICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5ocmVmXCJcbiAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmUtbmF2LWxpbmtcIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cInsgZXhhY3Q6IHRydWUgfVwiXG4gICAgICAgICAgICBjbGFzcz1cImFkcy1uYXYtbGlua1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkcy1uYXYtaXRlbS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgQGlmICghIWl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICAgIDxhZHMtaWNvblxuICAgICAgICAgICAgICAgICAgW25hbWVdPVwiaXRlbS5pY29uIVwiXG4gICAgICAgICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgICAgICAgICAgdGhlbWU9XCJpY29uUHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBzdHJva2U9XCJpY29uUHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cIi0tY29sb3ItbWVkaXVtXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoaWRlLW9uLWNvbGxhcHNlZFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1jb250YWluZXJcIiAoY2xpY2spPVwiISFzZWFyY2hUZW1wbGF0ZSgpICYmIGlzQ29sbGFwc2VkKCkgPyBleHBhbmRTaWRlYmFyKCkgOiBudWxsXCI+XG4gICAgICAgIEBpZiAoISFzZWFyY2hUZW1wbGF0ZSgpKSB7XG4gICAgICAgICAgPGFkcy1pY29uIG5hbWU9XCJzZWFyY2hcIiBzaXplPVwic21cIiB0aGVtZT1cImljb25QcmltYXJ5XCIgY2xhc3M9XCJzaG93LW9uLWNvbGxhcHNlZFwiIC8+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhpZGUtb24tY29sbGFwc2VkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VhcmNoVGVtcGxhdGUoKSFcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICghIWV4dHJhRGF0YVRlbXBsYXRlKCkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGlkZS1vbi1jb2xsYXBzZWRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJleHRyYURhdGFUZW1wbGF0ZSgpIVwiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2FzLXNwbGl0LWFyZWE+XG5cbiAgPGFzLXNwbGl0LWFyZWE+XG4gICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICA8L2FzLXNwbGl0LWFyZWE+XG48L2FzLXNwbGl0PlxuIl19

package/esm2022/lib/components/snackbars/snackbar/snackbar.component.mjs

@@ -1,4 +1,4 @@
-import { Component, inject } from '@angular/core';
+import { Component, HostListener, inject } from '@angular/core';
 import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
 import * as i0 from "@angular/core";
 import * as i1 from "../../buttons/button/button.component";
@@ -14,17 +14,26 @@ export class AdsSnackbarComponent {
         const panelClass = this.snackBarRef.containerInstance.snackBarConfig.panelClass;
         return panelClass === PanelClass.Error ? PanelClass.Error : PanelClass.Secondary;
     }
+    /** @ignore */
+    onSnackbarClick() {
+        if (this.data.closeOnClick) {
+            this.snackBarRef.dismiss();
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSnackbarComponent, selector: "ads-snackbar", ngImport: i0, template: "<div class=\"container\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n    }\n    <span [innerHTML]=\"data.message\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction()\"\n      >{{ data.buttonCaption ?? (defaultButtonCaption | transloco) }}\n    </ads-button>\n  }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:18px;font-weight:700;line-height:24px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"], dependencies: [{ kind: "component", type: i1.AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "rounded", "type"] }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSnackbarComponent, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n    }\n    <span [innerHTML]=\"data.message\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n      {{ data.buttonCaption ?? (defaultButtonCaption | transloco) }}\n    </ads-button>\n  }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:18px;font-weight:700;line-height:24px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"], dependencies: [{ kind: "component", type: i1.AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "rounded", "type"] }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-snackbar', template: "<div class=\"container\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n    }\n    <span [innerHTML]=\"data.message\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction()\"\n      >{{ data.buttonCaption ?? (defaultButtonCaption | transloco) }}\n    </ads-button>\n  }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:18px;font-weight:700;line-height:24px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
-        }] });
+            args: [{ selector: 'ads-snackbar', template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n    }\n    <span [innerHTML]=\"data.message\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n      {{ data.buttonCaption ?? (defaultButtonCaption | transloco) }}\n    </ads-button>\n  }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:18px;font-weight:700;line-height:24px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
+        }], propDecorators: { onSnackbarClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 export var PanelClass;
 (function (PanelClass) {
     PanelClass["Primary"] = "primary";
     PanelClass["Secondary"] = "secondary";
     PanelClass["Error"] = "error";
 })(PanelClass || (PanelClass = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3NuYWNrYmFycy9zbmFja2Jhci9zbmFja2Jhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXJzL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7OztBQWNqRixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBTUUsU0FBSSxHQUFpQixNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNoRCxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUM1Qix5QkFBb0IsR0FBRyxhQUFhLENBQUM7UUFDM0IsZUFBVSxHQUFHLFVBQVUsQ0FBQztLQU01QztJQUpDLElBQUksZ0JBQWdCO1FBQ2xCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUMsY0FBYyxDQUFDLFVBQXdCLENBQUM7UUFDOUYsT0FBTyxVQUFVLEtBQUssVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQztJQUNuRixDQUFDOzhHQVRVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLG9EQ2ZqQywyYUFhQTs7MkZERWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7O0FBZ0IxQixNQUFNLENBQU4sSUFBWSxVQUlYO0FBSkQsV0FBWSxVQUFVO0lBQ3BCLGlDQUFtQixDQUFBO0lBQ25CLHFDQUF1QixDQUFBO0lBQ3ZCLDZCQUFlLENBQUE7QUFDakIsQ0FBQyxFQUpXLFVBQVUsS0FBVixVQUFVLFFBSXJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1BVF9TTkFDS19CQVJfREFUQSwgTWF0U25hY2tCYXJSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXInO1xuXG5leHBvcnQgdHlwZSBTbmFja0JhckRhdGEgPSB7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGhpZGVBY3Rpb25CdXR0b24/OiBib29sZWFuO1xuICBidXR0b25DYXB0aW9uPzogc3RyaW5nO1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXNuYWNrYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NuYWNrYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc25hY2tiYXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzU25hY2tiYXJDb21wb25lbnQge1xuICBkYXRhOiBTbmFja0JhckRhdGEgPSBpbmplY3QoTUFUX1NOQUNLX0JBUl9EQVRBKTtcbiAgc25hY2tCYXJSZWYgPSBpbmplY3QoTWF0U25hY2tCYXJSZWYpO1xuICByZWFkb25seSBkZWZhdWx0QnV0dG9uQ2FwdGlvbiA9ICdDbG9zZUJ1dHRvbic7XG4gIHByb3RlY3RlZCByZWFkb25seSBQYW5lbENsYXNzID0gUGFuZWxDbGFzcztcblxuICBnZXQgYnV0dG9uUGFuZWxDbGFzcygpOiBQYW5lbENsYXNzIHtcbiAgICBjb25zdCBwYW5lbENsYXNzID0gdGhpcy5zbmFja0JhclJlZi5jb250YWluZXJJbnN0YW5jZS5zbmFja0JhckNvbmZpZy5wYW5lbENsYXNzIGFzIFBhbmVsQ2xhc3M7XG4gICAgcmV0dXJuIHBhbmVsQ2xhc3MgPT09IFBhbmVsQ2xhc3MuRXJyb3IgPyBQYW5lbENsYXNzLkVycm9yIDogUGFuZWxDbGFzcy5TZWNvbmRhcnk7XG4gIH1cbn1cblxuZXhwb3J0IGVudW0gUGFuZWxDbGFzcyB7XG4gIFByaW1hcnkgPSAncHJpbWFyeScsXG4gIFNlY29uZGFyeSA9ICdzZWNvbmRhcnknLFxuICBFcnJvciA9ICdlcnJvcicsXG59XG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gIDxkaXY+XG4gICAgQGlmIChkYXRhLnRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwic25hY2tiYXItdGl0bGVcIiBbaW5uZXJIVE1MXT1cImRhdGEudGl0bGVcIj48L2Rpdj5cbiAgICB9XG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJkYXRhLm1lc3NhZ2VcIj48L3NwYW4+XG4gIDwvZGl2PlxuICBAaWYgKCFkYXRhLmhpZGVBY3Rpb25CdXR0b24pIHtcbiAgICA8YWRzLWJ1dHRvbiBbdmFyaWFudF09XCJidXR0b25QYW5lbENsYXNzXCIgKGNsaWNrKT1cInNuYWNrQmFyUmVmLmRpc21pc3NXaXRoQWN0aW9uKClcIlxuICAgICAgPnt7IGRhdGEuYnV0dG9uQ2FwdGlvbiA/PyAoZGVmYXVsdEJ1dHRvbkNhcHRpb24gfCB0cmFuc2xvY28pIH19XG4gICAgPC9hZHMtYnV0dG9uPlxuICB9XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3NuYWNrYmFycy9zbmFja2Jhci9zbmFja2Jhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXJzL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7QUFlakYsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1FLFNBQUksR0FBaUIsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEQsZ0JBQVcsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDNUIseUJBQW9CLEdBQUcsYUFBYSxDQUFDO1FBQzNCLGVBQVUsR0FBRyxVQUFVLENBQUM7S0FjNUM7SUFaQyxJQUFJLGdCQUFnQjtRQUNsQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxVQUF3QixDQUFDO1FBQzlGLE9BQU8sVUFBVSxLQUFLLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUM7SUFDbkYsQ0FBQztJQUVELGNBQWM7SUFFZCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7OEdBakJVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDJHQ2hCakMsbWVBYUE7OzJGREdhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQWlCeEIsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLE9BQU87O0FBUXZCLE1BQU0sQ0FBTixJQUFZLFVBSVg7QUFKRCxXQUFZLFVBQVU7SUFDcEIsaUNBQW1CLENBQUE7SUFDbkIscUNBQXVCLENBQUE7SUFDdkIsNkJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsVUFBVSxLQUFWLFVBQVUsUUFJckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNQVRfU05BQ0tfQkFSX0RBVEEsIE1hdFNuYWNrQmFyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyJztcblxuZXhwb3J0IHR5cGUgU25hY2tCYXJEYXRhID0ge1xuICB0aXRsZT86IHN0cmluZztcbiAgbWVzc2FnZTogc3RyaW5nO1xuICBoaWRlQWN0aW9uQnV0dG9uPzogYm9vbGVhbjtcbiAgYnV0dG9uQ2FwdGlvbj86IHN0cmluZztcbiAgY2xvc2VPbkNsaWNrPzogYm9vbGVhbjtcbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy1zbmFja2JhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbmFja2Jhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NuYWNrYmFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkc1NuYWNrYmFyQ29tcG9uZW50IHtcbiAgZGF0YTogU25hY2tCYXJEYXRhID0gaW5qZWN0KE1BVF9TTkFDS19CQVJfREFUQSk7XG4gIHNuYWNrQmFyUmVmID0gaW5qZWN0KE1hdFNuYWNrQmFyUmVmKTtcbiAgcmVhZG9ubHkgZGVmYXVsdEJ1dHRvbkNhcHRpb24gPSAnQ2xvc2VCdXR0b24nO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgUGFuZWxDbGFzcyA9IFBhbmVsQ2xhc3M7XG5cbiAgZ2V0IGJ1dHRvblBhbmVsQ2xhc3MoKTogUGFuZWxDbGFzcyB7XG4gICAgY29uc3QgcGFuZWxDbGFzcyA9IHRoaXMuc25hY2tCYXJSZWYuY29udGFpbmVySW5zdGFuY2Uuc25hY2tCYXJDb25maWcucGFuZWxDbGFzcyBhcyBQYW5lbENsYXNzO1xuICAgIHJldHVybiBwYW5lbENsYXNzID09PSBQYW5lbENsYXNzLkVycm9yID8gUGFuZWxDbGFzcy5FcnJvciA6IFBhbmVsQ2xhc3MuU2Vjb25kYXJ5O1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBvblNuYWNrYmFyQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGF0YS5jbG9zZU9uQ2xpY2spIHtcbiAgICAgIHRoaXMuc25hY2tCYXJSZWYuZGlzbWlzcygpO1xuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgZW51bSBQYW5lbENsYXNzIHtcbiAgUHJpbWFyeSA9ICdwcmltYXJ5JyxcbiAgU2Vjb25kYXJ5ID0gJ3NlY29uZGFyeScsXG4gIEVycm9yID0gJ2Vycm9yJyxcbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiAoY2xpY2spPVwib25TbmFja2JhckNsaWNrKClcIj5cbiAgPGRpdj5cbiAgICBAaWYgKGRhdGEudGl0bGUpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJzbmFja2Jhci10aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiPjwvZGl2PlxuICAgIH1cbiAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImRhdGEubWVzc2FnZVwiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIEBpZiAoIWRhdGEuaGlkZUFjdGlvbkJ1dHRvbikge1xuICAgIDxhZHMtYnV0dG9uIFt2YXJpYW50XT1cImJ1dHRvblBhbmVsQ2xhc3NcIiAoY2xpY2spPVwic25hY2tCYXJSZWYuZGlzbWlzc1dpdGhBY3Rpb24oKTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG4gICAgICB7eyBkYXRhLmJ1dHRvbkNhcHRpb24gPz8gKGRlZmF1bHRCdXR0b25DYXB0aW9uIHwgdHJhbnNsb2NvKSB9fVxuICAgIDwvYWRzLWJ1dHRvbj5cbiAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/steppers/numeric-stepper/numeric-step.type.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtZXJpYy1zdGVwLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvbnVtZXJpYy1zdGVwcGVyL251bWVyaWMtc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR0VORVJJQ19DT0xMRUNUSU9OIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbmV4cG9ydCB0eXBlIE51bWVyaWNTdGVwID0ge1xuICB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgaXNEZWxpdmVyeTogYm9vbGVhbjtcbiAgZGlzdGFuY2U/OiBzdHJpbmc7XG4gIHRlbXBsYXRlRGF0YTogR0VORVJJQ19DT0xMRUNUSU9OO1xufTtcbiJdfQ==

package/esm2022/lib/components/steppers/numeric-stepper/numeric-stepper.component.mjs

@@ -10,10 +10,10 @@ export class AdsNumericStepperComponent {
         this.steps = input.required();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNumericStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNumericStepperComponent, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n  @for (step of steps(); track step; let i = $index) {\n    <div class=\"step-item\">\n      <ads-numeric-step\n        [isLast]=\"i === steps().length - 1\"\n        [index]=\"i\"\n        [isDelivery]=\"step.isDelivery\"\n        [distance]=\"step.distance\"\n      />\n      <ads-expansion-panel\n        width=\"unset\"\n        [headerTemplate]=\"step.headerTemplate\"\n        [headerTemplateData]=\"step.templateData\"\n      >\n        <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n      </ads-expansion-panel>\n    </div>\n    @if (i !== steps().length - 1) {\n      <div class=\"dash-container\">\n        <div class=\"dash-line\"></div>\n      </div>\n    }\n  }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AdsNumericStepComponent, selector: "ads-numeric-step", inputs: ["isLast", "isDelivery", "index", "distance"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.AdsExpansionPanelComponent, selector: "ads-expansion-panel", inputs: ["id", "header", "headerTemplate", "headerTemplateData", "isExpanded", "disabled", "width"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsNumericStepperComponent, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n  @for (step of steps(); track i; let i = $index) {\n    <div class=\"step-item\">\n      <ads-numeric-step\n        [isLast]=\"i === steps().length - 1\"\n        [index]=\"i\"\n        [isDelivery]=\"step.isDelivery\"\n        [distance]=\"step.distance\"\n      />\n      <ads-expansion-panel\n        width=\"unset\"\n        [headerTemplate]=\"step.headerTemplate\"\n        [headerTemplateData]=\"step.templateData\"\n      >\n        <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n      </ads-expansion-panel>\n    </div>\n    @if (i !== steps().length - 1) {\n      <div class=\"dash-container\">\n        <div class=\"dash-line\"></div>\n      </div>\n    }\n  }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AdsNumericStepComponent, selector: "ads-numeric-step", inputs: ["isLast", "isDelivery", "index", "distance"] }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.AdsExpansionPanelComponent, selector: "ads-expansion-panel", inputs: ["id", "header", "headerTemplate", "headerTemplateData", "isExpanded", "disabled", "width"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNumericStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-numeric-stepper', template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n  @for (step of steps(); track step; let i = $index) {\n    <div class=\"step-item\">\n      <ads-numeric-step\n        [isLast]=\"i === steps().length - 1\"\n        [index]=\"i\"\n        [isDelivery]=\"step.isDelivery\"\n        [distance]=\"step.distance\"\n      />\n      <ads-expansion-panel\n        width=\"unset\"\n        [headerTemplate]=\"step.headerTemplate\"\n        [headerTemplateData]=\"step.templateData\"\n      >\n        <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n      </ads-expansion-panel>\n    </div>\n    @if (i !== steps().length - 1) {\n      <div class=\"dash-container\">\n        <div class=\"dash-line\"></div>\n      </div>\n    }\n  }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1}\n"] }]
+            args: [{ selector: 'ads-numeric-stepper', template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n  @for (step of steps(); track i; let i = $index) {\n    <div class=\"step-item\">\n      <ads-numeric-step\n        [isLast]=\"i === steps().length - 1\"\n        [index]=\"i\"\n        [isDelivery]=\"step.isDelivery\"\n        [distance]=\"step.distance\"\n      />\n      <ads-expansion-panel\n        width=\"unset\"\n        [headerTemplate]=\"step.headerTemplate\"\n        [headerTemplateData]=\"step.templateData\"\n      >\n        <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n      </ads-expansion-panel>\n    </div>\n    @if (i !== steps().length - 1) {\n      <div class=\"dash-container\">\n        <div class=\"dash-line\"></div>\n      </div>\n    }\n  }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvbnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvbnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFnQjlELE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFNRSxrQkFBa0I7UUFDbEIsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWlCLENBQUM7S0FDekM7OEdBSFksMEJBQTBCO2tHQUExQiwwQkFBMEIsOExDaEJ2QyxpeUJBd0JBOzsyRkRSYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEdFTkVSSUNfQ09MTEVDVElPTiB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtdXRpbHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE51bWVyaWNTdGVwIHtcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBoZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIGlzRGVsaXZlcnk6IGJvb2xlYW47XG4gIGRpc3RhbmNlPzogc3RyaW5nO1xuICB0ZW1wbGF0ZURhdGE6IEdFTkVSSUNfQ09MTEVDVElPTjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLW51bWVyaWMtc3RlcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9udW1lcmljLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9udW1lcmljLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzTnVtZXJpY1N0ZXBwZXJDb21wb25lbnQge1xuICAvKiogU3RlcHMgYXJyYXkgKi9cbiAgc3RlcHMgPSBpbnB1dC5yZXF1aXJlZDxOdW1lcmljU3RlcFtdPigpO1xufVxuIiwiPG1hdC1hY2NvcmRpb24gbXVsdGk9XCJ0cnVlXCIgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lclwiPlxuICBAZm9yIChzdGVwIG9mIHN0ZXBzKCk7IHRyYWNrIHN0ZXA7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtaXRlbVwiPlxuICAgICAgPGFkcy1udW1lcmljLXN0ZXBcbiAgICAgICAgW2lzTGFzdF09XCJpID09PSBzdGVwcygpLmxlbmd0aCAtIDFcIlxuICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgIFtpc0RlbGl2ZXJ5XT1cInN0ZXAuaXNEZWxpdmVyeVwiXG4gICAgICAgIFtkaXN0YW5jZV09XCJzdGVwLmRpc3RhbmNlXCJcbiAgICAgIC8+XG4gICAgICA8YWRzLWV4cGFuc2lvbi1wYW5lbFxuICAgICAgICB3aWR0aD1cInVuc2V0XCJcbiAgICAgICAgW2hlYWRlclRlbXBsYXRlXT1cInN0ZXAuaGVhZGVyVGVtcGxhdGVcIlxuICAgICAgICBbaGVhZGVyVGVtcGxhdGVEYXRhXT1cInN0ZXAudGVtcGxhdGVEYXRhXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInN0ZXAudGVtcGxhdGU7IGNvbnRleHQ6IHsgZGF0YTogc3RlcC50ZW1wbGF0ZURhdGEgfVwiIC8+XG4gICAgICA8L2Fkcy1leHBhbnNpb24tcGFuZWw+XG4gICAgPC9kaXY+XG4gICAgQGlmIChpICE9PSBzdGVwcygpLmxlbmd0aCAtIDEpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJkYXNoLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGFzaC1saW5lXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIH1cbjwvbWF0LWFjY29yZGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvbnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvbnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRakQsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQU1FLGtCQUFrQjtRQUNsQixVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBaUIsQ0FBQztLQUN6Qzs4R0FIWSwwQkFBMEI7a0dBQTFCLDBCQUEwQiw4TENSdkMsOHhCQXdCQTs7MkZEaEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOdW1lcmljU3RlcCB9IGZyb20gJy4vbnVtZXJpYy1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtbnVtZXJpYy1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL251bWVyaWMtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL251bWVyaWMtc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNOdW1lcmljU3RlcHBlckNvbXBvbmVudCB7XG4gIC8qKiBTdGVwcyBhcnJheSAqL1xuICBzdGVwcyA9IGlucHV0LnJlcXVpcmVkPE51bWVyaWNTdGVwW10+KCk7XG59XG4iLCI8bWF0LWFjY29yZGlvbiBtdWx0aT1cInRydWVcIiBjbGFzcz1cInN0ZXBwZXItY29udGFpbmVyXCI+XG4gIEBmb3IgKHN0ZXAgb2Ygc3RlcHMoKTsgdHJhY2sgaTsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1pdGVtXCI+XG4gICAgICA8YWRzLW51bWVyaWMtc3RlcFxuICAgICAgICBbaXNMYXN0XT1cImkgPT09IHN0ZXBzKCkubGVuZ3RoIC0gMVwiXG4gICAgICAgIFtpbmRleF09XCJpXCJcbiAgICAgICAgW2lzRGVsaXZlcnldPVwic3RlcC5pc0RlbGl2ZXJ5XCJcbiAgICAgICAgW2Rpc3RhbmNlXT1cInN0ZXAuZGlzdGFuY2VcIlxuICAgICAgLz5cbiAgICAgIDxhZHMtZXhwYW5zaW9uLXBhbmVsXG4gICAgICAgIHdpZHRoPVwidW5zZXRcIlxuICAgICAgICBbaGVhZGVyVGVtcGxhdGVdPVwic3RlcC5oZWFkZXJUZW1wbGF0ZVwiXG4gICAgICAgIFtoZWFkZXJUZW1wbGF0ZURhdGFdPVwic3RlcC50ZW1wbGF0ZURhdGFcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic3RlcC50ZW1wbGF0ZTsgY29udGV4dDogeyBkYXRhOiBzdGVwLnRlbXBsYXRlRGF0YSB9XCIgLz5cbiAgICAgIDwvYWRzLWV4cGFuc2lvbi1wYW5lbD5cbiAgICA8L2Rpdj5cbiAgICBAaWYgKGkgIT09IHN0ZXBzKCkubGVuZ3RoIC0gMSkge1xuICAgICAgPGRpdiBjbGFzcz1cImRhc2gtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkYXNoLWxpbmVcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgfVxuPC9tYXQtYWNjb3JkaW9uPlxuIl19

package/esm2022/lib/components/steppers/numeric-stepper/public-api.mjs

@@ -1,3 +1,4 @@
 export * from './numeric-stepper.component';
 export * from './numeric-stepper.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL251bWVyaWMtc3RlcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1lcmljLXN0ZXBwZXIubW9kdWxlJztcbiJdfQ==
+export * from './numeric-step.type';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9udW1lcmljLXN0ZXBwZXIvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbnVtZXJpYy1zdGVwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL251bWVyaWMtc3RlcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1lcmljLXN0ZXAudHlwZSc7XG4iXX0=

package/esm2022/lib/components/{widgets/widget-title → steppers/stepper}/index.mjs

@@ -1,2 +1,2 @@
 export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvd2lkZ2V0cy93aWRnZXQtdGl0bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvc3RlcHBlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/lib/components/steppers/stepper/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './stepper.component';
+export * from './stepper.module';
+export * from './step.type';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9zdGVwcGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdGVwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N0ZXBwZXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3RlcC50eXBlJztcbiJdfQ==

package/esm2022/lib/components/steppers/stepper/step.type.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXJzL3N0ZXBwZXIvc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdGVwU3RhdHVzIH0gZnJvbSAnLi9zdGVwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR0VORVJJQ19DT0xMRUNUSU9OIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbmV4cG9ydCB0eXBlIFN0ZXAgPSB7XG4gIHN0YXR1czogU3RlcFN0YXR1cztcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICB0ZW1wbGF0ZURhdGE6IEdFTkVSSUNfQ09MTEVDVElPTjtcbn07XG4iXX0=

package/esm2022/lib/components/steppers/stepper/stepper.component.mjs

@@ -0,0 +1,33 @@
+import { input } from '@angular/core';
+import { Component } from '@angular/core';
+import { AdsIconRegistry } from '@ascentgl/ads-icons';
+import { adsIconCheck } from '@ascentgl/ads-icons/icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@ascentgl/ads-icons";
+import * as i2 from "@angular/common";
+export var StepStatus;
+(function (StepStatus) {
+    StepStatus["Planned"] = "planned";
+    StepStatus["InProgress"] = "in-progress";
+    StepStatus["Completed"] = "completed";
+})(StepStatus || (StepStatus = {}));
+export class AdsStepperComponent {
+    /** @ignore */
+    constructor(registry) {
+        this.registry = registry;
+        /** @ignore */
+        this.StepStatus = StepStatus;
+        /**
+         * The steps to display
+         */
+        this.steps = input.required();
+        this.registry.register([adsIconCheck]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsStepperComponent, selector: "ads-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"stepper-container\">\n  @for (step of steps(); track i; let i = $index) {\n    <div class=\"step-item\">\n      <div class=\"step-circle-container\">\n        <div class=\"step-circle\" [ngClass]=\"[step.status]\">\n          @if (step.status === StepStatus.Completed) {\n            <ads-icon name=\"check\" stroke=\"white\" size=\"xxxs\" theme=\"white\" />\n          }\n        </div>\n        @if (i !== steps().length - 1) {\n          <div class=\"dash-line\" [ngClass]=\"[step.status]\"></div>\n        }\n      </div>\n      <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n    </div>\n  }\n</div>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{min-height:50px;display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item .step-circle-container{display:flex;flex-direction:column;align-items:center}.stepper-container .step-item .step-circle-container .step-circle{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:2px solid var(--color-light);border-radius:50px;background-color:var(--color-white)}.stepper-container .step-item .step-circle-container .step-circle.completed{background-color:var(--color-primary);border-color:var(--color-primary)}.stepper-container .step-item .step-circle-container .step-circle.in-progress{min-width:16px;min-height:16px;padding:0;border:8px solid var(--color-secondary)}.stepper-container .dash-line{border:solid 1px var(--color-light);width:0;height:100%}.stepper-container .dash-line.in-progress{border:dashed 1px var(--color-secondary)}.stepper-container .dash-line.completed{border-color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-stepper', template: "<div class=\"stepper-container\">\n  @for (step of steps(); track i; let i = $index) {\n    <div class=\"step-item\">\n      <div class=\"step-circle-container\">\n        <div class=\"step-circle\" [ngClass]=\"[step.status]\">\n          @if (step.status === StepStatus.Completed) {\n            <ads-icon name=\"check\" stroke=\"white\" size=\"xxxs\" theme=\"white\" />\n          }\n        </div>\n        @if (i !== steps().length - 1) {\n          <div class=\"dash-line\" [ngClass]=\"[step.status]\"></div>\n        }\n      </div>\n      <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n    </div>\n  }\n</div>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{min-height:50px;display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item .step-circle-container{display:flex;flex-direction:column;align-items:center}.stepper-container .step-item .step-circle-container .step-circle{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:2px solid var(--color-light);border-radius:50px;background-color:var(--color-white)}.stepper-container .step-item .step-circle-container .step-circle.completed{background-color:var(--color-primary);border-color:var(--color-primary)}.stepper-container .step-item .step-circle-container .step-circle.in-progress{min-width:16px;min-height:16px;padding:0;border:8px solid var(--color-secondary)}.stepper-container .dash-line{border:solid 1px var(--color-light);width:0;height:100%}.stepper-container .dash-line.in-progress{border:dashed 1px var(--color-secondary)}.stepper-container .dash-line.completed{border-color:var(--color-primary)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFFekQsTUFBTSxDQUFOLElBQVksVUFJWDtBQUpELFdBQVksVUFBVTtJQUNwQixpQ0FBbUIsQ0FBQTtJQUNuQix3Q0FBMEIsQ0FBQTtJQUMxQixxQ0FBdUIsQ0FBQTtBQUN6QixDQUFDLEVBSlcsVUFBVSxLQUFWLFVBQVUsUUFJckI7QUFPRCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLGNBQWM7SUFDZCxZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUk3QyxjQUFjO1FBQ0ssZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUUzQzs7V0FFRztRQUNILFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFUL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OEdBSlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsc0xDakJoQyx5cEJBaUJBOzsyRkRBYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0ZXAgfSBmcm9tICcuL3N0ZXAudHlwZSc7XG5pbXBvcnQgeyBBZHNJY29uUmVnaXN0cnkgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IGFkc0ljb25DaGVjayB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuXG5leHBvcnQgZW51bSBTdGVwU3RhdHVzIHtcbiAgUGxhbm5lZCA9ICdwbGFubmVkJyxcbiAgSW5Qcm9ncmVzcyA9ICdpbi1wcm9ncmVzcycsXG4gIENvbXBsZXRlZCA9ICdjb21wbGV0ZWQnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3N0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNTdGVwcGVyQ29tcG9uZW50IHtcbiAgLyoqIEBpZ25vcmUgKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihbYWRzSWNvbkNoZWNrXSk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgU3RlcFN0YXR1cyA9IFN0ZXBTdGF0dXM7XG5cbiAgLyoqXG4gICAqIFRoZSBzdGVwcyB0byBkaXNwbGF5XG4gICAqL1xuICBzdGVwcyA9IGlucHV0LnJlcXVpcmVkPFN0ZXBbXT4oKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lclwiPlxuICBAZm9yIChzdGVwIG9mIHN0ZXBzKCk7IHRyYWNrIGk7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtaXRlbVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtY2lyY2xlLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1jaXJjbGVcIiBbbmdDbGFzc109XCJbc3RlcC5zdGF0dXNdXCI+XG4gICAgICAgICAgQGlmIChzdGVwLnN0YXR1cyA9PT0gU3RlcFN0YXR1cy5Db21wbGV0ZWQpIHtcbiAgICAgICAgICAgIDxhZHMtaWNvbiBuYW1lPVwiY2hlY2tcIiBzdHJva2U9XCJ3aGl0ZVwiIHNpemU9XCJ4eHhzXCIgdGhlbWU9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGlmIChpICE9PSBzdGVwcygpLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGFzaC1saW5lXCIgW25nQ2xhc3NdPVwiW3N0ZXAuc3RhdHVzXVwiPjwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdGVwLnRlbXBsYXRlOyBjb250ZXh0OiB7IGRhdGE6IHN0ZXAudGVtcGxhdGVEYXRhIH1cIiAvPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/steppers/stepper/stepper.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AdsStepperComponent } from './stepper.component';
+import { MatButton } from '@angular/material/button';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import * as i0 from "@angular/core";
+export class AdsStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperModule, declarations: [AdsStepperComponent], imports: [CommonModule, MatButton, AdsIconModule], exports: [AdsStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperModule, imports: [CommonModule, MatButton, AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatButton, AdsIconModule],
+                    exports: [AdsStepperComponent],
+                    declarations: [AdsStepperComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvc3RlcHBlci9zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU9wRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFGWixtQkFBbUIsYUFGeEIsWUFBWSxFQUFFLFNBQVMsRUFBRSxhQUFhLGFBQ3RDLG1CQUFtQjsrR0FHbEIsZ0JBQWdCLFlBSmpCLFlBQVksRUFBRSxTQUFTLEVBQUUsYUFBYTs7MkZBSXJDLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQztvQkFDakQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWRzU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc3RlcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IEFkc0ljb25Nb2R1bGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uLCBBZHNJY29uTW9kdWxlXSxcbiAgZXhwb3J0czogW0Fkc1N0ZXBwZXJDb21wb25lbnRdLFxuICBkZWNsYXJhdGlvbnM6IFtBZHNTdGVwcGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzU3RlcHBlck1vZHVsZSB7fVxuIl19

package/esm2022/lib/components/steppers/vertical-stepper/vertical-step.type.mjs

@@ -1,8 +1,2 @@
-export var VerticalStepStatus;
-(function (VerticalStepStatus) {
-    VerticalStepStatus["Completed"] = "completed";
-    VerticalStepStatus["Current"] = "current";
-    VerticalStepStatus["Future"] = "future";
-    VerticalStepStatus["Disabled"] = "disabled";
-})(VerticalStepStatus || (VerticalStepStatus = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXJzL3ZlcnRpY2FsLXN0ZXBwZXIvdmVydGljYWwtc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLE1BQU0sQ0FBTixJQUFZLGtCQUtYO0FBTEQsV0FBWSxrQkFBa0I7SUFDNUIsNkNBQXVCLENBQUE7SUFDdkIseUNBQW1CLENBQUE7SUFDbkIsdUNBQWlCLENBQUE7SUFDakIsMkNBQXFCLENBQUE7QUFDdkIsQ0FBQyxFQUxXLGtCQUFrQixLQUFsQixrQkFBa0IsUUFLN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhZHNJY29uIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucy9pY29ucyc7XG5cbmV4cG9ydCB0eXBlIFZlcnRpY2FsU3RlcCA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGF0ZT86IERhdGU7XG4gIGljb246IGFkc0ljb247XG4gIHN0YXR1czogVmVydGljYWxTdGVwU3RhdHVzO1xuICBvbkNsaWNrPzogKHN0ZXA6IFZlcnRpY2FsU3RlcCkgPT4gdm9pZDtcbiAgdG9vbHRpcD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBlbnVtIFZlcnRpY2FsU3RlcFN0YXR1cyB7XG4gIENvbXBsZXRlZCA9ICdjb21wbGV0ZWQnLFxuICBDdXJyZW50ID0gJ2N1cnJlbnQnLFxuICBGdXR1cmUgPSAnZnV0dXJlJyxcbiAgRGlzYWJsZWQgPSAnZGlzYWJsZWQnLFxufVxuIl19
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXJzL3ZlcnRpY2FsLXN0ZXBwZXIvdmVydGljYWwtc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhZHNJY29uIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucy9pY29ucyc7XG5pbXBvcnQgeyBWZXJ0aWNhbFN0ZXBTdGF0dXMgfSBmcm9tICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVmVydGljYWxTdGVwID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkYXRlPzogRGF0ZTtcbiAgaWNvbjogYWRzSWNvbjtcbiAgc3RhdHVzOiBWZXJ0aWNhbFN0ZXBTdGF0dXM7XG4gIG9uQ2xpY2s/OiAoc3RlcDogVmVydGljYWxTdGVwKSA9PiB2b2lkO1xuICB0b29sdGlwPzogc3RyaW5nO1xufTtcbiJdfQ==

package/esm2022/lib/components/steppers/vertical-stepper/vertical-stepper.component.mjs

@@ -1,10 +1,16 @@
 import { input } from '@angular/core';
 import { Component } from '@angular/core';
-import { VerticalStepStatus } from './vertical-step.type';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/tooltip";
 import * as i3 from "@ascentgl/ads-icons";
+export var VerticalStepStatus;
+(function (VerticalStepStatus) {
+    VerticalStepStatus["Completed"] = "completed";
+    VerticalStepStatus["Current"] = "current";
+    VerticalStepStatus["Future"] = "future";
+    VerticalStepStatus["Disabled"] = "disabled";
+})(VerticalStepStatus || (VerticalStepStatus = {}));
 export class AdsVerticalStepperComponent {
     constructor() {
         /**
@@ -19,10 +25,10 @@ export class AdsVerticalStepperComponent {
         this.focusedStepIndex = this.steps().findIndex((step) => step.status === VerticalStepStatus.Current);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"vertical-stepper\">\n  @for (step of steps(); track step; let first = $first; let last = $last; let index = $index) {\n    <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n      @if (!first) {\n        <div class=\"line-container\">\n          <div></div>\n          <div></div>\n        </div>\n      }\n\n      <div\n        class=\"step-icon-wrapper\"\n        (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n        [ngClass]=\"step.status\"\n        [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n      >\n        <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n          <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n        </div>\n\n        <span class=\"title\">{{ step.title }}</span>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"vertical-stepper\">\n  @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n    <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n      @if (!first) {\n        <div class=\"line-container\">\n          <div></div>\n          <div></div>\n        </div>\n      }\n\n      <div\n        class=\"step-icon-wrapper\"\n        (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n        [ngClass]=\"step.status\"\n        [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n      >\n        <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n          <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n        </div>\n\n        <span class=\"title\">{{ step.title }}</span>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\">\n  @for (step of steps(); track step; let first = $first; let last = $last; let index = $index) {\n    <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n      @if (!first) {\n        <div class=\"line-container\">\n          <div></div>\n          <div></div>\n        </div>\n      }\n\n      <div\n        class=\"step-icon-wrapper\"\n        (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n        [ngClass]=\"step.status\"\n        [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n      >\n        <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n          <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n        </div>\n\n        <span class=\"title\">{{ step.title }}</span>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"] }]
+            args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\">\n  @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n    <div class=\"step\" [class.focused]=\"index === focusedStepIndex\" [ngClass]=\"{ clickable: step.onClick }\">\n      @if (!first) {\n        <div class=\"line-container\">\n          <div></div>\n          <div></div>\n        </div>\n      }\n\n      <div\n        class=\"step-icon-wrapper\"\n        (click)=\"step.onClick && step.status !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n        [ngClass]=\"step.status\"\n        [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n      >\n        <div class=\"step-icon\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n          <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n        </div>\n\n        <span class=\"title\">{{ step.title }}</span>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-muted)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}.vertical-stepper .step.focused .title{color:var(--color-dark)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBZ0Isa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFPeEUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU1FOztXQUVHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWtCLENBQUM7UUFLekMsY0FBYztRQUNLLHVCQUFrQixHQUFHLGtCQUFrQixDQUFDO0tBTTVEO0lBSkMsY0FBYztJQUNkLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWtCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckgsQ0FBQzs4R0FmVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrTENUeEMsODlCQXlCQTs7MkZEaEJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtdmVydGljYWwtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNWZXJ0aWNhbFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIHN0ZXBzIHRvIGRpc3BsYXlcbiAgICovXG4gIHN0ZXBzID0gaW5wdXQucmVxdWlyZWQ8VmVydGljYWxTdGVwW10+KCk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZm9jdXNlZFN0ZXBJbmRleCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgVmVydGljYWxTdGVwU3RhdHVzID0gVmVydGljYWxTdGVwU3RhdHVzO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZFN0ZXBJbmRleCA9IHRoaXMuc3RlcHMoKS5maW5kSW5kZXgoKHN0ZXA6IFZlcnRpY2FsU3RlcCkgPT4gc3RlcC5zdGF0dXMgPT09IFZlcnRpY2FsU3RlcFN0YXR1cy5DdXJyZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBwZXJcIj5cbiAgQGZvciAoc3RlcCBvZiBzdGVwcygpOyB0cmFjayBzdGVwOyBsZXQgZmlyc3QgPSAkZmlyc3Q7IGxldCBsYXN0ID0gJGxhc3Q7IGxldCBpbmRleCA9ICRpbmRleCkge1xuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIiBbbmdDbGFzc109XCJ7IGNsaWNrYWJsZTogc3RlcC5vbkNsaWNrIH1cIj5cbiAgICAgIEBpZiAoIWZpcnN0KSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzdGVwLWljb24td3JhcHBlclwiXG4gICAgICAgIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5zdGF0dXMgIT09IFZlcnRpY2FsU3RlcFN0YXR1cy5EaXNhYmxlZCA/IHN0ZXAub25DbGljayEoc3RlcCkgOiBudWxsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwic3RlcC5zdGF0dXNcIlxuICAgICAgICBbY2xhc3MuY2xpY2thYmxlXT1cInN0ZXAub25DbGljayAmJiBzdGVwLnN0YXR1cyAhPT0gVmVydGljYWxTdGVwU3RhdHVzLkRpc2FibGVkXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvblwiIFttYXRUb29sdGlwXT1cInN0ZXAudG9vbHRpcCB8fCAnJ1wiIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIXN0ZXAudG9vbHRpcFwiPlxuICAgICAgICAgIDxhZHMtaWNvbiBbbmFtZV09XCJzdGVwLmljb25cIiBzaXplPVwic21cIiBzdHJva2U9XCJ3aGl0ZVwiIHRoZW1lPVwid2hpdGVcIiAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQUdsRCxNQUFNLENBQU4sSUFBWSxrQkFLWDtBQUxELFdBQVksa0JBQWtCO0lBQzVCLDZDQUF1QixDQUFBO0lBQ3ZCLHlDQUFtQixDQUFBO0lBQ25CLHVDQUFpQixDQUFBO0lBQ2pCLDJDQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFMVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSzdCO0FBT0QsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU1FOztXQUVHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWtCLENBQUM7UUFLekMsY0FBYztRQUNLLHVCQUFrQixHQUFHLGtCQUFrQixDQUFDO0tBTTVEO0lBSkMsY0FBYztJQUNkLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWtCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckgsQ0FBQzs4R0FmVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrTENoQnhDLCs5QkF5QkE7OzJGRFRhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCB9IGZyb20gJy4vdmVydGljYWwtc3RlcC50eXBlJztcblxuZXhwb3J0IGVudW0gVmVydGljYWxTdGVwU3RhdHVzIHtcbiAgQ29tcGxldGVkID0gJ2NvbXBsZXRlZCcsXG4gIEN1cnJlbnQgPSAnY3VycmVudCcsXG4gIEZ1dHVyZSA9ICdmdXR1cmUnLFxuICBEaXNhYmxlZCA9ICdkaXNhYmxlZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy12ZXJ0aWNhbC1zdGVwcGVyJyxcbiAgc3R5bGVVcmxzOiBbJy4vdmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vdmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFkc1ZlcnRpY2FsU3RlcHBlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaGUgc3RlcHMgdG8gZGlzcGxheVxuICAgKi9cbiAgc3RlcHMgPSBpbnB1dC5yZXF1aXJlZDxWZXJ0aWNhbFN0ZXBbXT4oKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBmb2N1c2VkU3RlcEluZGV4ITogbnVtYmVyO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCByZWFkb25seSBWZXJ0aWNhbFN0ZXBTdGF0dXMgPSBWZXJ0aWNhbFN0ZXBTdGF0dXM7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5mb2N1c2VkU3RlcEluZGV4ID0gdGhpcy5zdGVwcygpLmZpbmRJbmRleCgoc3RlcDogVmVydGljYWxTdGVwKSA9PiBzdGVwLnN0YXR1cyA9PT0gVmVydGljYWxTdGVwU3RhdHVzLkN1cnJlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidmVydGljYWwtc3RlcHBlclwiPlxuICBAZm9yIChzdGVwIG9mIHN0ZXBzKCk7IHRyYWNrIGluZGV4OyBsZXQgZmlyc3QgPSAkZmlyc3Q7IGxldCBsYXN0ID0gJGxhc3Q7IGxldCBpbmRleCA9ICRpbmRleCkge1xuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIiBbbmdDbGFzc109XCJ7IGNsaWNrYWJsZTogc3RlcC5vbkNsaWNrIH1cIj5cbiAgICAgIEBpZiAoIWZpcnN0KSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzdGVwLWljb24td3JhcHBlclwiXG4gICAgICAgIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5zdGF0dXMgIT09IFZlcnRpY2FsU3RlcFN0YXR1cy5EaXNhYmxlZCA/IHN0ZXAub25DbGljayEoc3RlcCkgOiBudWxsXCJcbiAgICAgICAgW25nQ2xhc3NdPVwic3RlcC5zdGF0dXNcIlxuICAgICAgICBbY2xhc3MuY2xpY2thYmxlXT1cInN0ZXAub25DbGljayAmJiBzdGVwLnN0YXR1cyAhPT0gVmVydGljYWxTdGVwU3RhdHVzLkRpc2FibGVkXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvblwiIFttYXRUb29sdGlwXT1cInN0ZXAudG9vbHRpcCB8fCAnJ1wiIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIXN0ZXAudG9vbHRpcFwiPlxuICAgICAgICAgIDxhZHMtaWNvbiBbbmFtZV09XCJzdGVwLmljb25cIiBzaXplPVwic21cIiBzdHJva2U9XCJ3aGl0ZVwiIHRoZW1lPVwid2hpdGVcIiAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==