@ascentgl/ads-ui 0.0.1

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

@@ -0,0 +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})\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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"}

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

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { Component, Input, HostListener, NgModule } from '@angular/core';
+import { DomHelper, AdsGestureModule } from '@ascentgl/ads-utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+
+var SpinnerSize;
+(function (SpinnerSize) {
+    SpinnerSize["xSmall"] = "x-small";
+    SpinnerSize["small"] = "small";
+    SpinnerSize["normal"] = "normal";
+})(SpinnerSize || (SpinnerSize = {}));
+class AdsProgressSpinnerComponent {
+    constructor(ref, cdr) {
+        this.ref = ref;
+        this.cdr = cdr;
+        /** set spinner z-index */
+        this.zIndex = 1;
+        /** set spinner scrollContainer. This is useful when the spinner is inside dialog window **/
+        this.scrollContainer = 'none';
+        /** set spinner size */
+        this.size = SpinnerSize.normal;
+        this.computedDiameter = 100;
+        this.isSticky = false;
+        this.sizes = {
+            [SpinnerSize.xSmall]: 50,
+            [SpinnerSize.small]: 70,
+            [SpinnerSize.normal]: 100,
+        };
+    }
+    /** @ignore */
+    ngOnInit() {
+        let scrollContainer = this.scrollContainer;
+        if (this.scrollContainer == 'auto') {
+            scrollContainer = DomHelper.getScrollableParent(this.ref.nativeElement);
+        }
+        /**
+         * if scroll container is HTMLElement, make spinner stick to it's dimensions
+         */
+        if (scrollContainer instanceof HTMLElement) {
+            this.scrollContainer = scrollContainer;
+            this.isSticky = true;
+            this.computedStyles = getComputedStyle(scrollContainer);
+        }
+        if (this.diameter) {
+            this.computedDiameter = this.diameter;
+        }
+        else {
+            this.computedDiameter = this.sizes[this.size];
+        }
+    }
+    /** @ignore */
+    getOverlayStyles() {
+        const container = this.scrollContainer;
+        const computedStyles = this.computedStyles ?? {};
+        /**
+         * subtract .5px from width  to avoid "accidental" appearance of scrollbars on resize
+         */
+        return {
+            zIndex: this.zIndex,
+            height: container.clientHeight + 'px',
+            width: container.clientWidth - 0.5 + 'px',
+            top: computedStyles.paddingTop ? '-' + computedStyles.paddingTop : 0,
+            left: computedStyles.paddingLeft ? '-' + computedStyles.paddingLeft : 0,
+        };
+    }
+    /**
+     * @ignore
+     * required for proper change detection
+     * NOTE: REALLY REQUIRED
+     */
+    resize() {
+        /**
+         * additional change detection allows to avoid overlay sizing issues when window is being resized
+         */
+        this.cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", 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: "18.1.1", type: AdsProgressSpinnerComponent, 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\">\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:#02014766}.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: "18.1.1", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-progress-spinner', template: "@if (isSticky) {\n  <div class=\"spinner-container\">\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:#02014766}.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: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], diameter: [{
+                type: Input
+            }], resize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class AdsProgressSpinnerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressSpinnerModule, declarations: [AdsProgressSpinnerComponent], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule], exports: [AdsProgressSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressSpinnerModule, providers: [{ provide: Window, useValue: window }], imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsProgressSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsProgressSpinnerComponent],
+                    imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule],
+                    exports: [AdsProgressSpinnerComponent],
+                    providers: [{ provide: Window, useValue: window }],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsProgressSpinnerComponent, AdsProgressSpinnerModule, SpinnerSize };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map

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

