@ascentgl/ads-ui 0.0.1

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

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsFooterComponent {
+    constructor() {
+        /**
+         * Alt text for the footer logo
+         */
+        this.alt = 'Logo';
+        /**
+         * Copyright text to display
+         */
+        this.copyright = {
+            text: `© ${new Date().getFullYear()} Ads™ is an Ascent Global Logistics Technology`,
+        };
+        /**
+         * Links to display in the footer
+         */
+        this.links = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsFooterComponent, selector: "ads-footer", inputs: { alt: "alt", copyright: "copyright", links: "links", logoSrc: "logoSrc" }, ngImport: i0, template: "<div class=\"footer\">\n  <div class=\"links\">\n    @for (link of links; track $index) {\n      <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n    }\n  </div>\n  <div class=\"footer-right\">\n    <div class=\"copyright\">\n      @if (copyright.href) {\n        <a\n          class=\"secondary-link text-xs\"\n          [href]=\"copyright.href\"\n          [target]=\"copyright.target || '_self'\"\n          [innerHtml]=\"copyright.text\"\n        ></a>\n      } @else {\n        <span [innerHtml]=\"copyright.text\"></span>\n      }\n    </div>\n    @if (logoSrc) {\n      <div class=\"logo\">\n        <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n      </div>\n    }\n  </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width: 959px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-footer', template: "<div class=\"footer\">\n  <div class=\"links\">\n    @for (link of links; track $index) {\n      <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n    }\n  </div>\n  <div class=\"footer-right\">\n    <div class=\"copyright\">\n      @if (copyright.href) {\n        <a\n          class=\"secondary-link text-xs\"\n          [href]=\"copyright.href\"\n          [target]=\"copyright.target || '_self'\"\n          [innerHtml]=\"copyright.text\"\n        ></a>\n      } @else {\n        <span [innerHtml]=\"copyright.text\"></span>\n      }\n    </div>\n    @if (logoSrc) {\n      <div class=\"logo\">\n        <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n      </div>\n    }\n  </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width: 959px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }]
+        }], propDecorators: { alt: [{
+                type: Input
+            }], copyright: [{
+                type: Input
+            }], links: [{
+                type: Input
+            }], logoSrc: [{
+                type: Input
+            }] } });
+
+class AdsFooterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterModule, declarations: [AdsFooterComponent], imports: [CommonModule], exports: [AdsFooterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsFooterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [AdsFooterComponent],
+                    declarations: [AdsFooterComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsFooterComponent, AdsFooterModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-footer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-footer.mjs","sources":["../../../../libs/ads-ui/src/lib/components/footer/footer.component.ts","../../../../libs/ads-ui/src/lib/components/footer/footer.component.html","../../../../libs/ads-ui/src/lib/components/footer/footer.module.ts","../../../../libs/ads-ui/src/lib/components/footer/ascentgl-ads-ui-src-lib-components-footer.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { Copyright, Link } from './footer.component.types';\n\n@Component({\n  selector: 'ads-footer',\n  styleUrls: ['footer.component.scss'],\n  templateUrl: 'footer.component.html',\n})\nexport class AdsFooterComponent {\n  /**\n   * Alt text for the footer logo\n   */\n  @Input() alt = 'Logo';\n\n  /**\n   * Copyright text to display\n   */\n  @Input() copyright: Copyright = {\n    text: `&copy; ${new Date().getFullYear()} Ads&trade; is an Ascent Global Logistics Technology`,\n  };\n\n  /**\n   * Links to display in the footer\n   */\n  @Input() links: Link[] = [];\n\n  /**\n   * Path to the logo to display\n   */\n  @Input() logoSrc?: string;\n}\n","<div class=\"footer\">\n  <div class=\"links\">\n    @for (link of links; track $index) {\n      <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n    }\n  </div>\n  <div class=\"footer-right\">\n    <div class=\"copyright\">\n      @if (copyright.href) {\n        <a\n          class=\"secondary-link text-xs\"\n          [href]=\"copyright.href\"\n          [target]=\"copyright.target || '_self'\"\n          [innerHtml]=\"copyright.text\"\n        ></a>\n      } @else {\n        <span [innerHtml]=\"copyright.text\"></span>\n      }\n    </div>\n    @if (logoSrc) {\n      <div class=\"logo\">\n        <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n      </div>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AdsFooterComponent } from './footer.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [AdsFooterComponent],\n  declarations: [AdsFooterComponent],\n})\nexport class AdsFooterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,kBAAkB,CAAA;AAL/B,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC;AAEtB;;AAEG;AACM,QAAA,IAAA,CAAA,SAAS,GAAc;YAC9B,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAsD,oDAAA,CAAA;SAC/F,CAAC;AAEF;;AAEG;QACM,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAM7B,KAAA;8GAtBY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,sICR/B,0vBA0BA,EAAA,MAAA,EAAA,CAAA,0gBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDlBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,0vBAAA,EAAA,MAAA,EAAA,CAAA,0gBAAA,CAAA,EAAA,CAAA;8BAQb,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAOG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MEpBK,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,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,eAAe,EAFX,YAAA,EAAA,CAAA,kBAAkB,CAFvB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGjB,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,eAAe,YAJhB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;AACnC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

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

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+
+class AdsHeaderContainerComponent {
+    constructor() {
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsHeaderContainerComponent, selector: "ads-header-container", inputs: { isMobile: "isMobile" }, ngImport: i0, template: "<header [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-header-container', template: "<header [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }]
+        }], propDecorators: { isMobile: [{
+                type: Input
+            }] } });
+
+class AdsHeaderContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerModule, declarations: [AdsHeaderContainerComponent], exports: [AdsHeaderContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [AdsHeaderContainerComponent],
+                    declarations: [AdsHeaderContainerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsHeaderContainerComponent, AdsHeaderContainerModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-header-container.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-header-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/header/container/header-container.component.ts","../../../../libs/ads-ui/src/lib/components/header/container/header-container.component.html","../../../../libs/ads-ui/src/lib/components/header/container/header-container.module.ts","../../../../libs/ads-ui/src/lib/components/header/container/ascentgl-ads-ui-src-lib-components-header-container.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-header-container',\n  styleUrls: ['header-container.component.scss'],\n  templateUrl: 'header-container.component.html',\n})\nexport class AdsHeaderContainerComponent {\n  /**\n   * Whether the viewport is mobile\n   */\n  @Input() isMobile = false;\n}\n","<header [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</header>\n","import { NgModule } from '@angular/core';\n\nimport { AdsHeaderContainerComponent } from './header-container.component';\n\n@NgModule({\n  exports: [AdsHeaderContainerComponent],\n  declarations: [AdsHeaderContainerComponent],\n})\nexport class AdsHeaderContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,2BAA2B,CAAA;AALxC,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAC3B,KAAA;8GALY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,8FCPxC,gFAGA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA,CAAA;8BAQvB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEHK,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAxB,wBAAwB,EAAA,YAAA,EAAA,CAFpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CADhC,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;+GAG1B,wBAAwB,EAAA,CAAA,CAAA,EAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,YAAY,EAAE,CAAC,2BAA2B,CAAC;AAC5C,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-header-org-display-text.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 AdsOrgDisplayTextComponent {
+    constructor() {
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsOrgDisplayTextComponent, selector: "ads-org-display-text", inputs: { text: "text", isMobile: "isMobile" }, ngImport: i0, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\n", styles: [".org-display-text{padding:0 24px;color:var(--color-primary);font-size:14px;font-weight:500;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-org-display-text', template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\n", styles: [".org-display-text{padding:0 24px;color:var(--color-primary);font-size:14px;font-weight:500;white-space:nowrap}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }] } });
+
+class AdsOrgDisplayTextModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextModule, declarations: [AdsOrgDisplayTextComponent], imports: [CommonModule], exports: [AdsOrgDisplayTextComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsOrgDisplayTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [AdsOrgDisplayTextComponent],
+                    declarations: [AdsOrgDisplayTextComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-header-org-display-text.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-header-org-display-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-header-org-display-text.mjs","sources":["../../../../libs/ads-ui/src/lib/components/header/org-display-text/org-display-text.component.ts","../../../../libs/ads-ui/src/lib/components/header/org-display-text/org-display-text.component.html","../../../../libs/ads-ui/src/lib/components/header/org-display-text/org-display-text.module.ts","../../../../libs/ads-ui/src/lib/components/header/org-display-text/ascentgl-ads-ui-src-lib-components-header-org-display-text.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-org-display-text',\n  styleUrls: ['org-display-text.component.scss'],\n  templateUrl: 'org-display-text.component.html',\n})\nexport class AdsOrgDisplayTextComponent {\n  /**\n   * Organization text to display\n   */\n  @Input() text!: string;\n\n  /**\n   * Whether the viewport is mobile\n   */\n  @Input() isMobile = false;\n}\n","<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AdsOrgDisplayTextComponent } from './org-display-text.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [AdsOrgDisplayTextComponent],\n  declarations: [AdsOrgDisplayTextComponent],\n})\nexport class AdsOrgDisplayTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,0BAA0B,CAAA;AALvC,IAAA,WAAA,GAAA;AAWE;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAC3B,KAAA;8GAVY,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,4GCPvC,0EACA,EAAA,MAAA,EAAA,CAAA,kHAAA,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,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDMa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA;8BAQvB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MENK,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,EAFnB,YAAA,EAAA,CAAA,0BAA0B,CAF/B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,0BAA0B,CAAA,EAAA,CAAA,CAAA,EAAA;AAGzB,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,YAJxB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,YAAY,EAAE,CAAC,0BAA0B,CAAC;AAC3C,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+
+class AdsHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsHeaderComponent, selector: "ads-header", ngImport: i0, template: "<div class=\"header\">\n  <div class=\"addon-left\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <ng-content select=\"[logo]\"></ng-content>\n  <div class=\"addon-right\">\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-header', template: "<div class=\"header\">\n  <div class=\"addon-left\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <ng-content select=\"[logo]\"></ng-content>\n  <div class=\"addon-right\">\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }]
+        }] });
+
+class AdsHeaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderModule, declarations: [AdsHeaderComponent], exports: [AdsHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [AdsHeaderComponent],
+                    declarations: [AdsHeaderComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsHeaderComponent, AdsHeaderModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-header.mjs","sources":["../../../../libs/ads-ui/src/lib/components/header/header.component.ts","../../../../libs/ads-ui/src/lib/components/header/header.component.html","../../../../libs/ads-ui/src/lib/components/header/header.module.ts","../../../../libs/ads-ui/src/lib/components/header/ascentgl-ads-ui-src-lib-components-header.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-header',\n  styleUrls: ['header.component.scss'],\n  templateUrl: 'header.component.html',\n})\nexport class AdsHeaderComponent {}\n","<div class=\"header\">\n  <div class=\"addon-left\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <ng-content select=\"[logo]\"></ng-content>\n  <div class=\"addon-right\">\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AdsHeaderComponent } from './header.component';\n\n@NgModule({\n  exports: [AdsHeaderComponent],\n  declarations: [AdsHeaderComponent],\n})\nexport class AdsHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kDCP/B,qQASA,EAAA,MAAA,EAAA,CAAA,gOAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDFa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,qQAAA,EAAA,MAAA,EAAA,CAAA,gOAAA,CAAA,EAAA,CAAA;;;MEIX,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAf,eAAe,EAAA,YAAA,EAAA,CAFX,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADvB,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAGjB,eAAe,EAAA,CAAA,CAAA,EAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;AACnC,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { input, Component, HostListener, NgModule } from '@angular/core';
+import { CommonModule, NgOptimizedImage } from '@angular/common';
+
+class AdsPrimaryLogoComponent {
+    constructor() {
+        this.isMobile = false;
+        /**
+         * Mobile width
+         */
+        this.mobileWidth = input(768);
+        /**
+         * Whether the navigation is collapsed
+         */
+        this.isCollapsed = input(false);
+    }
+    /** @ignore */
+    onResize() {
+        this.checkScreenSize();
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.checkScreenSize();
+    }
+    /** @ignore */
+    checkScreenSize() {
+        this.isMobile = window.innerWidth <= this.mobileWidth();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo", inputs: { mobileWidth: { classPropertyName: "mobileWidth", publicName: "mobileWidth", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<picture>\n  @if (isMobile || isCollapsed()) {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n      <path\n        d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n      />\n    </svg>\n  } @else {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n      <path\n        d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n      />\n      <path\n        d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n      />\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n    </svg>\n  }\n</picture>\n", styles: [".logo-svg{fill:var(--color-primary)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-primary-logo', template: "<picture>\n  @if (isMobile || isCollapsed()) {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n      <path\n        d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n      />\n    </svg>\n  } @else {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n      <path\n        d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n      />\n      <path\n        d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n      />\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n    </svg>\n  }\n</picture>\n", styles: [".logo-svg{fill:var(--color-primary)}\n"] }]
+        }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+class AdsPrimaryLogoModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoModule, declarations: [AdsPrimaryLogoComponent], imports: [CommonModule, NgOptimizedImage], exports: [AdsPrimaryLogoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPrimaryLogoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NgOptimizedImage],
+                    exports: [AdsPrimaryLogoComponent],
+                    declarations: [AdsPrimaryLogoComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsPrimaryLogoComponent, AdsPrimaryLogoModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs","sources":["../../../../libs/ads-ui/src/lib/components/logo/primary-logo/primary-logo.component.ts","../../../../libs/ads-ui/src/lib/components/logo/primary-logo/primary-logo.component.html","../../../../libs/ads-ui/src/lib/components/logo/primary-logo/primary-logo.module.ts","../../../../libs/ads-ui/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.ts"],"sourcesContent":["import { Component, HostListener, input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'ads-primary-logo',\n  styleUrls: ['primary-logo.component.scss'],\n  templateUrl: 'primary-logo.component.html',\n})\nexport class AdsPrimaryLogoComponent implements OnInit {\n  isMobile = false;\n\n  /**\n   * Mobile width\n   */\n  mobileWidth = input<number>(768);\n\n  /**\n   * Whether the navigation is collapsed\n   */\n  isCollapsed = input<boolean>(false);\n\n  /** @ignore */\n  @HostListener('window:resize', ['$event'])\n  onResize() {\n    this.checkScreenSize();\n  }\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.checkScreenSize();\n  }\n\n  /** @ignore */\n  private checkScreenSize(): void {\n    this.isMobile = window.innerWidth <= this.mobileWidth();\n  }\n}\n","<picture>\n  @if (isMobile || isCollapsed()) {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n      <path\n        d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n      />\n    </svg>\n  } @else {\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n      <path\n        d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n      />\n      <path\n        d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n      />\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n    </svg>\n  }\n</picture>\n","import { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AdsPrimaryLogoComponent } from './primary-logo.component';\n\n@NgModule({\n  imports: [CommonModule, NgOptimizedImage],\n  exports: [AdsPrimaryLogoComponent],\n  declarations: [AdsPrimaryLogoComponent],\n})\nexport class AdsPrimaryLogoModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;QAME,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEjB;;AAEG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,GAAG,CAAC,CAAC;AAEjC;;AAEG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAiBrC,KAAA;;IAbC,QAAQ,GAAA;QACN,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;IAGD,QAAQ,GAAA;QACN,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;IAGO,eAAe,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;KACzD;8GA3BU,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,sZCPpC,2yGAsBA,EAAA,MAAA,EAAA,CAAA,wCAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDfa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,2yGAAA,EAAA,MAAA,EAAA,CAAA,wCAAA,CAAA,EAAA,CAAA;8BAmB5B,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAA;;;MEZ9B,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,iBAFhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAF5B,YAAY,EAAE,gBAAgB,aAC9B,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGtB,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,YAJrB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACxC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-main-menu.mjs

@@ -0,0 +1,135 @@
+import * as i0 from '@angular/core';
+import { Component, Inject, input, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/bottom-sheet';
+import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import * as i3 from '@angular/router';
+import { NavigationStart, RouterModule } from '@angular/router';
+import * as i2$1 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { adsIconMenuMoreInfo } from '@ascentgl/ads-icons/icons';
+import { filter } from 'rxjs/operators';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i5 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i6 from '@angular/material/button';
+import { MatIconButton } from '@angular/material/button';
+
+class AdsMainMenuBottomSheetComponent {
+    constructor(data) {
+        this.data = data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsMainMenuBottomSheetComponent, selector: "ads-main-menu-bottom-sheet", ngImport: i0, template: "<mat-nav-list>\n  @for (item of data.menuItems; track item) {\n    @if (item.href) {\n      <mat-list-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    } @else {\n      <mat-list-item>\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n", styles: ["mat-list-item{--mdc-list-list-item-label-text-color: var(--color-black);--mdc-list-list-item-hover-label-text-color: var(--color-white)}mat-list-item:not(:hover).selected{background-color:var(--color-secondary-25)}mat-list-item:not([disabled]):hover{--mdc-list-list-item-container-color: var(--color-primary)}mat-list-item:not([disabled]):hover ads-icon{color:var(--color-white)!important}.container{display:flex;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i2$1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuBottomSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-main-menu-bottom-sheet', template: "<mat-nav-list>\n  @for (item of data.menuItems; track item) {\n    @if (item.href) {\n      <mat-list-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    } @else {\n      <mat-list-item>\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n", styles: ["mat-list-item{--mdc-list-list-item-label-text-color: var(--color-black);--mdc-list-list-item-hover-label-text-color: var(--color-white)}mat-list-item:not(:hover).selected{background-color:var(--color-secondary-25)}mat-list-item:not([disabled]):hover{--mdc-list-list-item-container-color: var(--color-primary)}mat-list-item:not([disabled]):hover ads-icon{color:var(--color-white)!important}.container{display:flex;align-items:center;gap:16px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_BOTTOM_SHEET_DATA]
+                }] }] });
+
+class AdsMainMenuComponent {
+    constructor(bottomSheet, registry, router) {
+        this.bottomSheet = bottomSheet;
+        this.registry = registry;
+        this.router = router;
+        /**
+         * Array of menu items to display in the main menu
+         */
+        this.menuItems = input.required();
+        /** Id attribute for the main menu trigger element */
+        this.id = input('ads-main-menu');
+        /**
+         * Whether the navigation is collapsed
+         */
+        this.isCollapsed = input(false);
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = input(false);
+        this.menubar = menubar;
+        this.registry.register(adsIconMenuMoreInfo);
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.router.events.pipe(filter((event) => event instanceof NavigationStart)).subscribe(() => {
+            this.bottomSheetRef?.dismiss();
+        });
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes.isMobile) {
+            const footerMenu = document.querySelector('.ads-bottom-sheet-panel');
+            /**
+             * if we are going from mobile to desktop size;
+             * hide menu (to avoid its being animated) and dismiss it
+             */
+            if (footerMenu?.parentElement && !changes.isMobile.currentValue) {
+                footerMenu.remove();
+                this.bottomSheetRef?.dismiss();
+            }
+        }
+    }
+    /** @ignore */
+    openBottomSheet() {
+        this.bottomSheetRef = this.bottomSheet.open(AdsMainMenuBottomSheetComponent, {
+            data: { menuItems: this.menuItems() },
+            panelClass: 'ads-bottom-sheet-panel',
+            disableClose: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuComponent, deps: [{ token: i1.MatBottomSheet }, { token: i2$1.AdsIconRegistry }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsMainMenuComponent, selector: "ads-main-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isMobile(); else desktop\">\n  @if (isCollapsed()) {\n    <button mat-icon-button (click)=\"openBottomSheet()\">\n      <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n    </button>\n  }\n</ng-container>\n\n<ng-template #desktop>\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n    <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n    @for (item of menuItems(); track item) {\n      @if (item.href) {\n        <button mat-menu-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      } @else {\n        <button mat-menu-item>\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      }\n    }\n  </mat-menu>\n</ng-template>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n", styles: [".mat-mdc-menu-item{display:flex;align-items:center;gap:16px;min-width:278px}.mat-mdc-menu-item:not([disabled]):hover{--mat-menu-item-label-text-color: var(--color-white)}.mat-mdc-menu-item:not([disabled]):hover ads-icon{color:var(--color-white)!important}button:not(:hover).selected{background-color:var(--color-secondary-25)}.container{display:flex;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2$1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-main-menu', template: "<ng-container *ngIf=\"isMobile(); else desktop\">\n  @if (isCollapsed()) {\n    <button mat-icon-button (click)=\"openBottomSheet()\">\n      <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n    </button>\n  }\n</ng-container>\n\n<ng-template #desktop>\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n    <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n    @for (item of menuItems(); track item) {\n      @if (item.href) {\n        <button mat-menu-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      } @else {\n        <button mat-menu-item>\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      }\n    }\n  </mat-menu>\n</ng-template>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n", styles: [".mat-mdc-menu-item{display:flex;align-items:center;gap:16px;min-width:278px}.mat-mdc-menu-item:not([disabled]):hover{--mat-menu-item-label-text-color: var(--color-white)}.mat-mdc-menu-item:not([disabled]):hover ads-icon{color:var(--color-white)!important}button:not(:hover).selected{background-color:var(--color-secondary-25)}.container{display:flex;align-items:center;gap:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatBottomSheet }, { type: i2$1.AdsIconRegistry }, { type: i3.Router }], propDecorators: { menu: [{
+                type: ViewChild,
+                args: ['menu']
+            }] } });
+
+class AdsMainMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuModule, declarations: [AdsMainMenuComponent, AdsMainMenuBottomSheetComponent], imports: [CommonModule,
+            MatBottomSheetModule,
+            MatListModule,
+            MatMenuModule,
+            AdsIconModule,
+            RouterModule,
+            MatIconButton], exports: [AdsMainMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuModule, imports: [CommonModule,
+            MatBottomSheetModule,
+            MatListModule,
+            MatMenuModule,
+            AdsIconModule,
+            RouterModule,
+            MatIconButton] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsMainMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatBottomSheetModule,
+                        MatListModule,
+                        MatMenuModule,
+                        AdsIconModule,
+                        RouterModule,
+                        MatIconButton,
+                    ],
+                    exports: [AdsMainMenuComponent],
+                    declarations: [AdsMainMenuComponent, AdsMainMenuBottomSheetComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsMainMenuComponent, AdsMainMenuModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-main-menu.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-main-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-main-menu.mjs","sources":["../../../../libs/ads-ui/src/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.ts","../../../../libs/ads-ui/src/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.html","../../../../libs/ads-ui/src/lib/components/main-menu/main-menu.component.ts","../../../../libs/ads-ui/src/lib/components/main-menu/main-menu.component.html","../../../../libs/ads-ui/src/lib/components/main-menu/main-menu.module.ts","../../../../libs/ads-ui/src/lib/components/main-menu/ascentgl-ads-ui-src-lib-components-main-menu.ts"],"sourcesContent":["import { Component, Inject } from '@angular/core';\nimport { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';\nimport { MainMenuItem } from '../main-menu.types';\n\nexport interface MainMenuData {\n  menuItems: MainMenuItem[];\n}\n\n@Component({\n  selector: 'ads-main-menu-bottom-sheet',\n  styleUrls: ['main-menu-bottom-sheet.component.scss'],\n  templateUrl: 'main-menu-bottom-sheet.component.html',\n})\nexport class AdsMainMenuBottomSheetComponent {\n  constructor(@Inject(MAT_BOTTOM_SHEET_DATA) public data: MainMenuData) {}\n}\n","<mat-nav-list>\n  @for (item of data.menuItems; track item) {\n    @if (item.href) {\n      <mat-list-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    } @else {\n      <mat-list-item>\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n      </mat-list-item>\n    }\n  }\n</mat-nav-list>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n","import { Component, input, OnChanges, OnInit, SimpleChange, ViewChild } from '@angular/core';\nimport { MatBottomSheet, MatBottomSheetRef } from '@angular/material/bottom-sheet';\nimport { NavigationStart, Router } from '@angular/router';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconMenuMoreInfo } from '@ascentgl/ads-icons/icons';\nimport { filter } from 'rxjs/operators';\nimport { AdsMainMenuBottomSheetComponent } from './main-menu-bottom-sheet/main-menu-bottom-sheet.component';\nimport { MainMenuItem } from './main-menu.types';\nimport { MatMenu } from '@angular/material/menu';\n\n@Component({\n  selector: 'ads-main-menu',\n  styleUrls: ['main-menu.component.scss'],\n  templateUrl: 'main-menu.component.html',\n})\nexport class AdsMainMenuComponent implements OnChanges, OnInit {\n  constructor(\n    private bottomSheet: MatBottomSheet,\n    private registry: AdsIconRegistry,\n    private router: Router,\n  ) {\n    this.registry.register(adsIconMenuMoreInfo);\n  }\n  /** @ignore */\n  @ViewChild('menu') menu?: MatMenu;\n\n  /**\n   * Array of menu items to display in the main menu\n   */\n  menuItems = input.required<MainMenuItem[]>();\n\n  /** Id attribute for the main menu trigger element */\n  id = input<string>('ads-main-menu');\n\n  /**\n   * Whether the navigation is collapsed\n   */\n  isCollapsed = input<boolean>(false);\n\n  /**\n   * Whether the viewport is mobile\n   */\n  isMobile = input<boolean>(false);\n\n  /** @ignore */\n  private bottomSheetRef?: MatBottomSheetRef<AdsMainMenuBottomSheetComponent>;\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.router.events.pipe(filter((event) => event instanceof NavigationStart)).subscribe(() => {\n      this.bottomSheetRef?.dismiss();\n    });\n  }\n\n  /** @ignore */\n  ngOnChanges(changes: { isMobile: SimpleChange }): void {\n    if (changes.isMobile) {\n      const footerMenu = document.querySelector('.ads-bottom-sheet-panel');\n\n      /**\n       * if we are going from mobile to desktop size;\n       * hide menu (to avoid its being animated) and dismiss it\n       */\n      if (footerMenu?.parentElement && !changes.isMobile.currentValue) {\n        footerMenu.remove();\n        this.bottomSheetRef?.dismiss();\n      }\n    }\n  }\n\n  /** @ignore */\n  public openBottomSheet(): void {\n    this.bottomSheetRef = this.bottomSheet.open(AdsMainMenuBottomSheetComponent, {\n      data: { menuItems: this.menuItems() },\n      panelClass: 'ads-bottom-sheet-panel',\n      disableClose: false,\n    });\n  }\n\n  protected readonly menubar = menubar;\n}\n","<ng-container *ngIf=\"isMobile(); else desktop\">\n  @if (isCollapsed()) {\n    <button mat-icon-button (click)=\"openBottomSheet()\">\n      <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n    </button>\n  }\n</ng-container>\n\n<ng-template #desktop>\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\">\n    <ads-icon [id]=\"id()\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n    @for (item of menuItems(); track item) {\n      @if (item.href) {\n        <button mat-menu-item [routerLink]=\"item.href\" routerLinkActive=\"selected\">\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      } @else {\n        <button mat-menu-item>\n          <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n        </button>\n      }\n    }\n  </mat-menu>\n</ng-template>\n\n<ng-template #text let-item=\"menuItem\">\n  <div class=\"container\">\n    @if (item.icon) {\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"primary\"></ads-icon>\n    }\n    <span>{{ item.text }}</span>\n  </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { RouterModule } from '@angular/router';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsMainMenuBottomSheetComponent } from './main-menu-bottom-sheet/main-menu-bottom-sheet.component';\nimport { AdsMainMenuComponent } from './main-menu.component';\nimport { MatIconButton } from '@angular/material/button';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatBottomSheetModule,\n    MatListModule,\n    MatMenuModule,\n    AdsIconModule,\n    RouterModule,\n    MatIconButton,\n  ],\n  exports: [AdsMainMenuComponent],\n  declarations: [AdsMainMenuComponent, AdsMainMenuBottomSheetComponent],\n})\nexport class AdsMainMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i3","i4","i2"],"mappings":"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"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs

@@ -0,0 +1,67 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { adsIconEditDashboard } from '@ascentgl/ads-icons/icons';
+
+class AdsDashboardEditIconComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /**
+         * Whether the navigation is collapsed
+         */
+        this.isCollapsed = false;
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+        /**
+         * Text to display with the edit dashboard button
+         */
+        // @Input() editText = 'Edit Dashboard';
+        /**
+         * Event emitted when the edit dashboard button is clicked
+         */
+        this.editClicked = new EventEmitter();
+        this.registry.register(adsIconEditDashboard);
+    }
+    /** @ignore */
+    onEditClick() {
+        this.editClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDashboardEditIconComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsDashboardEditIconComponent, selector: "ads-dashboard-edit-icon", inputs: { id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile" }, outputs: { editClicked: "editClicked" }, ngImport: i0, template: "<div class=\"big-circle\">\n  <div\n    class=\"edit-handle\"\n    tabindex=\"0\"\n    (keyup.enter)=\"onEditClick()\"\n    (click)=\"onEditClick()\"\n    [class.collapsed]=\"isCollapsed\"\n    [class.mobile]=\"isMobile\"\n    [id]=\"id\"\n  >\n    <ads-icon class=\"edit-icon\" name=\"edit_dashboard\" style=\"width: 28px; height: 28px\" theme=\"primary\"></ads-icon>\n  </div>\n</div>\n", styles: [".edit-handle{position:absolute;border:3px solid #6762ff;border-radius:50%;display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;background-color:var(--color-white);color:var(--color-primary);cursor:pointer;z-index:1;width:58px;height:58px;justify-content:center}.edit-handle:hover,.edit-handle:focus{background-color:var(--color-light-30);color:var(--color-dark);outline:none}.edit-text{margin-left:16px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}:host ::ng-deep .edit-icon.ads-icon svg{width:24px;height:24px}.edit-handle.mobile{display:none!important}.big-circle{position:absolute;bottom:28px;right:26px;border:0px solid var(--color-primary);border-radius:50%;box-shadow:0 100px 80px #6c49ac12,0 41.7776px 33.4221px #6c49ac0d,0 22.3363px 17.869px #6c49ac0b,0 12.5216px 10.0172px #6c49ac09,0 6.6501px 5.32008px #6c49ac07,0 2.76726px 2.21381px #6c49ac05;display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;background-color:var(--color-white);color:var(--color-primary);cursor:pointer;z-index:1;width:82px;height:82px;justify-content:center}\n"], dependencies: [{ 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: AdsDashboardEditIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-dashboard-edit-icon', template: "<div class=\"big-circle\">\n  <div\n    class=\"edit-handle\"\n    tabindex=\"0\"\n    (keyup.enter)=\"onEditClick()\"\n    (click)=\"onEditClick()\"\n    [class.collapsed]=\"isCollapsed\"\n    [class.mobile]=\"isMobile\"\n    [id]=\"id\"\n  >\n    <ads-icon class=\"edit-icon\" name=\"edit_dashboard\" style=\"width: 28px; height: 28px\" theme=\"primary\"></ads-icon>\n  </div>\n</div>\n", styles: [".edit-handle{position:absolute;border:3px solid #6762ff;border-radius:50%;display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;background-color:var(--color-white);color:var(--color-primary);cursor:pointer;z-index:1;width:58px;height:58px;justify-content:center}.edit-handle:hover,.edit-handle:focus{background-color:var(--color-light-30);color:var(--color-dark);outline:none}.edit-text{margin-left:16px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}:host ::ng-deep .edit-icon.ads-icon svg{width:24px;height:24px}.edit-handle.mobile{display:none!important}.big-circle{position:absolute;bottom:28px;right:26px;border:0px solid var(--color-primary);border-radius:50%;box-shadow:0 100px 80px #6c49ac12,0 41.7776px 33.4221px #6c49ac0d,0 22.3363px 17.869px #6c49ac0b,0 12.5216px 10.0172px #6c49ac09,0 6.6501px 5.32008px #6c49ac07,0 2.76726px 2.21381px #6c49ac05;display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;background-color:var(--color-white);color:var(--color-primary);cursor:pointer;z-index:1;width:82px;height:82px;justify-content:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
+                type: Input
+            }], isCollapsed: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }], editClicked: [{
+                type: Output
+            }] } });
+
+class AdsDashboardEditIconModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDashboardEditIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsDashboardEditIconModule, declarations: [AdsDashboardEditIconComponent], imports: [AdsIconModule], exports: [AdsDashboardEditIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDashboardEditIconModule, imports: [AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDashboardEditIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AdsIconModule],
+                    exports: [AdsDashboardEditIconComponent],
+                    declarations: [AdsDashboardEditIconComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsDashboardEditIconComponent, AdsDashboardEditIconModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs","sources":["../../../../libs/ads-ui/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.ts","../../../../libs/ads-ui/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.html","../../../../libs/ads-ui/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.module.ts","../../../../libs/ads-ui/src/lib/components/navigation/dashboard-edit-icon/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconEditDashboard } from '@ascentgl/ads-icons/icons';\n\n@Component({\n  selector: 'ads-dashboard-edit-icon',\n  styleUrls: ['dashboard-edit-icon.component.scss'],\n  templateUrl: 'dashboard-edit-icon.component.html',\n})\nexport class AdsDashboardEditIconComponent {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register(adsIconEditDashboard);\n  }\n\n  /**\n   * The unique ID for the dashboard edit icon\n   */\n  @Input() id!: string;\n\n  /**\n   * Whether the navigation is collapsed\n   */\n  @Input() isCollapsed = false;\n\n  /**\n   * Whether the viewport is mobile\n   */\n  @Input() isMobile = false;\n\n  /**\n   * Text to display with the edit dashboard button\n   */\n  // @Input() editText = 'Edit Dashboard';\n\n  /**\n   * Event emitted when the edit dashboard button is clicked\n   */\n  @Output() editClicked: EventEmitter<null> = new EventEmitter();\n\n  /** @ignore */\n  onEditClick() {\n    this.editClicked.emit();\n  }\n}\n","<div class=\"big-circle\">\n  <div\n    class=\"edit-handle\"\n    tabindex=\"0\"\n    (keyup.enter)=\"onEditClick()\"\n    (click)=\"onEditClick()\"\n    [class.collapsed]=\"isCollapsed\"\n    [class.mobile]=\"isMobile\"\n    [id]=\"id\"\n  >\n    <ads-icon class=\"edit-icon\" name=\"edit_dashboard\" style=\"width: 28px; height: 28px\" theme=\"primary\"></ads-icon>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsDashboardEditIconComponent } from './dashboard-edit-icon.component';\n\n@NgModule({\n  imports: [AdsIconModule],\n  exports: [AdsDashboardEditIconComponent],\n  declarations: [AdsDashboardEditIconComponent],\n})\nexport class AdsDashboardEditIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MASa,6BAA6B,CAAA;AACxC,IAAA,WAAA,CAAoB,QAAyB,EAAA;QAAzB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAiB;AAS7C;;AAEG;QACM,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAE7B;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAE1B;;AAEG;;AAGH;;AAEG;AACO,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAE,CAAC;AA1B7D,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;KAC9C;;IA4BD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;8GAjCU,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,gLCT1C,sYAaA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDJa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EAAA,sYAAA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA,CAAA;oFAY1B,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAKG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAUI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;ME5BI,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,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,0BAA0B,EAFtB,YAAA,EAAA,CAAA,6BAA6B,CAFlC,EAAA,OAAA,EAAA,CAAA,aAAa,aACb,6BAA6B,CAAA,EAAA,CAAA,CAAA,EAAA;AAG5B,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,0BAA0B,YAJ3B,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIZ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,YAAY,EAAE,CAAC,6BAA6B,CAAC;AAC9C,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}