@ascentgl/ads-ui 21.1.0 → 21.1.1

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

@@ -1 +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  standalone: false,\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":";;;MAQa,2BAA2B,CAAA;AANxC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK;AAC1B,IAAA;8GALY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,mHCRxC,gFAGA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA,CAAA,CAAA;;2FDKa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cAGpB,KAAK,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA;;sBAMhB;;;MEJU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAxB,wBAAwB,EAAA,YAAA,EAAA,CAFpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CADhC,2BAA2B,CAAA,EAAA,CAAA,CAAA;+GAG1B,wBAAwB,EAAA,CAAA,CAAA;;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;;;ACPD;;AAEG;;;;"}
+{"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';\r\n\r\n@Component({\r\n  selector: 'ads-header-container',\r\n  styleUrls: ['header-container.component.scss'],\r\n  templateUrl: 'header-container.component.html',\r\n  standalone: false,\r\n})\r\nexport class AdsHeaderContainerComponent {\r\n  /**\r\n   * Whether the viewport is mobile\r\n   */\r\n  @Input() isMobile = false;\r\n}\r\n","<header [class.mobile]=\"isMobile\">\r\n  <ng-content></ng-content>\r\n</header>\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { AdsHeaderContainerComponent } from './header-container.component';\r\n\r\n@NgModule({\r\n  exports: [AdsHeaderContainerComponent],\r\n  declarations: [AdsHeaderContainerComponent],\r\n})\r\nexport class AdsHeaderContainerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,2BAA2B,CAAA;AANxC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK;AAC1B,IAAA;+GALY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,mHCRxC,sFAGA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA,CAAA,CAAA;;4FDKa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cAGpB,KAAK,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,2LAAA,CAAA,EAAA;;sBAMhB;;;MEJU,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAFpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CADhC,2BAA2B,CAAA,EAAA,CAAA,CAAA;gHAG1B,wBAAwB,EAAA,CAAA,CAAA;;4FAAxB,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;;;ACPD;;AAEG;;;;"}

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

@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
 import { Component, NgModule } from '@angular/core';
 
 class AdsHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", type: AdsHeaderComponent, isStandalone: false, 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;color:var(--color-dark)}.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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AdsHeaderComponent, isStandalone: false, selector: "ads-header", ngImport: i0, template: "<div class=\"header\">\r\n  <div class=\"addon-left\">\r\n    <ng-content select=\"[left]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[logo]\"></ng-content>\r\n  <div class=\"addon-right\">\r\n    <ng-content select=\"[right]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.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: "21.0.0", ngImport: i0, type: AdsHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-header', standalone: false, 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;color:var(--color-dark)}.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"] }]
