@ascentgl/ads-ui 2.19.5 → 20.0.1

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

@@ -1,58 +0,0 @@
-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';
-
-class AdsSubNavigationItemComponent {
-    constructor() {
-        /**
-         * Whether the submenu item is active
-         */
-        this.active = false;
-        /**
-         * Event emitted when a submenu item is clicked
-         */
-        this.submenuItemSelected = new EventEmitter();
-    }
-    /** @ignore */
-    onSubmenuItemSelected() {
-        this.submenuItemSelected.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSubNavigationItemComponent, selector: "ads-sub-navigation-item", inputs: { active: "active", id: "id", label: "label", path: "path" }, outputs: { submenuItemSelected: "submenuItemSelected" }, ngImport: i0, template: "<a\n  class=\"sub-navigation-item\"\n  [class.active]=\"active\"\n  [id]=\"id\"\n  [routerLink]=\"[path]\"\n  routerLinkActive=\"active\"\n  (click)=\"onSubmenuItemSelected()\"\n  >{{ label }}</a\n>\n", styles: [".sub-navigation-item{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;padding:8px 16px 8px 56px;color:var(--color-dark);cursor:pointer;font-size:14px;font-weight:500;line-height:30px;outline:none;text-decoration:none}.sub-navigation-item.active{border-bottom:3px solid var(--color-light-30);color:var(--color-dark);text-decoration:none}.sub-navigation-item:not(.active):hover,.sub-navigation-item:not(.active):focus{background-color:var(--color-light-30)}\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: AdsSubNavigationItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-sub-navigation-item', template: "<a\n  class=\"sub-navigation-item\"\n  [class.active]=\"active\"\n  [id]=\"id\"\n  [routerLink]=\"[path]\"\n  routerLinkActive=\"active\"\n  (click)=\"onSubmenuItemSelected()\"\n  >{{ label }}</a\n>\n", styles: [".sub-navigation-item{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;padding:8px 16px 8px 56px;color:var(--color-dark);cursor:pointer;font-size:14px;font-weight:500;line-height:30px;outline:none;text-decoration:none}.sub-navigation-item.active{border-bottom:3px solid var(--color-light-30);color:var(--color-dark);text-decoration:none}.sub-navigation-item:not(.active):hover,.sub-navigation-item:not(.active):focus{background-color:var(--color-light-30)}\n"] }]
-        }], propDecorators: { active: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], path: [{
-                type: Input
-            }], submenuItemSelected: [{
-                type: Output
-            }] } });
-
-class AdsSubNavigationItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemModule, declarations: [AdsSubNavigationItemComponent], imports: [RouterModule], exports: [AdsSubNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemModule, imports: [RouterModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule],
-                    exports: [AdsSubNavigationItemComponent],
-                    declarations: [AdsSubNavigationItemComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsSubNavigationItemComponent, AdsSubNavigationItemModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.mjs","sources":["../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.ts","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.html","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.module.ts","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-item/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'ads-sub-navigation-item',\n  styleUrls: ['sub-navigation-item.component.scss'],\n  templateUrl: 'sub-navigation-item.component.html',\n})\nexport class AdsSubNavigationItemComponent {\n  /**\n   * Whether the submenu item is active\n   */\n  @Input() active = false;\n\n  /**\n   * The unique ID for the submenu item\n   */\n  @Input() id!: string;\n\n  /**\n   * The text to display\n   */\n  @Input() label!: string;\n\n  /**\n   * The path to navigate to\n   */\n  @Input() path!: string;\n\n  /**\n   * Event emitted when a submenu item is clicked\n   */\n  @Output() submenuItemSelected: EventEmitter<null> = new EventEmitter();\n\n  /** @ignore */\n  public onSubmenuItemSelected(): void {\n    this.submenuItemSelected.emit();\n  }\n}\n","<a\n  class=\"sub-navigation-item\"\n  [class.active]=\"active\"\n  [id]=\"id\"\n  [routerLink]=\"[path]\"\n  routerLinkActive=\"active\"\n  (click)=\"onSubmenuItemSelected()\"\n  >{{ label }}</a\n>\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { AdsSubNavigationItemComponent } from './sub-navigation-item.component';\n\n@NgModule({\n  imports: [RouterModule],\n  exports: [AdsSubNavigationItemComponent],\n  declarations: [AdsSubNavigationItemComponent],\n})\nexport class AdsSubNavigationItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,6BAA6B,CAAA;AAL1C,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AAiBxB;;AAEG;AACO,QAAA,IAAA,CAAA,mBAAmB,GAAuB,IAAI,YAAY,EAAE,CAAC;AAMxE,KAAA;;IAHQ,qBAAqB,GAAA;AAC1B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;KACjC;8GA7BU,6BAA6B,EAAA,IAAA,EAAA,EAAA,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,8LCP1C,0MASA,EAAA,MAAA,EAAA,CAAA,keAAA,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;;2FDFa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EAAA,0MAAA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,CAAA;8BAQ1B,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKI,mBAAmB,EAAA,CAAA;sBAA5B,MAAM;;;MErBI,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,YAAY,aACZ,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,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,YAAY,EAAE,CAAC,6BAA6B,CAAC;AAC9C,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs

@@ -1,31 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-
-class AdsSubNavigationItemsContainerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSubNavigationItemsContainerComponent, selector: "ads-sub-navigation-items-container", ngImport: i0, template: "<div class=\"sub-navigation-items-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-sub-navigation-items-container', template: "<div class=\"sub-navigation-items-container\">\n  <ng-content></ng-content>\n</div>\n" }]
-        }] });
-
-class AdsSubNavigationItemsContainerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerModule, declarations: [AdsSubNavigationItemsContainerComponent], exports: [AdsSubNavigationItemsContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSubNavigationItemsContainerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [AdsSubNavigationItemsContainerComponent],
-                    declarations: [AdsSubNavigationItemsContainerComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsSubNavigationItemsContainerComponent, AdsSubNavigationItemsContainerModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.ts","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.html","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.module.ts","../../../../libs/ads-ui/src/lib/components/navigation/sub-navigation-items-container/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-sub-navigation-items-container',\n  styleUrls: ['sub-navigation-items-container.component.scss'],\n  templateUrl: 'sub-navigation-items-container.component.html',\n})\nexport class AdsSubNavigationItemsContainerComponent {}\n","<div class=\"sub-navigation-items-container\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { AdsSubNavigationItemsContainerComponent } from './sub-navigation-items-container.component';\n\n@NgModule({\n  exports: [AdsSubNavigationItemsContainerComponent],\n  declarations: [AdsSubNavigationItemsContainerComponent],\n})\nexport class AdsSubNavigationItemsContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,uCAAuC,CAAA;8GAAvC,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uCAAuC,0ECPpD,uFAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBALnD,SAAS;+BACE,oCAAoC,EAAA,QAAA,EAAA,uFAAA,EAAA,CAAA;;;MEKnC,oCAAoC,CAAA;8GAApC,oCAAoC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAApC,oCAAoC,EAAA,YAAA,EAAA,CAFhC,uCAAuC,CAAA,EAAA,OAAA,EAAA,CAD5C,uCAAuC,CAAA,EAAA,CAAA,CAAA,EAAA;+GAGtC,oCAAoC,EAAA,CAAA,CAAA,EAAA;;2FAApC,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBAJhD,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,uCAAuC,CAAC;oBAClD,YAAY,EAAE,CAAC,uCAAuC,CAAC;AACxD,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

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

@@ -1,45 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
-
-class AdsNavigationComponent {
-    constructor() {
-        /**
-         * Whether the navigation is collapsed
-         */
-        this.isCollapsed = false;
-        /**
-         * Whether the viewport is mobile
-         */
-        this.isMobile = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsNavigationComponent, selector: "ads-navigation", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</nav>\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\n", styles: [":host{display:flex}nav{position:absolute;z-index:999;top:0;bottom:0;left:0;width:calc(100% - 55px);background-color:#fff;transition:.5s}nav:not(.mobile){position:relative;z-index:auto;display:inline;width:229px;height:20px}nav.collapsed{margin-left:-100%}nav.collapsed:not(.mobile){overflow:hidden;width:56px;margin-left:0}.overlay{position:fixed;z-index:990;top:70px;left:0;width:100%;height:100%;background-color:var(--color-medium);opacity:50%}.overlay:not(.mobile){display:none}nav.collapsed+.overlay{display:none}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-navigation', template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</nav>\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\n", styles: [":host{display:flex}nav{position:absolute;z-index:999;top:0;bottom:0;left:0;width:calc(100% - 55px);background-color:#fff;transition:.5s}nav:not(.mobile){position:relative;z-index:auto;display:inline;width:229px;height:20px}nav.collapsed{margin-left:-100%}nav.collapsed:not(.mobile){overflow:hidden;width:56px;margin-left:0}.overlay{position:fixed;z-index:990;top:70px;left:0;width:100%;height:100%;background-color:var(--color-medium);opacity:50%}.overlay:not(.mobile){display:none}nav.collapsed+.overlay{display:none}\n"] }]
-        }], propDecorators: { isCollapsed: [{
-                type: Input
-            }], isMobile: [{
-                type: Input
-            }] } });
-
-class AdsNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationModule, declarations: [AdsNavigationComponent], exports: [AdsNavigationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsNavigationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [AdsNavigationComponent],
-                    declarations: [AdsNavigationComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsNavigationComponent, AdsNavigationModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-navigation.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-navigation.mjs","sources":["../../../../libs/ads-ui/src/lib/components/navigation/navigation.component.ts","../../../../libs/ads-ui/src/lib/components/navigation/navigation.component.html","../../../../libs/ads-ui/src/lib/components/navigation/navigation.module.ts","../../../../libs/ads-ui/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-navigation',\n  styleUrls: ['./navigation.component.scss'],\n  templateUrl: 'navigation.component.html',\n})\nexport class AdsNavigationComponent {\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","<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n  <ng-content></ng-content>\n</nav>\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\n","import { NgModule } from '@angular/core';\nimport { AdsNavigationComponent } from './navigation.component';\n\n@NgModule({\n  exports: [AdsNavigationComponent],\n  declarations: [AdsNavigationComponent],\n})\nexport class AdsNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAE7B;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAC3B,KAAA;8GAVY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,oHCPnC,uKAIA,EAAA,MAAA,EAAA,CAAA,0gBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDGa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,uKAAA,EAAA,MAAA,EAAA,CAAA,0gBAAA,CAAA,EAAA,CAAA;8BAQjB,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;METK,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,YAAA,EAAA,CAFf,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAD3B,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAGrB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACvC,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

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

@@ -1,31 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-
-class AdsPaginationContainerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsPaginationContainerComponent, selector: "ads-pagination-container", ngImport: i0, template: "<div class=\"pagination-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [".pagination-container{display:flex;flex-direction:row-reverse;padding:24px 0}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-pagination-container', template: "<div class=\"pagination-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [".pagination-container{display:flex;flex-direction:row-reverse;padding:24px 0}\n"] }]
-        }] });
-
-class AdsPaginationContainerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerModule, declarations: [AdsPaginationContainerComponent], exports: [AdsPaginationContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationContainerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AdsPaginationContainerComponent],
-                    exports: [AdsPaginationContainerComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsPaginationContainerComponent, AdsPaginationContainerModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-pagination-container.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-pagination-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/pagination/container/pagination-container.component.ts","../../../../libs/ads-ui/src/lib/components/pagination/container/pagination-container.component.html","../../../../libs/ads-ui/src/lib/components/pagination/container/pagination-container.module.ts","../../../../libs/ads-ui/src/lib/components/pagination/container/ascentgl-ads-ui-src-lib-components-pagination-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-pagination-container',\n  styleUrls: ['pagination-container.component.scss'],\n  templateUrl: 'pagination-container.component.html',\n})\nexport class AdsPaginationContainerComponent {}\n","<div class=\"pagination-container\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { AdsPaginationContainerComponent } from './pagination-container.component';\n\n@NgModule({\n  declarations: [AdsPaginationContainerComponent],\n  exports: [AdsPaginationContainerComponent],\n})\nexport class AdsPaginationContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,gECP5C,6EAGA,EAAA,MAAA,EAAA,CAAA,iFAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAL3C,SAAS;+BACE,0BAA0B,EAAA,QAAA,EAAA,6EAAA,EAAA,MAAA,EAAA,CAAA,iFAAA,CAAA,EAAA,CAAA;;;MEKzB,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAA5B,4BAA4B,EAAA,YAAA,EAAA,CAHxB,+BAA+B,CAAA,EAAA,OAAA,EAAA,CACpC,+BAA+B,CAAA,EAAA,CAAA,CAAA,EAAA;+GAE9B,4BAA4B,EAAA,CAAA,CAAA,EAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,+BAA+B,CAAC;oBAC/C,OAAO,EAAE,CAAC,+BAA+B,CAAC;AAC3C,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

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

@@ -1,107 +0,0 @@
-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 { adsIconChevronLeft, adsIconChevronRight, adsIconMenuMoreInfo } from '@ascentgl/ads-icons/icons';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-class AdsPaginationComponent {
-    constructor(registry) {
-        this.registry = registry;
-        /**
-         * Event emitted when a page button is clicked
-         */
-        this.goToPage = new EventEmitter();
-        /**
-         * Event emitted when the next page button is clicked
-         */
-        this.goToNextPage = new EventEmitter();
-        /**
-         * Event emitted when the previous page button is clicked
-         */
-        this.goToPreviousPage = new EventEmitter();
-        /** @ignore */
-        this.pages = [];
-        this.registry.register([adsIconChevronLeft, adsIconChevronRight, adsIconMenuMoreInfo]);
-    }
-    /** @ignore */
-    ngOnChanges(changes) {
-        if ((changes.currentPage && changes.currentPage.currentValue) ||
-            (changes.totalPages && changes.totalPages.currentValue)) {
-            this.pages = this.getPagesToDisplay();
-        }
-    }
-    /** @ignore */
-    onGoToPage(page) {
-        this.goToPage.emit(page);
-    }
-    /** @ignore */
-    onGoToNextPage() {
-        this.goToNextPage.emit();
-    }
-    /** @ignore */
-    onGoToPreviousPage() {
-        this.goToPreviousPage.emit();
-    }
-    /** @ignore */
-    getPagesToDisplay() {
-        if (this.totalPages <= 7) {
-            return [...Array(this.totalPages).keys()].map((x) => ++x);
-        }
-        if (this.currentPage > 5) {
-            if (this.currentPage >= this.totalPages - 4) {
-                return [
-                    1,
-                    -1,
-                    this.totalPages - 4,
-                    this.totalPages - 3,
-                    this.totalPages - 2,
-                    this.totalPages - 1,
-                    this.totalPages,
-                ];
-            }
-            else {
-                return [1, -1, this.currentPage - 1, this.currentPage, this.currentPage + 1, -1, this.totalPages];
-            }
-        }
-        return [1, 2, 3, 4, 5, -1, this.totalPages];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsPaginationComponent, selector: "ads-pagination", inputs: { totalPages: "totalPages", currentPage: "currentPage" }, outputs: { goToPage: "goToPage", goToNextPage: "goToNextPage", goToPreviousPage: "goToPreviousPage" }, usesOnChanges: true, ngImport: i0, template: "<nav aria-label=\"Pagination\">\n  <ul>\n    <li>\n      <button\n        aria-label=\"Go To Previous Page\"\n        [attr.aria-disabled]=\"currentPage === 1\"\n        [disabled]=\"currentPage === 1\"\n        id=\"paginationPrevious\"\n        (click)=\"onGoToPreviousPage()\"\n      >\n        <ads-icon name=\"chevron_left\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let page of pages\">\n      <a\n        *ngIf=\"page !== -1; else more\"\n        class=\"internal\"\n        role=\"button\"\n        [attr.aria-current]=\"page === currentPage\"\n        [attr.aria-label]=\"page === currentPage ? 'Current Page, Page ' + page : 'Go to Page ' + page\"\n        [class.current]=\"page === currentPage\"\n        [id]=\"'paginationPage' + page\"\n        tabindex=\"0\"\n        (click)=\"onGoToPage(page)\"\n        (keyup.enter)=\"onGoToPage(page)\"\n        >{{ page }}</a\n      >\n      <ng-template #more>\n        <a class=\"more\">\n          <ads-icon name=\"menu_more_info\" size=\"xs\" theme=\"primary\"></ads-icon>\n        </a>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        aria-label=\"Go To Next Page\"\n        [attr.aria-disabled]=\"currentPage === totalPages\"\n        [disabled]=\"currentPage === totalPages\"\n        id=\"paginationNext\"\n        (click)=\"onGoToNextPage()\"\n      >\n        <ads-icon name=\"chevron_right\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n", styles: ["nav{display:flex;max-height:30px;align-items:center}ul{display:flex;max-height:30px;justify-content:flex-end;padding:0;margin:0;list-style:none}li{display:flex;min-width:30px;flex-direction:column;align-items:center;justify-content:center;margin:0 4px;-webkit-user-select:none;user-select:none}a{display:grid;width:100%;cursor:pointer;place-items:center}a.more{padding-top:4px}a.more .ads-icon{padding-left:4px;transform:rotate(90deg)}a.more:hover,a:focus,a.current{cursor:default;text-decoration:none}a.current,a:focus,a:not(.more):hover{background-color:var(--color-light-30);border-radius:5px;outline:none}button{display:grid;height:30px;border:none;background-color:transparent;cursor:pointer;place-items:center}button[disabled]{cursor:default}button[disabled] .ads-icon{color:var(--color-light)!important}button:not([disabled]):hover,button:not([disabled]):focus{background-color:var(--color-light-30);border-radius:5px;cursor:pointer;outline:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: AdsPaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-pagination', template: "<nav aria-label=\"Pagination\">\n  <ul>\n    <li>\n      <button\n        aria-label=\"Go To Previous Page\"\n        [attr.aria-disabled]=\"currentPage === 1\"\n        [disabled]=\"currentPage === 1\"\n        id=\"paginationPrevious\"\n        (click)=\"onGoToPreviousPage()\"\n      >\n        <ads-icon name=\"chevron_left\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let page of pages\">\n      <a\n        *ngIf=\"page !== -1; else more\"\n        class=\"internal\"\n        role=\"button\"\n        [attr.aria-current]=\"page === currentPage\"\n        [attr.aria-label]=\"page === currentPage ? 'Current Page, Page ' + page : 'Go to Page ' + page\"\n        [class.current]=\"page === currentPage\"\n        [id]=\"'paginationPage' + page\"\n        tabindex=\"0\"\n        (click)=\"onGoToPage(page)\"\n        (keyup.enter)=\"onGoToPage(page)\"\n        >{{ page }}</a\n      >\n      <ng-template #more>\n        <a class=\"more\">\n          <ads-icon name=\"menu_more_info\" size=\"xs\" theme=\"primary\"></ads-icon>\n        </a>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        aria-label=\"Go To Next Page\"\n        [attr.aria-disabled]=\"currentPage === totalPages\"\n        [disabled]=\"currentPage === totalPages\"\n        id=\"paginationNext\"\n        (click)=\"onGoToNextPage()\"\n      >\n        <ads-icon name=\"chevron_right\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n", styles: ["nav{display:flex;max-height:30px;align-items:center}ul{display:flex;max-height:30px;justify-content:flex-end;padding:0;margin:0;list-style:none}li{display:flex;min-width:30px;flex-direction:column;align-items:center;justify-content:center;margin:0 4px;-webkit-user-select:none;user-select:none}a{display:grid;width:100%;cursor:pointer;place-items:center}a.more{padding-top:4px}a.more .ads-icon{padding-left:4px;transform:rotate(90deg)}a.more:hover,a:focus,a.current{cursor:default;text-decoration:none}a.current,a:focus,a:not(.more):hover{background-color:var(--color-light-30);border-radius:5px;outline:none}button{display:grid;height:30px;border:none;background-color:transparent;cursor:pointer;place-items:center}button[disabled]{cursor:default}button[disabled] .ads-icon{color:var(--color-light)!important}button:not([disabled]):hover,button:not([disabled]):focus{background-color:var(--color-light-30);border-radius:5px;cursor:pointer;outline:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { totalPages: [{
-                type: Input
-            }], currentPage: [{
-                type: Input
-            }], goToPage: [{
-                type: Output
-            }], goToNextPage: [{
-                type: Output
-            }], goToPreviousPage: [{
-                type: Output
-            }] } });
-
-class AdsPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationModule, declarations: [AdsPaginationComponent], imports: [CommonModule, AdsIconModule], exports: [AdsPaginationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationModule, imports: [CommonModule, AdsIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsPaginationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, AdsIconModule],
-                    declarations: [AdsPaginationComponent],
-                    exports: [AdsPaginationComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsPaginationComponent, AdsPaginationModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-pagination.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-pagination.mjs","sources":["../../../../libs/ads-ui/src/lib/components/pagination/pagination.component.ts","../../../../libs/ads-ui/src/lib/components/pagination/pagination.component.html","../../../../libs/ads-ui/src/lib/components/pagination/pagination.module.ts","../../../../libs/ads-ui/src/lib/components/pagination/ascentgl-ads-ui-src-lib-components-pagination.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconChevronLeft, adsIconChevronRight, adsIconMenuMoreInfo } from '@ascentgl/ads-icons/icons';\n\n@Component({\n  selector: 'ads-pagination',\n  templateUrl: './pagination.component.html',\n  styleUrls: ['./pagination.component.scss'],\n})\nexport class AdsPaginationComponent implements OnChanges {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register([adsIconChevronLeft, adsIconChevronRight, adsIconMenuMoreInfo]);\n  }\n\n  /**\n   * The total number of pages\n   */\n  @Input() totalPages!: number;\n\n  /**\n   * The current page\n   */\n  @Input() currentPage!: number;\n\n  /**\n   * Event emitted when a page button is clicked\n   */\n  @Output() goToPage: EventEmitter<number> = new EventEmitter<number>();\n\n  /**\n   * Event emitted when the next page button is clicked\n   */\n  @Output() goToNextPage: EventEmitter<null> = new EventEmitter<null>();\n\n  /**\n   * Event emitted when the previous page button is clicked\n   */\n  @Output() goToPreviousPage: EventEmitter<null> = new EventEmitter<null>();\n\n  /** @ignore */\n  public pages: number[] = [];\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      (changes.currentPage && changes.currentPage.currentValue) ||\n      (changes.totalPages && changes.totalPages.currentValue)\n    ) {\n      this.pages = this.getPagesToDisplay();\n    }\n  }\n\n  /** @ignore */\n  public onGoToPage(page: number): void {\n    this.goToPage.emit(page);\n  }\n\n  /** @ignore */\n  public onGoToNextPage(): void {\n    this.goToNextPage.emit();\n  }\n\n  /** @ignore */\n  public onGoToPreviousPage(): void {\n    this.goToPreviousPage.emit();\n  }\n\n  /** @ignore */\n  private getPagesToDisplay(): number[] {\n    if (this.totalPages <= 7) {\n      return [...Array(this.totalPages).keys()].map((x) => ++x);\n    }\n\n    if (this.currentPage > 5) {\n      if (this.currentPage >= this.totalPages - 4) {\n        return [\n          1,\n          -1,\n          this.totalPages - 4,\n          this.totalPages - 3,\n          this.totalPages - 2,\n          this.totalPages - 1,\n          this.totalPages,\n        ];\n      } else {\n        return [1, -1, this.currentPage - 1, this.currentPage, this.currentPage + 1, -1, this.totalPages];\n      }\n    }\n\n    return [1, 2, 3, 4, 5, -1, this.totalPages];\n  }\n}\n","<nav aria-label=\"Pagination\">\n  <ul>\n    <li>\n      <button\n        aria-label=\"Go To Previous Page\"\n        [attr.aria-disabled]=\"currentPage === 1\"\n        [disabled]=\"currentPage === 1\"\n        id=\"paginationPrevious\"\n        (click)=\"onGoToPreviousPage()\"\n      >\n        <ads-icon name=\"chevron_left\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let page of pages\">\n      <a\n        *ngIf=\"page !== -1; else more\"\n        class=\"internal\"\n        role=\"button\"\n        [attr.aria-current]=\"page === currentPage\"\n        [attr.aria-label]=\"page === currentPage ? 'Current Page, Page ' + page : 'Go to Page ' + page\"\n        [class.current]=\"page === currentPage\"\n        [id]=\"'paginationPage' + page\"\n        tabindex=\"0\"\n        (click)=\"onGoToPage(page)\"\n        (keyup.enter)=\"onGoToPage(page)\"\n        >{{ page }}</a\n      >\n      <ng-template #more>\n        <a class=\"more\">\n          <ads-icon name=\"menu_more_info\" size=\"xs\" theme=\"primary\"></ads-icon>\n        </a>\n      </ng-template>\n    </li>\n    <li>\n      <button\n        aria-label=\"Go To Next Page\"\n        [attr.aria-disabled]=\"currentPage === totalPages\"\n        [disabled]=\"currentPage === totalPages\"\n        id=\"paginationNext\"\n        (click)=\"onGoToNextPage()\"\n      >\n        <ads-icon name=\"chevron_right\" size=\"xs\" theme=\"primary\"></ads-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsPaginationComponent } from './pagination.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n  imports: [CommonModule, AdsIconModule],\n  declarations: [AdsPaginationComponent],\n  exports: [AdsPaginationComponent],\n})\nexport class AdsPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,136 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewChild, ViewChildren, Input, NgModule } from '@angular/core';
-import * as i1 from '@ascentgl/ads-icons';
-import { AdsIconModule } from '@ascentgl/ads-icons';
-import { adsIconCheckCircle } from '@ascentgl/ads-icons/icons';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@ascentgl/ads-utils';
-import { AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS, AdsGestureDirection } from '@ascentgl/ads-utils';
-
-class AdsProgressStepperComponent {
-    constructor(renderer, registry, window) {
-        this.renderer = renderer;
-        this.registry = registry;
-        this.window = window;
-        /** Whether the viewport is mobile */
-        this.isMobile = false;
-        /** Padding of parent container */
-        this.containerPadding = 24;
-        /** @ignore */
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.styles = {};
-        /** @ignore */
-        this.focusedIndex = 0;
-        this.registry.register(adsIconCheckCircle);
-    }
-    /** @ignore */
-    ngAfterViewInit() {
-        if (this.isMobile) {
-            this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
-            this.centerCurrentStep(this.focusedIndex);
-        }
-    }
-    /** @ignore */
-    ngOnChanges(changes) {
-        if (changes?.isMobile && !changes.isMobile.firstChange) {
-            this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
-            this.centerCurrentStep(this.focusedIndex);
-        }
-        if (changes?.steps && changes.steps?.currentValue && !changes.steps?.firstChange) {
-            if (this.isMobile) {
-                this.focusedIndex = this.getLastCompletedStepIndex(this.steps);
-                this.centerCurrentStep(this.focusedIndex);
-            }
-        }
-    }
-    /** @ignore */
-    ngOnInit() {
-        this.styles = {
-            step: {
-                'grid-template-columns': `repeat(${this.steps.length}, minmax(150px, 1fr))`,
-            },
-        };
-    }
-    /** @ignore */
-    onSwipeLeft() {
-        if (this.focusedIndex === this.steps.length - this.calculateStepsPerViewport() || !this.isMobile) {
-            return;
-        }
-        this.focusedIndex++;
-        this.centerCurrentStep(this.focusedIndex);
-    }
-    /** @ignore */
-    onSwipeRight() {
-        if (this.focusedIndex === 0 || !this.isMobile) {
-            return;
-        }
-        this.focusedIndex--;
-        this.centerCurrentStep(this.focusedIndex);
-    }
-    /** @ignore */
-    centerCurrentStep(focusedIndex) {
-        if (focusedIndex === 0) {
-            this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', '0px');
-            return;
-        }
-        const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
-        const offset = focusedIndex * stepWidth;
-        this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', `-${offset}px`);
-    }
-    /** @ignore */
-    getLastCompletedStepIndex(steps) {
-        return steps.map((step) => step.completed).lastIndexOf(true);
-    }
-    /** @ignore */
-    calculateStepsPerViewport() {
-        const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
-        return Math.floor((this.window.innerWidth - this.containerPadding) / stepWidth);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperComponent, deps: [{ token: i0.Renderer2 }, { token: i1.AdsIconRegistry }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsProgressStepperComponent, selector: "ads-progress-stepper", inputs: { isMobile: "isMobile", containerPadding: "containerPadding", steps: "steps" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: ["stepper"], descendants: true }, { propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #stepper\n  adsGesture\n  class=\"progress-stepper\"\n  [ngStyle]=\"styles?.step\"\n  [draggable]=\"false\"\n  (gestureleft)=\"onSwipeLeft()\"\n  (gestureright)=\"onSwipeRight()\"\n>\n  <div\n    #stepElements\n    class=\"progress-stepper-step\"\n    [draggable]=\"false\"\n    *ngFor=\"let step of steps; let index = index; let first = first; let last = last\"\n  >\n    <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n      <div\n        class=\"progress-bar-highlight\"\n        [class.completed]=\"step.completed\"\n        [class.roundedLeft]=\"first || (!steps[index - 1].completed && step.completed)\"\n        [class.roundedRight]=\"\n          last || (!steps[index + 1].completed && step.completed) || (first && !steps[index + 1].completed)\n        \"\n      ></div>\n    </div>\n    <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n      <div class=\"progress-step-info-container\">\n        <div class=\"title\">\n          <div class=\"title-text\">{{ step.title }}</div>\n          <div class=\"title-completed-icon\" *ngIf=\"step.completed\">\n            <ads-icon name=\"check_circle\" size=\"xxs\" color=\"#5756B3\"></ads-icon>\n          </div>\n        </div>\n        <div *ngIf=\"step?.date\" class=\"date\">{{ step?.date }}</div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-green)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3.AdsGestureDirective, selector: "[adsGesture]", outputs: ["gesturedown", "gestureleft", "gestureright", "gestureup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-progress-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #stepper\n  adsGesture\n  class=\"progress-stepper\"\n  [ngStyle]=\"styles?.step\"\n  [draggable]=\"false\"\n  (gestureleft)=\"onSwipeLeft()\"\n  (gestureright)=\"onSwipeRight()\"\n>\n  <div\n    #stepElements\n    class=\"progress-stepper-step\"\n    [draggable]=\"false\"\n    *ngFor=\"let step of steps; let index = index; let first = first; let last = last\"\n  >\n    <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n      <div\n        class=\"progress-bar-highlight\"\n        [class.completed]=\"step.completed\"\n        [class.roundedLeft]=\"first || (!steps[index - 1].completed && step.completed)\"\n        [class.roundedRight]=\"\n          last || (!steps[index + 1].completed && step.completed) || (first && !steps[index + 1].completed)\n        \"\n      ></div>\n    </div>\n    <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n      <div class=\"progress-step-info-container\">\n        <div class=\"title\">\n          <div class=\"title-text\">{{ step.title }}</div>\n          <div class=\"title-completed-icon\" *ngIf=\"step.completed\">\n            <ads-icon name=\"check_circle\" size=\"xxs\" color=\"#5756B3\"></ads-icon>\n          </div>\n        </div>\n        <div *ngIf=\"step?.date\" class=\"date\">{{ step?.date }}</div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{box-sizing:border-box}.progress-stepper{display:grid;max-width:100%;-webkit-user-select:none;user-select:none;transition:margin .3s ease-in-out}.progress-stepper-step{display:flex;flex-direction:column;flex:1}.progress-step-info{display:flex;flex-direction:column;align-items:center;padding:8px}.progress-step-info.first{align-items:flex-start}.progress-step-info.last{align-items:flex-end}.progress-stepper-step:last-of-type .title,.progress-stepper-step:last-of-type .date{text-align:right}.title{color:var(--color-medium);font-size:13px;font-weight:500;display:flex;height:24px;align-items:center}.title-text{margin-right:6px;line-height:24px;white-space:nowrap}.title-completed-icon{line-height:24px;display:flex;align-items:center}.date{color:var(--color-black);font-size:12px;line-height:14px;white-space:nowrap}.progress-bar{width:100%;background-color:var(--color-medium-50);height:12px}.progress-bar.first,.progress-bar.first .progress-bar-highlight{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar.last,.progress-bar.last .progress-bar-highlight{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-bar-highlight{height:12px;width:100%}.progress-bar-highlight.completed{background-color:var(--color-green)}.progress-bar-highlight.roundedLeft{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-bar-highlight.roundedRight{border-top-right-radius:12px;border-bottom-right-radius:12px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.AdsIconRegistry }, { type: Window }], propDecorators: { stepper: [{
-                type: ViewChild,
-                args: ['stepper']
-            }], stepElements: [{
-                type: ViewChildren,
-                args: ['stepElements']
-            }], isMobile: [{
-                type: Input
-            }], containerPadding: [{
-                type: Input
-            }], steps: [{
-                type: Input
-            }] } });
-
-class AdsProgressStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, declarations: [AdsProgressStepperComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule], exports: [AdsProgressStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, providers: [
-            { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-            { provide: Window, useValue: window },
-        ], imports: [CommonModule, AdsIconModule, AdsGestureModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressStepperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AdsProgressStepperComponent],
-                    imports: [CommonModule, AdsIconModule, AdsGestureModule],
-                    exports: [AdsProgressStepperComponent],
-                    providers: [
-                        { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
-                        { provide: Window, useValue: window },
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdsProgressStepperComponent, AdsProgressStepperModule };
-//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-progress-stepper.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-stepper.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-stepper/progress-stepper.component.ts","../../../../libs/ads-ui/src/lib/components/progress-stepper/progress-stepper.component.html","../../../../libs/ads-ui/src/lib/components/progress-stepper/progress-stepper.module.ts","../../../../libs/ads-ui/src/lib/components/progress-stepper/ascentgl-ads-ui-src-lib-components-progress-stepper.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  OnInit,\n  ViewChildren,\n  QueryList,\n  ElementRef,\n  AfterViewInit,\n  Renderer2,\n  ViewChild,\n  SimpleChanges,\n  OnChanges,\n} from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconCheckCircle } from '@ascentgl/ads-icons/icons';\nimport { ProgressStep } from './progress-step.types';\n\n@Component({\n  selector: 'ads-progress-stepper',\n  templateUrl: './progress-stepper.component.html',\n  styleUrls: ['./progress-stepper.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AdsProgressStepperComponent implements AfterViewInit, OnChanges, OnInit {\n  constructor(\n    private renderer: Renderer2,\n    private registry: AdsIconRegistry,\n    private window: Window,\n  ) {\n    this.registry.register(adsIconCheckCircle);\n  }\n\n  /** @ignore */\n  @ViewChild('stepper') stepper!: ElementRef;\n\n  /** @ignore */\n  @ViewChildren('stepElements') stepElements!: QueryList<ElementRef>;\n\n  /** Whether the viewport is mobile */\n  @Input() isMobile = false;\n\n  /** Padding of parent container */\n  @Input() containerPadding = 24;\n\n  /** Steps to display */\n  @Input() steps!: ProgressStep[];\n\n  /** @ignore */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public styles: any = {};\n\n  /** @ignore */\n  private focusedIndex = 0;\n\n  /** @ignore */\n  ngAfterViewInit() {\n    if (this.isMobile) {\n      this.focusedIndex = this.getLastCompletedStepIndex(this.steps);\n      this.centerCurrentStep(this.focusedIndex);\n    }\n  }\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes?.isMobile && !changes.isMobile.firstChange) {\n      this.focusedIndex = this.getLastCompletedStepIndex(this.steps);\n      this.centerCurrentStep(this.focusedIndex);\n    }\n\n    if (changes?.steps && changes.steps?.currentValue && !changes.steps?.firstChange) {\n      if (this.isMobile) {\n        this.focusedIndex = this.getLastCompletedStepIndex(this.steps);\n        this.centerCurrentStep(this.focusedIndex);\n      }\n    }\n  }\n\n  /** @ignore */\n  ngOnInit() {\n    this.styles = {\n      step: {\n        'grid-template-columns': `repeat(${this.steps.length}, minmax(150px, 1fr))`,\n      },\n    };\n  }\n\n  /** @ignore */\n  public onSwipeLeft(): void {\n    if (this.focusedIndex === this.steps.length - this.calculateStepsPerViewport() || !this.isMobile) {\n      return;\n    }\n\n    this.focusedIndex++;\n    this.centerCurrentStep(this.focusedIndex);\n  }\n\n  /** @ignore */\n  public onSwipeRight(): void {\n    if (this.focusedIndex === 0 || !this.isMobile) {\n      return;\n    }\n\n    this.focusedIndex--;\n    this.centerCurrentStep(this.focusedIndex);\n  }\n\n  /** @ignore */\n  private centerCurrentStep(focusedIndex: number): void {\n    if (focusedIndex === 0) {\n      this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', '0px');\n      return;\n    }\n\n    const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;\n    const offset = focusedIndex * stepWidth;\n    this.renderer.setStyle(this.stepper.nativeElement, 'margin-left', `-${offset}px`);\n  }\n\n  /** @ignore */\n  private getLastCompletedStepIndex(steps: ProgressStep[]): number {\n    return steps.map((step) => step.completed).lastIndexOf(true);\n  }\n\n  /** @ignore */\n  private calculateStepsPerViewport(): number {\n    const stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;\n    return Math.floor((this.window.innerWidth - this.containerPadding) / stepWidth);\n  }\n}\n","<div\n  #stepper\n  adsGesture\n  class=\"progress-stepper\"\n  [ngStyle]=\"styles?.step\"\n  [draggable]=\"false\"\n  (gestureleft)=\"onSwipeLeft()\"\n  (gestureright)=\"onSwipeRight()\"\n>\n  <div\n    #stepElements\n    class=\"progress-stepper-step\"\n    [draggable]=\"false\"\n    *ngFor=\"let step of steps; let index = index; let first = first; let last = last\"\n  >\n    <div class=\"progress-bar\" [class.first]=\"first\" [class.last]=\"last\">\n      <div\n        class=\"progress-bar-highlight\"\n        [class.completed]=\"step.completed\"\n        [class.roundedLeft]=\"first || (!steps[index - 1].completed && step.completed)\"\n        [class.roundedRight]=\"\n          last || (!steps[index + 1].completed && step.completed) || (first && !steps[index + 1].completed)\n        \"\n      ></div>\n    </div>\n    <div class=\"progress-step-info\" [class.first]=\"first\" [class.last]=\"last\">\n      <div class=\"progress-step-info-container\">\n        <div class=\"title\">\n          <div class=\"title-text\">{{ step.title }}</div>\n          <div class=\"title-completed-icon\" *ngIf=\"step.completed\">\n            <ads-icon name=\"check_circle\" size=\"xxs\" color=\"#5756B3\"></ads-icon>\n          </div>\n        </div>\n        <div *ngIf=\"step?.date\" class=\"date\">{{ step?.date }}</div>\n      </div>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsProgressStepperComponent } from './progress-stepper.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';\n\n@NgModule({\n  declarations: [AdsProgressStepperComponent],\n  imports: [CommonModule, AdsIconModule, AdsGestureModule],\n  exports: [AdsProgressStepperComponent],\n  providers: [\n    { provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },\n    { provide: Window, useValue: window },\n  ],\n})\nexport class AdsProgressStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}