@@ -0,0 +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})\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\">\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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"}

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

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

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

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

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

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { adsIconStar, adsIconStar25, adsIconStar50, adsIconStar75, adsIconStarFull } from '@ascentgl/ads-icons/icons';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AdsRatingComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /** The rating value */
+        this.rating = 0;
+        /** The total number of possible starts */
+        this.scale = 5;
+        /** The color theme for the icons */
+        this.theme = 'primary';
+        this.registry.register([adsIconStar, adsIconStar25, adsIconStar50, adsIconStar75, adsIconStarFull]);
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes?.rating || changes?.scale) {
+            if (this.rating > this.scale) {
+                console.warn('AdsRatingComponent: Rating value is greater than the scale');
+            }
+            this.stars = this.getRatingIcons(this.rating, this.scale);
+        }
+    }
+    /** @ignore */
+    getRatingIcons(rating, scale) {
+        const icons = [];
+        const full = Math.floor(rating);
+        const partial = rating - Math.floor(rating);
+        if (partial) {
+            for (let i = 0; i < full; i++) {
+                icons.push('star_full');
+            }
+            if (partial >= 0.75) {
+                icons.push('star_75');
+            }
+            else if (partial >= 0.5) {
+                icons.push('star_50');
+            }
+            else if (partial >= 0.25) {
+                icons.push('star_25');
+            }
+            while (icons.length < scale) {
+                icons.push('star');
+            }
+        }
+        else {
+            for (let i = 0; i < scale; i++) {
+                icons.push(i < rating ? 'star_full' : 'star');
+            }
+        }
+        return icons;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsRatingComponent, selector: "ads-rating", inputs: { rating: "rating", scale: "scale", theme: "theme" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"rating\">\n  <ads-icon *ngFor=\"let star of stars\" [name]=\"star\" [theme]=\"theme\" size=\"sm\"></ads-icon>\n</div>\n", styles: [".rating{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-rating', template: "<div class=\"rating\">\n  <ads-icon *ngFor=\"let star of stars\" [name]=\"star\" [theme]=\"theme\" size=\"sm\"></ads-icon>\n</div>\n", styles: [".rating{display:flex;gap:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { rating: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+
+class AdsRatingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingModule, declarations: [AdsRatingComponent], imports: [CommonModule, AdsIconModule], exports: [AdsRatingComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingModule, imports: [CommonModule, AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsRatingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsRatingComponent],
+                    imports: [CommonModule, AdsIconModule],
+                    exports: [AdsRatingComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsRatingComponent, AdsRatingModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-rating.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-rating.mjs","sources":["../../../../libs/ads-ui/src/lib/components/rating/rating.component.ts","../../../../libs/ads-ui/src/lib/components/rating/rating.component.html","../../../../libs/ads-ui/src/lib/components/rating/rating.module.ts","../../../../libs/ads-ui/src/lib/components/rating/ascentgl-ads-ui-src-lib-components-rating.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport {\n  adsIcon,\n  adsIconStar,\n  adsIconStar25,\n  adsIconStar50,\n  adsIconStar75,\n  adsIconStarFull,\n} from '@ascentgl/ads-icons/icons';\n\n@Component({\n  selector: 'ads-rating',\n  templateUrl: './rating.component.html',\n  styleUrls: ['./rating.component.scss'],\n})\nexport class AdsRatingComponent implements OnChanges {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register([adsIconStar, adsIconStar25, adsIconStar50, adsIconStar75, adsIconStarFull]);\n  }\n\n  /** The rating value */\n  @Input() rating = 0;\n\n  /** The total number of possible starts */\n  @Input() scale = 5;\n\n  /** The color theme for the icons */\n  @Input() theme: 'iconPrimary' | 'primary' | 'secondary' | 'success' | 'warn' = 'primary';\n\n  /** @ignore */\n  public stars!: adsIcon[];\n\n  /** @ignore */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes?.rating || changes?.scale) {\n      if (this.rating > this.scale) {\n        console.warn('AdsRatingComponent: Rating value is greater than the scale');\n      }\n\n      this.stars = this.getRatingIcons(this.rating, this.scale);\n    }\n  }\n\n  /** @ignore */\n  private getRatingIcons(rating: number, scale: number): adsIcon[] {\n    const icons: adsIcon[] = [];\n    const full = Math.floor(rating);\n    const partial = rating - Math.floor(rating);\n\n    if (partial) {\n      for (let i = 0; i < full; i++) {\n        icons.push('star_full');\n      }\n\n      if (partial >= 0.75) {\n        icons.push('star_75');\n      } else if (partial >= 0.5) {\n        icons.push('star_50');\n      } else if (partial >= 0.25) {\n        icons.push('star_25');\n      }\n\n      while (icons.length < scale) {\n        icons.push('star');\n      }\n    } else {\n      for (let i = 0; i < scale; i++) {\n        icons.push(i < rating ? 'star_full' : 'star');\n      }\n    }\n\n    return icons;\n  }\n}\n","<div class=\"rating\">\n  <ads-icon *ngFor=\"let star of stars\" [name]=\"star\" [theme]=\"theme\" size=\"sm\"></ads-icon>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsRatingComponent } from './rating.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n  declarations: [AdsRatingComponent],\n  imports: [CommonModule, AdsIconModule],\n  exports: [AdsRatingComponent],\n})\nexport class AdsRatingModule {}\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

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class ShellLayoutComponent {
+    constructor() {
+        /**
+         * Whether the navigation is collapsed
+         */
+        this.isCollapsed = false;
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: ShellLayoutComponent, 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ShellLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-shell-layout', 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"] }]
+        }], propDecorators: { isCollapsed: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }] } });
+
+class AdsShellLayoutModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsShellLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsShellLayoutModule, declarations: [ShellLayoutComponent], imports: [CommonModule], exports: [ShellLayoutComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsShellLayoutModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsShellLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ShellLayoutComponent],
+                    exports: [ShellLayoutComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsShellLayoutModule, ShellLayoutComponent };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-shell-layout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-shell-layout.mjs","sources":["../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.html","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.module.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-shell-layout',\n  templateUrl: './shell-layout.component.html',\n  styleUrls: ['./shell-layout.component.scss'],\n})\nexport class ShellLayoutComponent {\n  /**\n   * Whether the navigation is collapsed\n   */\n  @Input() isCollapsed = false;\n\n  /**\n   * Whether the viewport is mobile\n   */\n  @Input() isMobile = false;\n}\n","<!-- <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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShellLayoutComponent } from './shell-layout.component';\n\n@NgModule({\n  declarations: [ShellLayoutComponent],\n  exports: [ShellLayoutComponent],\n  imports: [CommonModule],\n})\nexport class AdsShellLayoutModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAE7B;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAC3B,KAAA;8GAVY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,sHCPjC,k2BAwBA,EAAA,MAAA,EAAA,CAAA,4VAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDjBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,k2BAAA,EAAA,MAAA,EAAA,CAAA,4VAAA,CAAA,EAAA,CAAA;8BAQnB,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEPK,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAJhB,YAAA,EAAA,CAAA,oBAAoB,CAEzB,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAFrB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

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

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsSplashPageComponent {
+    constructor() {
+        this.text = 'Coming Soon';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSplashPageComponent, selector: "ads-splash-page", inputs: { alt: "alt", imageSrc: "imageSrc", text: "text" }, ngImport: i0, template: "<div class=\"splash-page-container\">\n  <img [src]=\"imageSrc\" [alt]=\"alt\" />\n  <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-splash-page', template: "<div class=\"splash-page-container\">\n  <img [src]=\"imageSrc\" [alt]=\"alt\" />\n  <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }]
+        }], propDecorators: { alt: [{
+                type: Input
+            }], imageSrc: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class AdsSplashPageModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageModule, declarations: [AdsSplashPageComponent], imports: [CommonModule], exports: [AdsSplashPageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSplashPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [AdsSplashPageComponent],
+                    exports: [AdsSplashPageComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSplashPageComponent, AdsSplashPageModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-splash-page.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-splash-page.mjs","sources":["../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.ts","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.html","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.module.ts","../../../../libs/ads-ui/src/lib/components/splash-page/ascentgl-ads-ui-src-lib-components-splash-page.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-splash-page',\n  templateUrl: './splash-page.component.html',\n  styleUrls: ['./splash-page.component.scss'],\n})\nexport class AdsSplashPageComponent {\n  /**\n   * Alt text for the logo\n   */\n  @Input() alt!: string;\n\n  /**\n   * Logo to display\n   */\n  @Input() imageSrc!: string;\n  @Input() text = 'Coming Soon';\n}\n","<div class=\"splash-page-container\">\n  <img [src]=\"imageSrc\" [alt]=\"alt\" />\n  <h1>{{ text }}</h1>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AdsSplashPageComponent } from './splash-page.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [AdsSplashPageComponent],\n  exports: [AdsSplashPageComponent],\n})\nexport class AdsSplashPageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;QAeW,IAAI,CAAA,IAAA,GAAG,aAAa,CAAC;AAC/B,KAAA;8GAXY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,mHCPnC,oHAIA,EAAA,MAAA,EAAA,CAAA,qSAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDGa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,oHAAA,EAAA,MAAA,EAAA,CAAA,qSAAA,CAAA,EAAA,CAAA;8BAQlB,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MERK,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAHf,YAAA,EAAA,CAAA,sBAAsB,CAD3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAErB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJpB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}