+            args: [{ selector: 'ads-header', standalone: false, template: "<div class=\"header\">\r\n  <div class=\"addon-left\">\r\n    <ng-content select=\"[left]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[logo]\"></ng-content>\r\n  <div class=\"addon-right\">\r\n    <ng-content select=\"[right]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.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: "21.0.0", ngImport: i0, type: AdsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsHeaderModule, declarations: [AdsHeaderComponent], exports: [AdsHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsHeaderModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderModule, declarations: [AdsHeaderComponent], exports: [AdsHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [AdsHeaderComponent],

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

@@ -1 +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  standalone: false,\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":";;;MAQa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uECR/B,qQASA,EAAA,MAAA,EAAA,CAAA,wPAAA,CAAA,EAAA,CAAA,CAAA;;2FDDa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cAGV,KAAK,EAAA,QAAA,EAAA,qQAAA,EAAA,MAAA,EAAA,CAAA,wPAAA,CAAA,EAAA;;;MECN,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAf,eAAe,EAAA,YAAA,EAAA,CAFX,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADvB,kBAAkB,CAAA,EAAA,CAAA,CAAA;+GAGjB,eAAe,EAAA,CAAA,CAAA;;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;;;ACND;;AAEG;;;;"}
+{"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';\r\n\r\n@Component({\r\n  selector: 'ads-header',\r\n  styleUrls: ['header.component.scss'],\r\n  templateUrl: 'header.component.html',\r\n  standalone: false,\r\n})\r\nexport class AdsHeaderComponent {}\r\n","<div class=\"header\">\r\n  <div class=\"addon-left\">\r\n    <ng-content select=\"[left]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[logo]\"></ng-content>\r\n  <div class=\"addon-right\">\r\n    <ng-content select=\"[right]\"></ng-content>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { AdsHeaderComponent } from './header.component';\r\n\r\n@NgModule({\r\n  exports: [AdsHeaderComponent],\r\n  declarations: [AdsHeaderComponent],\r\n})\r\nexport class AdsHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,uECR/B,uRASA,EAAA,MAAA,EAAA,CAAA,wPAAA,CAAA,EAAA,CAAA,CAAA;;4FDDa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cAGV,KAAK,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,wPAAA,CAAA,EAAA;;;MECN,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAf,eAAe,EAAA,YAAA,EAAA,CAFX,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADvB,kBAAkB,CAAA,EAAA,CAAA,CAAA;gHAGjB,eAAe,EAAA,CAAA,CAAA;;4FAAf,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;;;ACND;;AAEG;;;;"}

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

@@ -28,10 +28,10 @@ class AbstractLogoComponent {
     checkScreenSize() {
         this.isMobile = window.innerWidth <= this.mobileWidth();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AbstractLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.0", type: AbstractLogoComponent, isStandalone: true, 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()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AbstractLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: AbstractLogoComponent, isStandalone: true, 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()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AbstractLogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AbstractLogoComponent, decorators: [{
             type: Directive
         }], propDecorators: { mobileWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileWidth", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], onResize: [{
                 type: HostListener,
@@ -42,20 +42,20 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
     constructor() {
         super();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: AdsPrimaryLogoComponent, isStandalone: false, selector: "ads-primary-logo", usesInheritance: true, ngImport: i0, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\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)}picture.full{min-width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AdsPrimaryLogoComponent, isStandalone: false, selector: "ads-primary-logo", usesInheritance: true, ngImport: i0, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\r\n  @if (isMobile || isCollapsed()) {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\r\n      <path\r\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\"\r\n      />\r\n    </svg>\r\n  } @else {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\r\n      <path\r\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\"\r\n      />\r\n      <path\r\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\"\r\n      />\r\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\r\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\r\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\r\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\r\n    </svg>\r\n  }\r\n</picture>\r\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-primary-logo', standalone: false, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\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)}picture.full{min-width:80px}\n"] }]
+            args: [{ selector: 'ads-primary-logo', standalone: false, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\r\n  @if (isMobile || isCollapsed()) {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\r\n      <path\r\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\"\r\n      />\r\n    </svg>\r\n  } @else {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\r\n      <path\r\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\"\r\n      />\r\n      <path\r\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\"\r\n      />\r\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\r\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\r\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\r\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\r\n    </svg>\r\n  }\r\n</picture>\r\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"] }]
         }], ctorParameters: () => [] });
 
 class AdsPrimaryLogoModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoModule, declarations: [AdsPrimaryLogoComponent], imports: [CommonModule, NgOptimizedImage], exports: [AdsPrimaryLogoComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoModule, declarations: [AdsPrimaryLogoComponent], imports: [CommonModule, NgOptimizedImage], exports: [AdsPrimaryLogoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsPrimaryLogoModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsPrimaryLogoModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NgOptimizedImage],

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

@@ -1 +1 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs","sources":["../../../../libs/ads-ui/src/lib/components/logo/primary-logo/abstract-logo-component.ts","../../../../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 { Directive, HostListener, input, OnInit } from '@angular/core';\n\n@Directive()\nexport abstract class AbstractLogoComponent implements OnInit {\n  /** @ignore */\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')\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","import { Component } from '@angular/core';\nimport { AbstractLogoComponent } from './abstract-logo-component';\n\n@Component({\n  selector: 'ads-primary-logo',\n  styleUrls: ['primary-logo.component.scss'],\n  templateUrl: 'primary-logo.component.html',\n  standalone: false,\n})\nexport class AdsPrimaryLogoComponent extends AbstractLogoComponent {\n  constructor() {\n    super();\n  }\n}\n","<picture [ngClass]=\"{ full: !isCollapsed() }\">\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":"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"}
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs","sources":["../../../../libs/ads-ui/src/lib/components/logo/primary-logo/abstract-logo-component.ts","../../../../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 { Directive, HostListener, input, OnInit } from '@angular/core';\r\n\r\n@Directive()\r\nexport abstract class AbstractLogoComponent implements OnInit {\r\n  /** @ignore */\r\n  isMobile = false;\r\n\r\n  /**\r\n   * Mobile width\r\n   */\r\n  mobileWidth = input<number>(768);\r\n\r\n  /**\r\n   * Whether the navigation is collapsed\r\n   */\r\n  isCollapsed = input<boolean>(false);\r\n\r\n  /** @ignore */\r\n  @HostListener('window:resize')\r\n  onResize() {\r\n    this.checkScreenSize();\r\n  }\r\n\r\n  /** @ignore */\r\n  ngOnInit(): void {\r\n    this.checkScreenSize();\r\n  }\r\n\r\n  /** @ignore */\r\n  private checkScreenSize(): void {\r\n    this.isMobile = window.innerWidth <= this.mobileWidth();\r\n  }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { AbstractLogoComponent } from './abstract-logo-component';\r\n\r\n@Component({\r\n  selector: 'ads-primary-logo',\r\n  styleUrls: ['primary-logo.component.scss'],\r\n  templateUrl: 'primary-logo.component.html',\r\n  standalone: false,\r\n})\r\nexport class AdsPrimaryLogoComponent extends AbstractLogoComponent {\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<picture [ngClass]=\"{ full: !isCollapsed() }\">\r\n  @if (isMobile || isCollapsed()) {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\r\n      <path\r\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\"\r\n      />\r\n    </svg>\r\n  } @else {\r\n    <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\r\n      <path\r\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\"\r\n      />\r\n      <path\r\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\"\r\n      />\r\n      <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\r\n      <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\r\n      <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\r\n      <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\r\n    </svg>\r\n  }\r\n</picture>\r\n","import { CommonModule, NgOptimizedImage } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { AdsPrimaryLogoComponent } from './primary-logo.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, NgOptimizedImage],\r\n  exports: [AdsPrimaryLogoComponent],\r\n  declarations: [AdsPrimaryLogoComponent],\r\n})\r\nexport class AdsPrimaryLogoModule {}\r\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-indicators-progress-bar.mjs

@@ -60,12 +60,12 @@ class AdsProgressBarComponent {
     getMarkerPosition(value, max) {
         return `calc(${(value / max) * 100}% + 5.5px)`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n    @if(showMarker) {\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n    }\n  </div>\n  <progress\n    role=\"progressbar\"\n    aria-valuemin=\"0\"\n    [attr.aria-valuemax]=\"max\"\n    [attr.aria-label]=\"ariaLabel\"\n    [value]=\"value\"\n    [max]=\"max\"\n    [id]=\"id\"\n  ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\r\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\r\n    @if(showMarker) {\r\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\r\n    }\r\n  </div>\r\n  <progress\r\n    role=\"progressbar\"\r\n    aria-valuemin=\"0\"\r\n    [attr.aria-valuemax]=\"max\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [value]=\"value\"\r\n    [max]=\"max\"\r\n    [id]=\"id\"\r\n  ></progress>\r\n</div>\r\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n    @if(showMarker) {\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n    }\n  </div>\n  <progress\n    role=\"progressbar\"\n    aria-valuemin=\"0\"\n    [attr.aria-valuemax]=\"max\"\n    [attr.aria-label]=\"ariaLabel\"\n    [value]=\"value\"\n    [max]=\"max\"\n    [id]=\"id\"\n  ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"] }]
+            args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\r\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\r\n    @if(showMarker) {\r\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\r\n    }\r\n  </div>\r\n  <progress\r\n    role=\"progressbar\"\r\n    aria-valuemin=\"0\"\r\n    [attr.aria-valuemax]=\"max\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [value]=\"value\"\r\n    [max]=\"max\"\r\n    [id]=\"id\"\r\n  ></progress>\r\n</div>\r\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
                 type: Input
             }], disabled: [{
@@ -79,11 +79,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }] } });
 
 class AdsProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarModule, declarations: [AdsProgressBarComponent], imports: [CommonModule, AdsIconModule], exports: [AdsProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarModule, imports: [CommonModule, AdsIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarModule, declarations: [AdsProgressBarComponent], imports: [CommonModule, AdsIconModule], exports: [AdsProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarModule, imports: [CommonModule, AdsIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AdsIconModule],

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

@@ -1 +1 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconSortDescending } from '@ascentgl/ads-icons/icons';\n\ntype Theme = 'primary' | 'success' | 'medium';\n\n@Component({\n  selector: 'ads-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss'],\n  standalone: false,\n})\nexport class AdsProgressBarComponent implements OnChanges {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register(adsIconSortDescending);\n  }\n\n  /**\n   * The unique ID for the progress bar\n   */\n  @Input() id!: string;\n\n  /**\n   * Whether or not the progress bar is disabled\n   */\n  @Input() disabled = false;\n\n  /**\n   * Aria label for the progress element\n   */\n  @Input() ariaLabel!: string;\n\n  /**\n   * The max value of the progress bar\n   */\n  @Input() max = 100;\n\n  /**\n   * The value of the progress bar\n   */\n  @Input() value = 0;\n\n  /**\n   * @ignore\n   * Only show the marker if the bar has progress and is not completed\n   */\n  get showMarker(): boolean {\n    return this.value > 0 && this.value < this.max;\n  }\n\n  /** @ignore */\n  public color: Theme = 'primary';\n\n  /** @ignore */\n  public markerPosition!: string;\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (this.value > this.max) {\n      console.warn(\n        `The current value (${this.value}) of the progress bar is greater than the max (${this.max}). Did you forget to add the 'max' attribute?`,\n      );\n    }\n\n    if (changes.value || changes.max) {\n      this.color = this.getColor(this.value, this.max, this.disabled);\n      this.markerPosition = this.getMarkerPosition(this.value, this.max);\n    }\n\n    if (changes.disabled) {\n      this.color = this.getColor(this.value, this.max, this.disabled);\n    }\n\n    if (changes.ariaLabel) {\n      this.ariaLabel = this.getLabel(this.max);\n    }\n  }\n\n  /** @ignore */\n  private getColor(value: number, max: number, disabled: boolean): Theme {\n    return disabled ? 'medium' : value >= max ? 'success' : 'primary';\n  }\n\n  /** @ignore */\n  private getLabel(max: number): string {\n    return this.ariaLabel ?? `A bounded progress bar from 0 to ${max}`;\n  }\n\n  /** @ignore */\n  private getMarkerPosition(value: number, max: number): string {\n    return `calc(${(value / max) * 100}% + 5.5px)`;\n  }\n}\n","<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n    @if(showMarker) {\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n    }\n  </div>\n  <progress\n    role=\"progressbar\"\n    aria-valuemin=\"0\"\n    [attr.aria-valuemax]=\"max\"\n    [attr.aria-label]=\"ariaLabel\"\n    [value]=\"value\"\n    [max]=\"max\"\n    [id]=\"id\"\n  ></progress>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsProgressBarComponent } from './progress-bar.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n  imports: [CommonModule, AdsIconModule],\n  declarations: [AdsProgressBarComponent],\n  exports: [AdsProgressBarComponent],\n})\nexport class AdsProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\r\nimport { adsIconSortDescending } from '@ascentgl/ads-icons/icons';\r\n\r\ntype Theme = 'primary' | 'success' | 'medium';\r\n\r\n@Component({\r\n  selector: 'ads-progress-bar',\r\n  templateUrl: './progress-bar.component.html',\r\n  styleUrls: ['./progress-bar.component.scss'],\r\n  standalone: false,\r\n})\r\nexport class AdsProgressBarComponent implements OnChanges {\r\n  constructor(private registry: AdsIconRegistry) {\r\n    this.registry.register(adsIconSortDescending);\r\n  }\r\n\r\n  /**\r\n   * The unique ID for the progress bar\r\n   */\r\n  @Input() id!: string;\r\n\r\n  /**\r\n   * Whether or not the progress bar is disabled\r\n   */\r\n  @Input() disabled = false;\r\n\r\n  /**\r\n   * Aria label for the progress element\r\n   */\r\n  @Input() ariaLabel!: string;\r\n\r\n  /**\r\n   * The max value of the progress bar\r\n   */\r\n  @Input() max = 100;\r\n\r\n  /**\r\n   * The value of the progress bar\r\n   */\r\n  @Input() value = 0;\r\n\r\n  /**\r\n   * @ignore\r\n   * Only show the marker if the bar has progress and is not completed\r\n   */\r\n  get showMarker(): boolean {\r\n    return this.value > 0 && this.value < this.max;\r\n  }\r\n\r\n  /** @ignore */\r\n  public color: Theme = 'primary';\r\n\r\n  /** @ignore */\r\n  public markerPosition!: string;\r\n\r\n  /** @ignore */\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (this.value > this.max) {\r\n      console.warn(\r\n        `The current value (${this.value}) of the progress bar is greater than the max (${this.max}). Did you forget to add the 'max' attribute?`,\r\n      );\r\n    }\r\n\r\n    if (changes.value || changes.max) {\r\n      this.color = this.getColor(this.value, this.max, this.disabled);\r\n      this.markerPosition = this.getMarkerPosition(this.value, this.max);\r\n    }\r\n\r\n    if (changes.disabled) {\r\n      this.color = this.getColor(this.value, this.max, this.disabled);\r\n    }\r\n\r\n    if (changes.ariaLabel) {\r\n      this.ariaLabel = this.getLabel(this.max);\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  private getColor(value: number, max: number, disabled: boolean): Theme {\r\n    return disabled ? 'medium' : value >= max ? 'success' : 'primary';\r\n  }\r\n\r\n  /** @ignore */\r\n  private getLabel(max: number): string {\r\n    return this.ariaLabel ?? `A bounded progress bar from 0 to ${max}`;\r\n  }\r\n\r\n  /** @ignore */\r\n  private getMarkerPosition(value: number, max: number): string {\r\n    return `calc(${(value / max) * 100}% + 5.5px)`;\r\n  }\r\n}\r\n","<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\r\n  <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\r\n    @if(showMarker) {\r\n      <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\r\n    }\r\n  </div>\r\n  <progress\r\n    role=\"progressbar\"\r\n    aria-valuemin=\"0\"\r\n    [attr.aria-valuemax]=\"max\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [value]=\"value\"\r\n    [max]=\"max\"\r\n    [id]=\"id\"\r\n  ></progress>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AdsProgressBarComponent } from './progress-bar.component';\r\nimport { AdsIconModule } from '@ascentgl/ads-icons';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, AdsIconModule],\r\n  declarations: [AdsProgressBarComponent],\r\n  exports: [AdsProgressBarComponent],\r\n})\r\nexport class AdsProgressBarModule {}\r\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-indicators-progress-indicator-spinner.mjs

