@ascentgl/ads-ui 0.0.1

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AdsSubmenuContainerComponent {
+    constructor() {
+        /** Background color for the container */
+        this.background = 'muted-50';
+        /** Border color for the container */
+        this.border = 'medium-50';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSubmenuContainerComponent, selector: "ads-submenu-container", inputs: { background: "background", border: "border" }, ngImport: i0, template: "<div class=\"submenu-container\" [ngClass]=\"['border-' + border, 'bg-' + background]\">\n  <ul class=\"submenu\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n", styles: [":host{display:flex}.submenu-container{min-width:228px;width:fit-content;border:1px solid var(--color-light);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto}.submenu-container.bg-muted-50{background-color:var(--color-muted-50)}.submenu-container.bg-muted-30{background-color:var(--color-muted-30)}.submenu-container.border-medium-50{border-color:var(--color-medium-50)}.submenu-container.border-primary{border-color:var(--color-light)}.submenu{margin:0;padding:0;list-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-submenu-container', template: "<div class=\"submenu-container\" [ngClass]=\"['border-' + border, 'bg-' + background]\">\n  <ul class=\"submenu\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n", styles: [":host{display:flex}.submenu-container{min-width:228px;width:fit-content;border:1px solid var(--color-light);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto}.submenu-container.bg-muted-50{background-color:var(--color-muted-50)}.submenu-container.bg-muted-30{background-color:var(--color-muted-30)}.submenu-container.border-medium-50{border-color:var(--color-medium-50)}.submenu-container.border-primary{border-color:var(--color-light)}.submenu{margin:0;padding:0;list-style:none}\n"] }]
+        }], propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }] } });
+
+class AdsSubmenuContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerModule, declarations: [AdsSubmenuContainerComponent], imports: [CommonModule], exports: [AdsSubmenuContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSubmenuContainerComponent],
+                    imports: [CommonModule],
+                    exports: [AdsSubmenuContainerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSubmenuContainerComponent, AdsSubmenuContainerModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/submenu/submenu-container/submenu-container.component.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-container/submenu-container.component.html","../../../../libs/ads-ui/src/lib/components/submenu/submenu-container/submenu-container.module.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-container/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-submenu-container',\n  templateUrl: './submenu-container.component.html',\n  styleUrls: ['./submenu-container.component.scss'],\n})\nexport class AdsSubmenuContainerComponent {\n  /** Background color for the container */\n  @Input() background: 'muted-50' | 'muted-30' = 'muted-50';\n\n  /** Border color for the container */\n  @Input() border: 'medium-50' | 'primary' = 'medium-50';\n}\n","<div class=\"submenu-container\" [ngClass]=\"['border-' + border, 'bg-' + background]\">\n  <ul class=\"submenu\">\n    <ng-content></ng-content>\n  </ul>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsSubmenuContainerComponent } from './submenu-container.component';\n\n@NgModule({\n  declarations: [AdsSubmenuContainerComponent],\n  imports: [CommonModule],\n  exports: [AdsSubmenuContainerComponent],\n})\nexport class AdsSubmenuContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,4BAA4B,CAAA;AALzC,IAAA,WAAA,GAAA;;QAOW,IAAU,CAAA,UAAA,GAA4B,UAAU,CAAC;;QAGjD,IAAM,CAAA,MAAA,GAA4B,WAAW,CAAC;AACxD,KAAA;8GANY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,qHCPzC,sKAKA,EAAA,MAAA,EAAA,CAAA,qfAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDEa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EAAA,sKAAA,EAAA,MAAA,EAAA,CAAA,qfAAA,CAAA,EAAA,CAAA;8BAMxB,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAGG,MAAM,EAAA,CAAA;sBAAd,KAAK;;;MEHK,yBAAyB,CAAA;8GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EAJrB,YAAA,EAAA,CAAA,4BAA4B,CACjC,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,4BAA4B,CAAA,EAAA,CAAA,CAAA,EAAA;AAE3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,4BAA4B,CAAC;oBAC5C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,4BAA4B,CAAC;AACxC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { input, Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsSubmenuHeadingComponent {
+    constructor() {
+        /** Heading text to display */
+        this.heading = input.required();
+        /** The id attribute for the submenu heading */
+        this.id = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsSubmenuHeadingComponent, selector: "ads-submenu-heading", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"submenu-heading\" [attr.id]=\"id()\">{{ heading() }}</div>\n", styles: [".submenu-heading{color:var(--color-dark);font-weight:500;font-size:16px;height:37px;display:flex;align-items:center;padding:0 24px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-submenu-heading', template: "<div class=\"submenu-heading\" [attr.id]=\"id()\">{{ heading() }}</div>\n", styles: [".submenu-heading{color:var(--color-dark);font-weight:500;font-size:16px;height:37px;display:flex;align-items:center;padding:0 24px}\n"] }]
+        }] });
+
+class AdsSubmenuHeadingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingModule, declarations: [AdsSubmenuHeadingComponent], imports: [CommonModule], exports: [AdsSubmenuHeadingComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuHeadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSubmenuHeadingComponent],
+                    imports: [CommonModule],
+                    exports: [AdsSubmenuHeadingComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSubmenuHeadingComponent, AdsSubmenuHeadingModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs","sources":["../../../../libs/ads-ui/src/lib/components/submenu/submenu-heading/submenu-heading.component.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-heading/submenu-heading.component.html","../../../../libs/ads-ui/src/lib/components/submenu/submenu-heading/submenu-heading.module.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-heading/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ads-submenu-heading',\n  templateUrl: './submenu-heading.component.html',\n  styleUrls: ['./submenu-heading.component.scss'],\n})\nexport class AdsSubmenuHeadingComponent {\n  /** Heading text to display */\n  heading = input.required<string>();\n\n  /** The id attribute for the submenu heading */\n  id = input<string>();\n}\n","<div class=\"submenu-heading\" [attr.id]=\"id()\">{{ heading() }}</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsSubmenuHeadingComponent } from './submenu-heading.component';\n\n@NgModule({\n  declarations: [AdsSubmenuHeadingComponent],\n  imports: [CommonModule],\n  exports: [AdsSubmenuHeadingComponent],\n})\nexport class AdsSubmenuHeadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,0BAA0B,CAAA;AALvC,IAAA,WAAA,GAAA;;AAOE,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;;QAGnC,IAAE,CAAA,EAAA,GAAG,KAAK,EAAU,CAAC;AACtB,KAAA;8GANY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,mTCPvC,2EACA,EAAA,MAAA,EAAA,CAAA,uIAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDMa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,uIAAA,CAAA,EAAA,CAAA;;;MEMpB,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EAJnB,YAAA,EAAA,CAAA,0BAA0B,CAC/B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,0BAA0B,CAAA,EAAA,CAAA,CAAA,EAAA;AAEzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHxB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,0BAA0B,CAAC;oBAC1C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,0BAA0B,CAAC;AACtC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+
+class AdsSubmenuItemComponent {
+    constructor() {
+        /** Event emitted when a submenu item is clicked */
+        this.itemClicked = new EventEmitter();
+    }
+    /** @ignore */
+    onItemClick() {
+        this.itemClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSubmenuItemComponent, selector: "ads-submenu-item", inputs: { id: "id", label: "label", path: "path" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<li class=\"submenu-item\">\n  <a [attr.id]=\"id\" [routerLink]=\"[path]\" routerLinkActive=\"active\" (click)=\"onItemClick()\">\n    {{ label }}\n  </a>\n</li>\n", styles: [".submenu-item{font-size:16px;line-height:30px;width:100%;height:37px;list-style:none}.submenu-item a{display:flex;align-items:center;padding:0 24px 0 48px;text-decoration:none;height:37px;color:var(--color-dark);font-weight:500;margin:0 -1px}.submenu-item a.active{background-color:var(--color-secondary);color:var(--color-white)}.submenu-item a:not(.active):hover{background-color:var(--color-secondary);color:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-submenu-item', template: "<li class=\"submenu-item\">\n  <a [attr.id]=\"id\" [routerLink]=\"[path]\" routerLinkActive=\"active\" (click)=\"onItemClick()\">\n    {{ label }}\n  </a>\n</li>\n", styles: [".submenu-item{font-size:16px;line-height:30px;width:100%;height:37px;list-style:none}.submenu-item a{display:flex;align-items:center;padding:0 24px 0 48px;text-decoration:none;height:37px;color:var(--color-dark);font-weight:500;margin:0 -1px}.submenu-item a.active{background-color:var(--color-secondary);color:var(--color-white)}.submenu-item a:not(.active):hover{background-color:var(--color-secondary);color:var(--color-white)}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], itemClicked: [{
+                type: Output
+            }] } });
+
+class AdsSubmenuItemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemModule, declarations: [AdsSubmenuItemComponent], imports: [CommonModule, RouterModule], exports: [AdsSubmenuItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemModule, imports: [CommonModule, RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSubmenuItemComponent],
+                    imports: [CommonModule, RouterModule],
+                    exports: [AdsSubmenuItemComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSubmenuItemComponent, AdsSubmenuItemModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs","sources":["../../../../libs/ads-ui/src/lib/components/submenu/submenu-item/submenu-item.component.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-item/submenu-item.component.html","../../../../libs/ads-ui/src/lib/components/submenu/submenu-item/submenu-item.module.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'ads-submenu-item',\n  templateUrl: './submenu-item.component.html',\n  styleUrls: ['./submenu-item.component.scss'],\n})\nexport class AdsSubmenuItemComponent {\n  /** The id attribute for the submenu item */\n  @Input() id!: string;\n\n  /** Submenu item text to display */\n  @Input() label!: string;\n\n  /** Path to navigate to when submenu item is clicked */\n  @Input() path?: string | undefined;\n\n  /** Event emitted when a submenu item is clicked */\n  @Output() itemClicked: EventEmitter<void> = new EventEmitter<void>();\n\n  /** @ignore */\n  onItemClick() {\n    this.itemClicked.emit();\n  }\n}\n","<li class=\"submenu-item\">\n  <a [attr.id]=\"id\" [routerLink]=\"[path]\" routerLinkActive=\"active\" (click)=\"onItemClick()\">\n    {{ label }}\n  </a>\n</li>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsSubmenuItemComponent } from './submenu-item.component';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n  declarations: [AdsSubmenuItemComponent],\n  imports: [CommonModule, RouterModule],\n  exports: [AdsSubmenuItemComponent],\n})\nexport class AdsSubmenuItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOa,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;;AAgBY,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAMtE,KAAA;;IAHC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;8GAhBU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,qJCPpC,qKAKA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDEa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,qKAAA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA,CAAA;8BAMnB,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MERI,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC5B,YAAY,EAAE,YAAY,aAC1B,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEtB,oBAAoB,EAAA,OAAA,EAAA,CAHrB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class AdsSubmenuSecondaryItemComponent {
+    constructor() {
+        /** Whether the item is active */
+        this.active = false;
+        /** Event emitted when secondary submenu item is clicked */
+        this.itemClicked = new EventEmitter();
+    }
+    /** @ignore */
+    onItemClick() {
+        this.itemClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSubmenuSecondaryItemComponent, selector: "ads-submenu-secondary-item", inputs: { active: "active", id: "id", label: "label", path: "path" }, outputs: { itemClicked: "itemClicked" }, ngImport: i0, template: "<li class=\"submenu-secondary-item\">\n  <a *ngIf=\"path\" [attr.id]=\"id\" class=\"here\" [routerLink]=\"[path]\" routerLinkActive=\"active\">\n    {{ label }}\n  </a>\n  <a *ngIf=\"!path\" [attr.id]=\"id\" [class.active]=\"active\" (click)=\"onItemClick()\">{{ label }}</a>\n</li>\n", styles: [".submenu-secondary-item{font-size:16px;width:100%;height:37px;list-style:none}.submenu-secondary-item a{padding:0 24px;text-decoration:none;height:37px;color:var(--color-dark);font-weight:600;cursor:pointer;display:flex;align-items:center;margin:0 -1px}.submenu-secondary-item a.active{background-color:#5550ff;color:var(--color-white)}.submenu-secondary-item a:not(.active):hover{background-color:#5550ff;color:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-submenu-secondary-item', template: "<li class=\"submenu-secondary-item\">\n  <a *ngIf=\"path\" [attr.id]=\"id\" class=\"here\" [routerLink]=\"[path]\" routerLinkActive=\"active\">\n    {{ label }}\n  </a>\n  <a *ngIf=\"!path\" [attr.id]=\"id\" [class.active]=\"active\" (click)=\"onItemClick()\">{{ label }}</a>\n</li>\n", styles: [".submenu-secondary-item{font-size:16px;width:100%;height:37px;list-style:none}.submenu-secondary-item a{padding:0 24px;text-decoration:none;height:37px;color:var(--color-dark);font-weight:600;cursor:pointer;display:flex;align-items:center;margin:0 -1px}.submenu-secondary-item a.active{background-color:#5550ff;color:var(--color-white)}.submenu-secondary-item a:not(.active):hover{background-color:#5550ff;color:var(--color-white)}\n"] }]
+        }], propDecorators: { active: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], itemClicked: [{
+                type: Output
+            }] } });
+
+class AdsSubmenuSecondaryItemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemModule, declarations: [AdsSubmenuSecondaryItemComponent], imports: [CommonModule, RouterModule], exports: [AdsSubmenuSecondaryItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemModule, imports: [CommonModule, RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubmenuSecondaryItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSubmenuSecondaryItemComponent],
+                    imports: [CommonModule, RouterModule],
+                    exports: [AdsSubmenuSecondaryItemComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSubmenuSecondaryItemComponent, AdsSubmenuSecondaryItemModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs","sources":["../../../../libs/ads-ui/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.html","../../../../libs/ads-ui/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.module.ts","../../../../libs/ads-ui/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'ads-submenu-secondary-item',\n  templateUrl: './submenu-secondary-item.component.html',\n  styleUrls: ['./submenu-secondary-item.component.scss'],\n})\nexport class AdsSubmenuSecondaryItemComponent {\n  /** Whether the item is active */\n  @Input() active = false;\n\n  /** The id attribute for the submenu secondary item */\n  @Input() id!: string;\n\n  /** Secondary submenu item text to display */\n  @Input() label!: string;\n\n  /** Path to navigate to when secondary submenu item is clicked */\n  @Input() path: string | undefined;\n\n  /** Event emitted when secondary submenu item is clicked */\n  @Output() itemClicked: EventEmitter<void> = new EventEmitter<void>();\n\n  /** @ignore */\n  onItemClick() {\n    this.itemClicked.emit();\n  }\n}\n","<li class=\"submenu-secondary-item\">\n  <a *ngIf=\"path\" [attr.id]=\"id\" class=\"here\" [routerLink]=\"[path]\" routerLinkActive=\"active\">\n    {{ label }}\n  </a>\n  <a *ngIf=\"!path\" [attr.id]=\"id\" [class.active]=\"active\" (click)=\"onItemClick()\">{{ label }}</a>\n</li>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsSubmenuSecondaryItemComponent } from './submenu-secondary-item.component';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n  declarations: [AdsSubmenuSecondaryItemComponent],\n  imports: [CommonModule, RouterModule],\n  exports: [AdsSubmenuSecondaryItemComponent],\n})\nexport class AdsSubmenuSecondaryItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAOa,gCAAgC,CAAA;AAL7C,IAAA,WAAA,GAAA;;QAOW,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;;AAYd,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAMtE,KAAA;;IAHC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;8GAnBU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,iLCP7C,8RAMA,EAAA,MAAA,EAAA,CAAA,mbAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDCa,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAL5C,SAAS;+BACE,4BAA4B,EAAA,QAAA,EAAA,8RAAA,EAAA,MAAA,EAAA,CAAA,mbAAA,CAAA,EAAA,CAAA;8BAM7B,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAGG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MEXI,6BAA6B,CAAA;8GAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,iBAJzB,gCAAgC,CAAA,EAAA,OAAA,EAAA,CACrC,YAAY,EAAE,YAAY,aAC1B,gCAAgC,CAAA,EAAA,CAAA,CAAA,EAAA;+GAE/B,6BAA6B,EAAA,OAAA,EAAA,CAH9B,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGzB,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gCAAgC,CAAC;AAChD,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,OAAO,EAAE,CAAC,gCAAgC,CAAC;AAC5C,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsTagContainerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsTagContainerComponent, selector: "ads-tag-container", ngImport: i0, template: "<div class=\"tag-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-tag-container', template: "<div class=\"tag-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}\n"] }]
+        }] });
+
+class AdsTagContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerModule, declarations: [AdsTagContainerComponent], imports: [CommonModule], exports: [AdsTagContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTagContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsTagContainerComponent],
+                    imports: [CommonModule],
+                    exports: [AdsTagContainerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsTagContainerComponent, AdsTagContainerModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.html","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.module.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-tag-container',\n  templateUrl: './tag-container.component.html',\n  styleUrls: ['./tag-container.component.scss'],\n})\nexport class AdsTagContainerComponent {}\n","<div class=\"tag-container\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsTagContainerComponent } from './tag-container.component';\n\n@NgModule({\n  declarations: [AdsTagContainerComponent],\n  imports: [CommonModule],\n  exports: [AdsTagContainerComponent],\n})\nexport class AdsTagContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,yDCPrC,sEAGA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,mBAAmB,EAAA,QAAA,EAAA,sEAAA,EAAA,MAAA,EAAA,CAAA,oGAAA,CAAA,EAAA,CAAA;;;MEMlB,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAJjB,YAAA,EAAA,CAAA,wBAAwB,CAC7B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs

@@ -0,0 +1,286 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewChildren, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i3 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import * as i4 from '@ascentgl/ads-utils';
+import { AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS, AdsGestureDirection } from '@ascentgl/ads-utils';
+
+var TimelineStepStatus;
+(function (TimelineStepStatus) {
+    TimelineStepStatus["Completed"] = "completed";
+    TimelineStepStatus["Current"] = "current";
+    TimelineStepStatus["Future"] = "future";
+    TimelineStepStatus["Skipped"] = "skipped";
+    TimelineStepStatus["Rejected"] = "rejected";
+    TimelineStepStatus["Alert"] = "alert";
+    TimelineStepStatus["Disabled"] = "disabled";
+    TimelineStepStatus["DisabledRejected"] = "disabled-rejected";
+})(TimelineStepStatus || (TimelineStepStatus = {}));
+
+/**
+ * Sets a steps status based on multiple criteria
+ * @param currentStep TimelineStep
+ * @param index number
+ * @param steps TimelineStep[]
+ * @returns TimelineStep
+ */
+function setStepStatus(currentStep, index, steps) {
+    // if step already has a status use it
+    if (currentStep.status) {
+        return currentStep;
+    }
+    // if step is not the first, and previous step is rejected or disabled/rejected all other steps after it
+    // should be disabled/rejected
+    if ((index > 0 && getPreviousStepStatus(index, steps) === TimelineStepStatus.Rejected) ||
+        getPreviousStepStatus(index, steps) === TimelineStepStatus.DisabledRejected) {
+        currentStep.status = TimelineStepStatus.DisabledRejected;
+        // if step has a date, that step has been completed
+    }
+    else if (currentStep.date) {
+        currentStep.status = TimelineStepStatus.Completed;
+        // if step is not the first, and previous step has a date or if step is the first and the next step does
+        // not have a date then step is current
+    }
+    else if ((index > 0 && steps[index - 1]?.date) ||
+        (index === 0 && !steps[index + 1]?.date) ||
+        getPreviousStepStatus(index, steps) === TimelineStepStatus.Skipped) {
+        currentStep.status = TimelineStepStatus.Current;
+        // step is a future step
+    }
+    else {
+        currentStep.status = TimelineStepStatus.Future;
+    }
+    return currentStep;
+}
+/**
+ * Takes a step and sets its itcon based on the steps status.
+ * Status must be set prior to running this function.
+ * @param currentStep TimelineStep
+ * @returns TimelineStep
+ */
+function setStepIcon(currentStep) {
+    switch (currentStep.status) {
+        case TimelineStepStatus.Completed:
+            currentStep.icon = 'check';
+            break;
+        case TimelineStepStatus.Skipped:
+            currentStep.icon = 'stepper_circle';
+            break;
+        case TimelineStepStatus.Disabled:
+            currentStep.icon = 'minus';
+            break;
+        case TimelineStepStatus.Alert:
+            currentStep.icon = 'exclamation';
+            break;
+        case TimelineStepStatus.Rejected:
+        case TimelineStepStatus.DisabledRejected:
+            currentStep.icon = 'cross';
+            break;
+        default:
+            break;
+    }
+    return currentStep;
+}
+/**
+ * Returns the status of the previous step
+ * @param index number
+ * @param steps TimelineStep
+ * @returns TimelineStepStatus
+ */
+function getPreviousStepStatus(index, steps) {
+    return steps[index - 1] && steps[index - 1].status;
+}
+function getTimelineStepperSampleData() {
+    return [
+        { title: 'Order Placed', icon: 'check', date: new Date('05/09/2021') },
+        {
+            title: 'Acknowledged',
+            icon: 'file_complete',
+            date: new Date('05/10/2021'),
+        },
+        {
+            title: 'In Production',
+            icon: 'assembly_production_conveyer',
+            subtitle: 'test',
+            status: TimelineStepStatus.Skipped,
+        },
+        { title: 'Booked', icon: 'calendar_star' },
+        { title: 'Documents', icon: 'file_multi' },
+        { title: 'In Transit', icon: 'truck_fast' },
+        { title: 'Delivered', icon: 'box_check' },
+    ]
+        .map(setStepStatus)
+        .map(setStepIcon);
+}
+
+class AdsTimelineStepperComponent {
+    constructor(element, renderer, window) {
+        this.element = element;
+        this.renderer = renderer;
+        this.window = window;
+        /**
+         * The steps to display
+         */
+        this.steps = [];
+        /**
+         * The size of the icons
+         */
+        this.iconSize = 'sm';
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+        /** @ignore */
+        this.stepStatus = TimelineStepStatus;
+        /** @ignore */
+        this.iconMap = {
+            sm: { size: 24, padding: 16 },
+            md: { size: 32, padding: 24 },
+            lg: { size: 48, padding: 32 },
+        };
+        /** @ignore */
+        this.shouldScroll = false;
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes.iconSize && !changes.iconSize.firstChange) {
+            this.setCircleSize();
+        }
+        if (changes.isMobile && !changes.isMobile.firstChange) {
+            this.resetStepperScrollState();
+            this.setStepperScrollState();
+        }
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.focusedStepIndex = this.steps.findIndex((step) => step.status === this.stepStatus.Current);
+        this.setCircleSize();
+    }
+    /** @ignore */
+    onSwipeLeft() {
+        // Ignore swipe if last step already focused
+        if (this.isLastStep(this.focusedStepIndex)) {
+            return;
+        }
+        this.focusedStepIndex = ++this.focusedStepIndex;
+        if (this.shouldScroll) {
+            this.centerFocusedStep();
+        }
+    }
+    /** @ignore */
+    onSwipeRight() {
+        // Ignore swipe if first step already focused
+        if (this.isFirstStep(this.focusedStepIndex)) {
+            return;
+        }
+        this.focusedStepIndex = --this.focusedStepIndex;
+        if (this.shouldScroll) {
+            this.centerFocusedStep();
+        }
+    }
+    /** @ignore */
+    centerFocusedStep() {
+        const halfOfViewport = this.window.innerWidth / 2;
+        const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;
+        this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);
+    }
+    /** @ignore */
+    isFirstStep(index) {
+        return index === 0;
+    }
+    /** @ignore */
+    isLastStep(index) {
+        return index === this.steps.length - 1;
+    }
+    /** @ignore */
+    resetStepperScrollState() {
+        this.shouldScroll = false;
+        this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');
+    }
+    /** @ignore */
+    setCircleSize() {
+        const { size, padding } = this.iconMap[this.iconSize];
+        const circleSize = size + padding;
+        this.style = {
+            circle: {
+                width: `${circleSize}px`,
+                height: `${circleSize}px`,
+                'border-radius': `${circleSize / 2}px`,
+            },
+            lineBefore: {
+                width: `calc(50% - ${circleSize / 2 - 4}px)`,
+                top: `${circleSize / 2}px`,
+            },
+            lineAfter: {
+                width: `calc(50% - ${circleSize / 2 - 6}px)`,
+                top: `${circleSize / 2}px`,
+            },
+            skipped: {
+                width: `${circleSize - 4}px`,
+                height: `${circleSize - 4}px`,
+                'border-radius': `${circleSize / 2}px`,
+            },
+        };
+    }
+    /** @ignore */
+    setStepperScrollState() {
+        this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
+        if (Math.floor(this.steps.length * this.stepWidth) > this.window.innerWidth) {
+            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));
+            this.shouldScroll = true;
+            this.centerFocusedStep();
+        }
+        else {
+            this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsTimelineStepperComponent, selector: "ads-timeline-stepper", inputs: { id: "id", steps: "steps", iconSize: "iconSize", isMobile: "isMobile" }, viewQueries: [{ propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"timeline-stepper\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      adsGesture\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      (gestureleft)=\"onSwipeLeft()\"\n      (gestureright)=\"onSwipeRight()\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"false\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\" [ngClass]=\"steps[index + 1].status\" [ngStyle]=\"style.lineAfter\"></div>\n      <span class=\"title\">{{ step.title }}</span>\n      <span class=\"subtitle\">\n        <ng-container *ngIf=\"step?.date; else subtitle\">{{ step.date | date: 'shortDate' }}</ng-container>\n        <ng-template #subtitle>{{ step?.subtitle }}</ng-template>\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.timeline-stepper{display:flex}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start}.timeline-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.timeline-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.timeline-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:var(--color-primary)}.step-icon.current{background-color:var(--color-secondary)}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;border:2px solid var(--color-primary);background-color:var(--color-white)}.timeline-stepper.mobile .step:not(.focused) .title,.timeline-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0}.line.after{right:0}.line.completed{border-top-color:var(--color-success)}.line.skipped{border-top-color:var(--color-primary)}.line.current,.line.rejected{border-top-style:dashed;border-top-color:var(--color-primary)}.line.current.before,.line.rejected.before{left:-4px;width:calc(50% - 16px)}.line.future{border-top-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-top-color:var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "directive", type: i4.AdsGestureDirective, selector: "[adsGesture]", outputs: ["gesturedown", "gestureleft", "gestureright", "gestureup"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-timeline-stepper', template: "<div class=\"timeline-stepper\" [class.mobile]=\"isMobile\" [id]=\"id\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div\n      #stepElements\n      adsGesture\n      class=\"step\"\n      [class.focused]=\"index === focusedStepIndex\"\n      (gestureleft)=\"onSwipeLeft()\"\n      (gestureright)=\"onSwipeRight()\"\n    >\n      <div *ngIf=\"!first\" class=\"line before\" [ngClass]=\"step.status\" [ngStyle]=\"style.lineBefore\"></div>\n      <div class=\"step-icon-wrapper\">\n        <div\n          class=\"step-icon\"\n          [ngClass]=\"step.status\"\n          [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n          [matTooltip]=\"step.title\"\n          [matTooltipDisabled]=\"false\"\n        >\n          <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" color=\"white\"></ads-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\" [ngClass]=\"steps[index + 1].status\" [ngStyle]=\"style.lineAfter\"></div>\n      <span class=\"title\">{{ step.title }}</span>\n      <span class=\"subtitle\">\n        <ng-container *ngIf=\"step?.date; else subtitle\">{{ step.date | date: 'shortDate' }}</ng-container>\n        <ng-template #subtitle>{{ step?.subtitle }}</ng-template>\n      </span>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.timeline-stepper{display:flex}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start}.timeline-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center}.subtitle{color:var(--color-medium);font-size:12px;line-height:14.06px}.timeline-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.timeline-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:var(--color-primary)}.step-icon.current{background-color:var(--color-secondary)}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;border:2px solid var(--color-primary);background-color:var(--color-white)}.timeline-stepper.mobile .step:not(.focused) .title,.timeline-stepper.mobile .step:not(.focused) .subtitle{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0}.line.after{right:0}.line.completed{border-top-color:var(--color-success)}.line.skipped{border-top-color:var(--color-primary)}.line.current,.line.rejected{border-top-style:dashed;border-top-color:var(--color-primary)}.line.current.before,.line.rejected.before{left:-4px;width:calc(50% - 16px)}.line.future{border-top-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-top-color:var(--color-light)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: Window }], propDecorators: { id: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], iconSize: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }], stepElements: [{
+                type: ViewChildren,
+                args: ['stepElements']
+            }] } });
+
+class AdsTimelineStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, declarations: [AdsTimelineStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule], exports: [AdsTimelineStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, providers: [
+            { provide: Window, useValue: window },
+            { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
+        ], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTimelineStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],
+                    exports: [AdsTimelineStepperComponent],
+                    declarations: [AdsTimelineStepperComponent],
+                    providers: [
+                        { provide: Window, useValue: window },
+                        { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsTimelineStepperComponent, AdsTimelineStepperModule, TimelineStepStatus, getPreviousStepStatus, getTimelineStepperSampleData, setStepIcon, setStepStatus };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-timeline-stepper.mjs.map