@@ -71,12 +71,12 @@ class AdsProgressIndicatorSpinnerComponent {
             this.diameter = 20;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n  class=\"progress-indicator-wrapper\"\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n  <!-- real font size is calculated based on default diameter and font size -->\n  <div\n    class=\"progress-value\"\n    [ngStyle]=\"{\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n      width: diameter + 'px',\n      height: diameter + 'px',\n    }\"\n  >\n    <!-- hidden value is used to calculate visible value scale -->\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n    <!-- scale value only if it has more than 3 characters  -->\n    <!-- the text should not be wider than 70% of diameter  -->\n    <span\n      class=\"visible-value\"\n      [ngStyle]=\"{\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n      }\"\n      >{{ value }}</span\n    >\n  </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\r\n<div\r\n  class=\"progress-indicator-wrapper\"\r\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\r\n>\r\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\r\n  <!-- real font size is calculated based on default diameter and font size -->\r\n  <div\r\n    class=\"progress-value\"\r\n    [ngStyle]=\"{\r\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\r\n      width: diameter + 'px',\r\n      height: diameter + 'px',\r\n    }\"\r\n  >\r\n    <!-- hidden value is used to calculate visible value scale -->\r\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\r\n    <!-- scale value only if it has more than 3 characters  -->\r\n    <!-- the text should not be wider than 70% of diameter  -->\r\n    <span\r\n      class=\"visible-value\"\r\n      [ngStyle]=\"{\r\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\r\n      }\"\r\n      >{{ value }}</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n  class=\"progress-indicator-wrapper\"\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n  <!-- real font size is calculated based on default diameter and font size -->\n  <div\n    class=\"progress-value\"\n    [ngStyle]=\"{\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n      width: diameter + 'px',\n      height: diameter + 'px',\n    }\"\n  >\n    <!-- hidden value is used to calculate visible value scale -->\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n    <!-- scale value only if it has more than 3 characters  -->\n    <!-- the text should not be wider than 70% of diameter  -->\n    <span\n      class=\"visible-value\"\n      [ngStyle]=\"{\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n      }\"\n      >{{ value }}</span\n    >\n  </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"] }]
+            args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\r\n<div\r\n  class=\"progress-indicator-wrapper\"\r\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\r\n>\r\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\r\n  <!-- real font size is calculated based on default diameter and font size -->\r\n  <div\r\n    class=\"progress-value\"\r\n    [ngStyle]=\"{\r\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\r\n      width: diameter + 'px',\r\n      height: diameter + 'px',\r\n    }\"\r\n  >\r\n    <!-- hidden value is used to calculate visible value scale -->\r\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\r\n    <!-- scale value only if it has more than 3 characters  -->\r\n    <!-- the text should not be wider than 70% of diameter  -->\r\n    <span\r\n      class=\"visible-value\"\r\n      [ngStyle]=\"{\r\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\r\n      }\"\r\n      >{{ value }}</span\r\n    >\r\n  </div>\r\n</div>\r\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"] }]
         }], propDecorators: { diameter: [{
                 type: Input
             }], max: [{
@@ -88,11 +88,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }] } });
 
 class AdsProgressIndicatorSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, declarations: [AdsProgressIndicatorSpinnerComponent], imports: [CommonModule, MatProgressSpinnerModule], exports: [AdsProgressIndicatorSpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, imports: [CommonModule, MatProgressSpinnerModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, declarations: [AdsProgressIndicatorSpinnerComponent], imports: [CommonModule, MatProgressSpinnerModule], exports: [AdsProgressIndicatorSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, imports: [CommonModule, MatProgressSpinnerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressIndicatorSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AdsProgressIndicatorSpinnerComponent],

package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.types.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.ts"],"sourcesContent":["export enum ProgressIndicatorSpinnerDefault {\n  diameter = 52,\n  padding = 11,\n  fontSize = 20,\n  max = 10,\n}\n","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChange } from '@angular/core';\nimport { ProgressIndicatorSpinnerDefault } from './progress-indicator-spinner.types';\n\n@Component({\n  selector: 'ads-progress-indicator-spinner',\n  templateUrl: './progress-indicator-spinner.component.html',\n  styleUrls: ['./progress-indicator-spinner.component.scss'],\n  standalone: false,\n})\nexport class AdsProgressIndicatorSpinnerComponent implements OnChanges {\n  /** Spinner diameter in pixels. Default is 52. Cannot be less than 20 */\n  @Input() diameter: number = ProgressIndicatorSpinnerDefault.diameter;\n\n  /** Max progress value. Default is 10. Cannot be less than 0 */\n  @Input() max: number = ProgressIndicatorSpinnerDefault.max;\n\n  /** Current progress value. Cannot be less than 0 or more than \"max\"*/\n  @Input() value = 0;\n\n  /** Event emitted percentage is updated after value changes */\n  @Output() percentageUpdated = new EventEmitter<number>();\n\n  /** @ignore */\n  percentage = 0;\n\n  /** @ignore */\n  readonly defaults: typeof ProgressIndicatorSpinnerDefault = ProgressIndicatorSpinnerDefault;\n\n  /** @ignore */\n  ngOnChanges(changes: { value: SimpleChange; max: SimpleChange; diameter: SimpleChange }): void {\n    if (changes.max) {\n      this.calculateMax();\n    }\n\n    if (changes.value) {\n      this.calculateValue();\n    }\n\n    if (changes.diameter) {\n      this.calculateDiameter();\n    }\n  }\n\n  /** @ignore */\n  private calculateMax(): void {\n    if (this.max < 1) {\n      this.max = 1;\n    }\n\n    this.calculateValue();\n  }\n\n  /** @ignore */\n  private calculateValue(): void {\n    if (this.value < 0) {\n      this.value = 0;\n    }\n\n    if (this.value > this.max) {\n      this.value = this.max;\n    }\n\n    this.calculatePercentage();\n  }\n\n  /** @ignore */\n  private calculatePercentage(): void {\n    const newPercentage = Math.round((this.value * 100) / this.max);\n\n    if (newPercentage != this.percentage) {\n      this.percentage = newPercentage;\n      this.percentageUpdated.emit(this.percentage);\n    }\n  }\n\n  /** @ignore */\n  private calculateDiameter(): void {\n    if (this.diameter < 20) {\n      this.diameter = 20;\n    }\n  }\n}\n","<!-- real padding will be calculated based on default padding and font size -->\n<div\n  class=\"progress-indicator-wrapper\"\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n  <!-- real font size is calculated based on default diameter and font size -->\n  <div\n    class=\"progress-value\"\n    [ngStyle]=\"{\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n      width: diameter + 'px',\n      height: diameter + 'px',\n    }\"\n  >\n    <!-- hidden value is used to calculate visible value scale -->\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n    <!-- scale value only if it has more than 3 characters  -->\n    <!-- the text should not be wider than 70% of diameter  -->\n    <span\n      class=\"visible-value\"\n      [ngStyle]=\"{\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n      }\"\n      >{{ value }}</span\n    >\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsProgressIndicatorSpinnerComponent } from './progress-indicator-spinner.component';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n  declarations: [AdsProgressIndicatorSpinnerComponent],\n  imports: [CommonModule, MatProgressSpinnerModule],\n  exports: [AdsProgressIndicatorSpinnerComponent],\n})\nexport class AdsProgressIndicatorSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.types.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.ts"],"sourcesContent":["export enum ProgressIndicatorSpinnerDefault {\r\n  diameter = 52,\r\n  padding = 11,\r\n  fontSize = 20,\r\n  max = 10,\r\n}\r\n","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChange } from '@angular/core';\r\nimport { ProgressIndicatorSpinnerDefault } from './progress-indicator-spinner.types';\r\n\r\n@Component({\r\n  selector: 'ads-progress-indicator-spinner',\r\n  templateUrl: './progress-indicator-spinner.component.html',\r\n  styleUrls: ['./progress-indicator-spinner.component.scss'],\r\n  standalone: false,\r\n})\r\nexport class AdsProgressIndicatorSpinnerComponent implements OnChanges {\r\n  /** Spinner diameter in pixels. Default is 52. Cannot be less than 20 */\r\n  @Input() diameter: number = ProgressIndicatorSpinnerDefault.diameter;\r\n\r\n  /** Max progress value. Default is 10. Cannot be less than 0 */\r\n  @Input() max: number = ProgressIndicatorSpinnerDefault.max;\r\n\r\n  /** Current progress value. Cannot be less than 0 or more than \"max\"*/\r\n  @Input() value = 0;\r\n\r\n  /** Event emitted percentage is updated after value changes */\r\n  @Output() percentageUpdated = new EventEmitter<number>();\r\n\r\n  /** @ignore */\r\n  percentage = 0;\r\n\r\n  /** @ignore */\r\n  readonly defaults: typeof ProgressIndicatorSpinnerDefault = ProgressIndicatorSpinnerDefault;\r\n\r\n  /** @ignore */\r\n  ngOnChanges(changes: { value: SimpleChange; max: SimpleChange; diameter: SimpleChange }): void {\r\n    if (changes.max) {\r\n      this.calculateMax();\r\n    }\r\n\r\n    if (changes.value) {\r\n      this.calculateValue();\r\n    }\r\n\r\n    if (changes.diameter) {\r\n      this.calculateDiameter();\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  private calculateMax(): void {\r\n    if (this.max < 1) {\r\n      this.max = 1;\r\n    }\r\n\r\n    this.calculateValue();\r\n  }\r\n\r\n  /** @ignore */\r\n  private calculateValue(): void {\r\n    if (this.value < 0) {\r\n      this.value = 0;\r\n    }\r\n\r\n    if (this.value > this.max) {\r\n      this.value = this.max;\r\n    }\r\n\r\n    this.calculatePercentage();\r\n  }\r\n\r\n  /** @ignore */\r\n  private calculatePercentage(): void {\r\n    const newPercentage = Math.round((this.value * 100) / this.max);\r\n\r\n    if (newPercentage != this.percentage) {\r\n      this.percentage = newPercentage;\r\n      this.percentageUpdated.emit(this.percentage);\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  private calculateDiameter(): void {\r\n    if (this.diameter < 20) {\r\n      this.diameter = 20;\r\n    }\r\n  }\r\n}\r\n","<!-- real padding will be calculated based on default padding and font size -->\r\n<div\r\n  class=\"progress-indicator-wrapper\"\r\n  [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\r\n>\r\n  <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\r\n  <!-- real font size is calculated based on default diameter and font size -->\r\n  <div\r\n    class=\"progress-value\"\r\n    [ngStyle]=\"{\r\n      fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\r\n      width: diameter + 'px',\r\n      height: diameter + 'px',\r\n    }\"\r\n  >\r\n    <!-- hidden value is used to calculate visible value scale -->\r\n    <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\r\n    <!-- scale value only if it has more than 3 characters  -->\r\n    <!-- the text should not be wider than 70% of diameter  -->\r\n    <span\r\n      class=\"visible-value\"\r\n      [ngStyle]=\"{\r\n        scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\r\n      }\"\r\n      >{{ value }}</span\r\n    >\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AdsProgressIndicatorSpinnerComponent } from './progress-indicator-spinner.component';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\n@NgModule({\r\n  declarations: [AdsProgressIndicatorSpinnerComponent],\r\n  imports: [CommonModule, MatProgressSpinnerModule],\r\n  exports: [AdsProgressIndicatorSpinnerComponent],\r\n})\r\nexport class AdsProgressIndicatorSpinnerModule {}\r\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-indicators-progress-spinner.mjs

@@ -78,12 +78,12 @@ class AdsProgressSpinnerComponent {
          */
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n    </div>\n  </div>\n} @else {\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n  </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\r\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\r\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\r\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\r\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n  </div>\r\n}\r\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n    </div>\n  </div>\n} @else {\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n  </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"] }]
+            args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\r\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\r\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\r\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\r\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n  </div>\r\n}\r\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
                 type: Input
             }], scrollContainer: [{
@@ -98,11 +98,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }] } });
 
 class AdsProgressSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerModule, declarations: [AdsProgressSpinnerComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule], exports: [AdsProgressSpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerModule, providers: [{ provide: Window, useValue: window }], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerModule, declarations: [AdsProgressSpinnerComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule], exports: [AdsProgressSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerModule, providers: [{ provide: Window, useValue: window }], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsProgressSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsProgressSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AdsProgressSpinnerComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ElementRef, HostListener, Input, OnInit } from '@angular/core';\nimport { DomHelper, GENERIC_COLLECTION } from '@ascentgl/ads-utils';\n\nexport enum SpinnerSize {\n  xSmall = 'x-small',\n  small = 'small',\n  normal = 'normal',\n}\n\n@Component({\n  selector: 'ads-progress-spinner',\n  templateUrl: './progress-spinner.component.html',\n  styleUrls: ['./progress-spinner.component.scss'],\n  standalone: false,\n})\nexport class AdsProgressSpinnerComponent implements OnInit {\n  /** set spinner z-index */\n  @Input() zIndex = 1;\n\n  /** set spinner scrollContainer. This is useful when the spinner is inside dialog window **/\n  @Input() scrollContainer: HTMLElement | 'auto' | 'none' = 'none';\n\n  /** set spinner size */\n  @Input() size: SpinnerSize = SpinnerSize.normal;\n\n  /** set spinner diameter (overrides \"size\") */\n  @Input() diameter?: number;\n\n  computedDiameter = 100;\n  isSticky = false;\n  computedStyles?: CSSStyleDeclaration;\n\n  private readonly sizes = {\n    [SpinnerSize.xSmall]: 50,\n    [SpinnerSize.small]: 70,\n    [SpinnerSize.normal]: 100,\n  };\n\n  constructor(\n    protected ref: ElementRef,\n    private cdr: ChangeDetectorRef,\n  ) {}\n\n  /** @ignore */\n  ngOnInit(): void {\n    let scrollContainer: HTMLElement | Window | 'auto' | 'none' = this.scrollContainer;\n\n    if (this.scrollContainer == 'auto') {\n      scrollContainer = DomHelper.getScrollableParent(this.ref.nativeElement);\n    }\n\n    /**\n     * if scroll container is HTMLElement, make spinner stick to it's dimensions\n     */\n    if (scrollContainer instanceof HTMLElement) {\n      this.scrollContainer = scrollContainer;\n      this.isSticky = true;\n      this.computedStyles = getComputedStyle(scrollContainer);\n    }\n\n    if (this.diameter) {\n      this.computedDiameter = this.diameter;\n    } else {\n      this.computedDiameter = this.sizes[this.size];\n    }\n  }\n\n  /** @ignore */\n  getOverlayStyles(): GENERIC_COLLECTION {\n    const container = <HTMLElement>this.scrollContainer;\n\n    const computedStyles: GENERIC_COLLECTION = this.computedStyles ?? {};\n\n    /**\n     * subtract .5px from width  to avoid \"accidental\" appearance of scrollbars on resize\n     */\n    return {\n      zIndex: this.zIndex,\n      height: container.clientHeight + 'px',\n      width: container.clientWidth - 0.5 + 'px',\n      top: computedStyles.paddingTop ? '-' + computedStyles.paddingTop : 0,\n      left: computedStyles.paddingLeft ? '-' + computedStyles.paddingLeft : 0,\n    };\n  }\n\n  /**\n   * @ignore\n   * required for proper change detection\n   * NOTE: REALLY REQUIRED\n   */\n  @HostListener('window:resize') resize(): void {\n    /**\n     * additional change detection allows to avoid overlay sizing issues when window is being resized\n     */\n    this.cdr.detectChanges();\n  }\n}\n","@if (isSticky) {\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n    </div>\n  </div>\n} @else {\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsGestureModule } from '@ascentgl/ads-utils';\nimport { AdsProgressSpinnerComponent } from './progress-spinner.component';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n  declarations: [AdsProgressSpinnerComponent],\n  imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule],\n  exports: [AdsProgressSpinnerComponent],\n  providers: [{ provide: Window, useValue: window }],\n})\nexport class AdsProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ElementRef, HostListener, Input, OnInit } from '@angular/core';\r\nimport { DomHelper, GENERIC_COLLECTION } from '@ascentgl/ads-utils';\r\n\r\nexport enum SpinnerSize {\r\n  xSmall = 'x-small',\r\n  small = 'small',\r\n  normal = 'normal',\r\n}\r\n\r\n@Component({\r\n  selector: 'ads-progress-spinner',\r\n  templateUrl: './progress-spinner.component.html',\r\n  styleUrls: ['./progress-spinner.component.scss'],\r\n  standalone: false,\r\n})\r\nexport class AdsProgressSpinnerComponent implements OnInit {\r\n  /** set spinner z-index */\r\n  @Input() zIndex = 1;\r\n\r\n  /** set spinner scrollContainer. This is useful when the spinner is inside dialog window **/\r\n  @Input() scrollContainer: HTMLElement | 'auto' | 'none' = 'none';\r\n\r\n  /** set spinner size */\r\n  @Input() size: SpinnerSize = SpinnerSize.normal;\r\n\r\n  /** set spinner diameter (overrides \"size\") */\r\n  @Input() diameter?: number;\r\n\r\n  computedDiameter = 100;\r\n  isSticky = false;\r\n  computedStyles?: CSSStyleDeclaration;\r\n\r\n  private readonly sizes = {\r\n    [SpinnerSize.xSmall]: 50,\r\n    [SpinnerSize.small]: 70,\r\n    [SpinnerSize.normal]: 100,\r\n  };\r\n\r\n  constructor(\r\n    protected ref: ElementRef,\r\n    private cdr: ChangeDetectorRef,\r\n  ) {}\r\n\r\n  /** @ignore */\r\n  ngOnInit(): void {\r\n    let scrollContainer: HTMLElement | Window | 'auto' | 'none' = this.scrollContainer;\r\n\r\n    if (this.scrollContainer == 'auto') {\r\n      scrollContainer = DomHelper.getScrollableParent(this.ref.nativeElement);\r\n    }\r\n\r\n    /**\r\n     * if scroll container is HTMLElement, make spinner stick to it's dimensions\r\n     */\r\n    if (scrollContainer instanceof HTMLElement) {\r\n      this.scrollContainer = scrollContainer;\r\n      this.isSticky = true;\r\n      this.computedStyles = getComputedStyle(scrollContainer);\r\n    }\r\n\r\n    if (this.diameter) {\r\n      this.computedDiameter = this.diameter;\r\n    } else {\r\n      this.computedDiameter = this.sizes[this.size];\r\n    }\r\n  }\r\n\r\n  /** @ignore */\r\n  getOverlayStyles(): GENERIC_COLLECTION {\r\n    const container = <HTMLElement>this.scrollContainer;\r\n\r\n    const computedStyles: GENERIC_COLLECTION = this.computedStyles ?? {};\r\n\r\n    /**\r\n     * subtract .5px from width  to avoid \"accidental\" appearance of scrollbars on resize\r\n     */\r\n    return {\r\n      zIndex: this.zIndex,\r\n      height: container.clientHeight + 'px',\r\n      width: container.clientWidth - 0.5 + 'px',\r\n      top: computedStyles.paddingTop ? '-' + computedStyles.paddingTop : 0,\r\n      left: computedStyles.paddingLeft ? '-' + computedStyles.paddingLeft : 0,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   * required for proper change detection\r\n   * NOTE: REALLY REQUIRED\r\n   */\r\n  @HostListener('window:resize') resize(): void {\r\n    /**\r\n     * additional change detection allows to avoid overlay sizing issues when window is being resized\r\n     */\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","@if (isSticky) {\r\n  <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\r\n    <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\r\n      <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\r\n    <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n  </div>\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AdsIconModule } from '@ascentgl/ads-icons';\r\nimport { AdsGestureModule } from '@ascentgl/ads-utils';\r\nimport { AdsProgressSpinnerComponent } from './progress-spinner.component';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\n\r\n@NgModule({\r\n  declarations: [AdsProgressSpinnerComponent],\r\n  imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule],\r\n  exports: [AdsProgressSpinnerComponent],\r\n  providers: [{ provide: Window, useValue: window }],\r\n})\r\nexport class AdsProgressSpinnerModule {}\r\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-shell-layout.mjs

@@ -13,12 +13,12 @@ class ShellLayoutComponent {
          */
         this.isMobile = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"shell-container\">\n    <ng-content select=\"[navigation]\"></ng-content>\n    <div class=\"shell-header\">\n      <ng-content select=\"[header]\"></ng-content>  \n      <main class=\"main-content\">\n        <ng-content></ng-content>\n      </main>\n      <ng-content select=\"[widgetbar]\"></ng-content>\n    </div>\n  </div>\n  <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"container\">\n    <ng-content select=\"[header]\"></ng-content>\n    <main class=\"main-content\">\n      <ng-content></ng-content>\n    </main>\n    <ng-content select=\"[widgetbar]\"></ng-content>\n  </div>\n  <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n  <div class=\"shell-container\">\r\n    <ng-content select=\"[navigation]\"></ng-content>\r\n    <div class=\"shell-header\">\r\n      <ng-content select=\"[header]\"></ng-content>  \r\n      <main class=\"main-content\">\r\n        <ng-content></ng-content>\r\n      </main>\r\n      <ng-content select=\"[widgetbar]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <ng-content select=\"[footer]\"></ng-content>\r\n</div> -->\r\n\r\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n  <div class=\"container\">\r\n    <ng-content select=\"[header]\"></ng-content>\r\n    <main class=\"main-content\">\r\n      <ng-content></ng-content>\r\n    </main>\r\n    <ng-content select=\"[widgetbar]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[footer]\"></ng-content>\r\n</div>\r\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ShellLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ShellLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"shell-container\">\n    <ng-content select=\"[navigation]\"></ng-content>\n    <div class=\"shell-header\">\n      <ng-content select=\"[header]\"></ng-content>  \n      <main class=\"main-content\">\n        <ng-content></ng-content>\n      </main>\n      <ng-content select=\"[widgetbar]\"></ng-content>\n    </div>\n  </div>\n  <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"container\">\n    <ng-content select=\"[header]\"></ng-content>\n    <main class=\"main-content\">\n      <ng-content></ng-content>\n    </main>\n    <ng-content select=\"[widgetbar]\"></ng-content>\n  </div>\n  <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }]
+            args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n  <div class=\"shell-container\">\r\n    <ng-content select=\"[navigation]\"></ng-content>\r\n    <div class=\"shell-header\">\r\n      <ng-content select=\"[header]\"></ng-content>  \r\n      <main class=\"main-content\">\r\n        <ng-content></ng-content>\r\n      </main>\r\n      <ng-content select=\"[widgetbar]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <ng-content select=\"[footer]\"></ng-content>\r\n</div> -->\r\n\r\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n  <div class=\"container\">\r\n    <ng-content select=\"[header]\"></ng-content>\r\n    <main class=\"main-content\">\r\n      <ng-content></ng-content>\r\n    </main>\r\n    <ng-content select=\"[widgetbar]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[footer]\"></ng-content>\r\n</div>\r\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }]
         }], propDecorators: { isCollapsed: [{
                 type: Input
             }], isMobile: [{
@@ -26,11 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }] } });
 
 class AdsShellLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsShellLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: AdsShellLayoutModule, declarations: [ShellLayoutComponent], imports: [CommonModule], exports: [ShellLayoutComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsShellLayoutModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsShellLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: AdsShellLayoutModule, declarations: [ShellLayoutComponent], imports: [CommonModule], exports: [ShellLayoutComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsShellLayoutModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: AdsShellLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AdsShellLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ShellLayoutComponent],