@ascentgl/ads-ui 0.0.1

package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.component.mjs

@@ -0,0 +1,28 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { CdkStepper } from '@angular/cdk/stepper';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ascentgl/ads-icons";
+export class AdsWizardStepperComponent extends CdkStepper {
+    constructor() {
+        super(...arguments);
+        /** Event emitted when a step is clicked */
+        this.stepClick = new EventEmitter();
+    }
+    /** @ignore */
+    onStepClick(previouslySelectedIndex, selectedIndex) {
+        this.stepClick.emit({
+            previouslySelectedIndex,
+            selectedIndex,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsWizardStepperComponent, selector: "ads-wizard-stepper", outputs: { stepClick: "stepClick" }, providers: [{ provide: CdkStepper, useExisting: AdsWizardStepperComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"stepper\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div class=\"step\" [ngClass]=\"{ complete: step.completed, error: step.hasError, current: selectedIndex === index }\">\n      <div *ngIf=\"!first\" class=\"line before\"></div>\n      <div class=\"step-icon\" (click)=\"onStepClick(selectedIndex, index)\">\n        <ads-icon *ngIf=\"step.completed && !step.hasError\" name=\"check\" color=\"#fff\" size=\"sm\"></ads-icon>\n        <ads-icon *ngIf=\"step.hasError\" name=\"exclamation\" color=\"#fff\" size=\"sm\"></ads-icon>\n        <span *ngIf=\"!step.completed && !step.hasError\" class=\"step-count\">{{ index + 1 }}</span>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\"></div>\n      <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n<div [ngTemplateOutlet]=\"selected ? selected.content : null\"></div>\n", styles: [".wizard{display:flex;flex-direction:column;max-width:100%}.stepper{display:flex}.step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0}.step-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--color-white);font-size:24px;font-weight:500;border-radius:50%;background-color:var(--color-medium-50);margin-bottom:8px}.step.current .step-icon{background-color:var(--color-primary)}.step.complete .step-icon{background-color:var(--color-success)}.step.error .step-icon{background-color:var(--color-alert)}.step-icon:hover{cursor:pointer;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0;width:calc(50% - 22.5px);top:30.5px}.line.after{right:0;width:calc(50% - 22.5px);top:30.5px}.step.complete .line.after{border-top-color:var(--color-success)}.step.complete+.step .line.before{border-top-color:var(--color-success)}.step.complete.error .line.after{border-top-color:var(--color-error)}.step.complete.error+.step .line.before{border-top-color:var(--color-error)}.title{color:var(--color-dark);font-size:13px;font-weight:500;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-wizard-stepper', providers: [{ provide: CdkStepper, useExisting: AdsWizardStepperComponent }], template: "<div class=\"stepper\">\n  <ng-container *ngFor=\"let step of steps; let first = first; let last = last; let index = index\">\n    <div class=\"step\" [ngClass]=\"{ complete: step.completed, error: step.hasError, current: selectedIndex === index }\">\n      <div *ngIf=\"!first\" class=\"line before\"></div>\n      <div class=\"step-icon\" (click)=\"onStepClick(selectedIndex, index)\">\n        <ads-icon *ngIf=\"step.completed && !step.hasError\" name=\"check\" color=\"#fff\" size=\"sm\"></ads-icon>\n        <ads-icon *ngIf=\"step.hasError\" name=\"exclamation\" color=\"#fff\" size=\"sm\"></ads-icon>\n        <span *ngIf=\"!step.completed && !step.hasError\" class=\"step-count\">{{ index + 1 }}</span>\n      </div>\n      <div *ngIf=\"!last\" class=\"line after\"></div>\n      <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n<div [ngTemplateOutlet]=\"selected ? selected.content : null\"></div>\n", styles: [".wizard{display:flex;flex-direction:column;max-width:100%}.stepper{display:flex}.step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 0}.step-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:var(--color-white);font-size:24px;font-weight:500;border-radius:50%;background-color:var(--color-medium-50);margin-bottom:8px}.step.current .step-icon{background-color:var(--color-primary)}.step.complete .step-icon{background-color:var(--color-success)}.step.error .step-icon{background-color:var(--color-alert)}.step-icon:hover{cursor:pointer;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.line{position:absolute;border-top:2px solid var(--color-medium-50)}.line.before{left:0;width:calc(50% - 22.5px);top:30.5px}.line.after{right:0;width:calc(50% - 22.5px);top:30.5px}.step.complete .line.after{border-top-color:var(--color-success)}.step.complete+.step .line.before{border-top-color:var(--color-success)}.step.complete.error .line.after{border-top-color:var(--color-error)}.step.complete.error+.step .line.before{border-top-color:var(--color-error)}.title{color:var(--color-dark);font-size:13px;font-weight:500;text-align:center}\n"] }]
+        }], propDecorators: { stepClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dpemFyZC1zdGVwcGVyL3dpemFyZC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy93aXphcmQtc3RlcHBlci93aXphcmQtc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7O0FBU2xELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxVQUFVO0lBTnpEOztRQU9FLDJDQUEyQztRQUNqQyxjQUFTLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7S0FTeEU7SUFQQyxjQUFjO0lBQ1AsV0FBVyxDQUFDLHVCQUErQixFQUFFLGFBQXFCO1FBQ3ZFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDO1lBQ2xCLHVCQUF1QjtZQUN2QixhQUFhO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FWVSx5QkFBeUI7a0dBQXpCLHlCQUF5QixrRkFGekIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFLENBQUMsaURDUjlFLGk5QkFlQTs7MkZETGEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixhQUduQixDQUFDLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLDJCQUEyQixFQUFFLENBQUM7OEJBSWxFLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDZGtTdGVwcGVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3N0ZXBwZXInO1xuaW1wb3J0IHsgU3RlcENsaWNrRXZlbnQgfSBmcm9tICcuL3dpemFyZC1zdGVwcGVyLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXdpemFyZC1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3dpemFyZC1zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBDZGtTdGVwcGVyLCB1c2VFeGlzdGluZzogQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCBleHRlbmRzIENka1N0ZXBwZXIge1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIGEgc3RlcCBpcyBjbGlja2VkICovXG4gIEBPdXRwdXQoKSBzdGVwQ2xpY2s6IEV2ZW50RW1pdHRlcjxTdGVwQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHVibGljIG9uU3RlcENsaWNrKHByZXZpb3VzbHlTZWxlY3RlZEluZGV4OiBudW1iZXIsIHNlbGVjdGVkSW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3RlcENsaWNrLmVtaXQoe1xuICAgICAgcHJldmlvdXNseVNlbGVjdGVkSW5kZXgsXG4gICAgICBzZWxlY3RlZEluZGV4LFxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3RlcHBlclwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgZmlyc3QgPSBmaXJzdDsgbGV0IGxhc3QgPSBsYXN0OyBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCIgW25nQ2xhc3NdPVwieyBjb21wbGV0ZTogc3RlcC5jb21wbGV0ZWQsIGVycm9yOiBzdGVwLmhhc0Vycm9yLCBjdXJyZW50OiBzZWxlY3RlZEluZGV4ID09PSBpbmRleCB9XCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJsaW5lIGJlZm9yZVwiPjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtaWNvblwiIChjbGljayk9XCJvblN0ZXBDbGljayhzZWxlY3RlZEluZGV4LCBpbmRleClcIj5cbiAgICAgICAgPGFkcy1pY29uICpuZ0lmPVwic3RlcC5jb21wbGV0ZWQgJiYgIXN0ZXAuaGFzRXJyb3JcIiBuYW1lPVwiY2hlY2tcIiBjb2xvcj1cIiNmZmZcIiBzaXplPVwic21cIj48L2Fkcy1pY29uPlxuICAgICAgICA8YWRzLWljb24gKm5nSWY9XCJzdGVwLmhhc0Vycm9yXCIgbmFtZT1cImV4Y2xhbWF0aW9uXCIgY29sb3I9XCIjZmZmXCIgc2l6ZT1cInNtXCI+PC9hZHMtaWNvbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhc3RlcC5jb21wbGV0ZWQgJiYgIXN0ZXAuaGFzRXJyb3JcIiBjbGFzcz1cInN0ZXAtY291bnRcIj57eyBpbmRleCArIDEgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCIhbGFzdFwiIGNsYXNzPVwibGluZSBhZnRlclwiPjwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzdGVwLnN0ZXBMYWJlbC50ZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGRpdiBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZCA/IHNlbGVjdGVkLmNvbnRlbnQgOiBudWxsXCI+PC9kaXY+XG4iXX0=

package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AdsWizardStepperComponent } from './wizard-stepper.component';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { CdkStepperModule } from '@angular/cdk/stepper';
+import * as i0 from "@angular/core";
+export class AdsWizardStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, declarations: [AdsWizardStepperComponent], imports: [CommonModule, AdsIconModule, CdkStepperModule], exports: [AdsWizardStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, imports: [CommonModule, AdsIconModule, CdkStepperModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWizardStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsWizardStepperComponent],
+                    imports: [CommonModule, AdsIconModule, CdkStepperModule],
+                    exports: [AdsWizardStepperComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3dpemFyZC1zdGVwcGVyL3dpemFyZC1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBT3hELE1BQU0sT0FBTyxzQkFBc0I7OEdBQXRCLHNCQUFzQjsrR0FBdEIsc0JBQXNCLGlCQUpsQix5QkFBeUIsYUFDOUIsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsYUFDN0MseUJBQXlCOytHQUV4QixzQkFBc0IsWUFIdkIsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0I7OzJGQUc1QyxzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ3hELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWRzV2l6YXJkU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vd2l6YXJkLXN0ZXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEFkc0ljb25Nb2R1bGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IENka1N0ZXBwZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Fkc1dpemFyZFN0ZXBwZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBZHNJY29uTW9kdWxlLCBDZGtTdGVwcGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0Fkc1dpemFyZFN0ZXBwZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNXaXphcmRTdGVwcGVyTW9kdWxlIHt9XG4iXX0=

package/esm2022/src/lib/components/wizard-stepper/wizard-stepper.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXN0ZXBwZXIudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvd2l6YXJkLXN0ZXBwZXIvd2l6YXJkLXN0ZXBwZXIudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFN0ZXBDbGlja0V2ZW50ID0ge1xuICBzZWxlY3RlZEluZGV4OiBudW1iZXI7XG4gIHByZXZpb3VzbHlTZWxlY3RlZEluZGV4OiBudW1iZXI7XG59O1xuIl19

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

@@ -0,0 +1,72 @@
+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 { adsIconUserCircle } from '@ascentgl/ads-icons/icons';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AdsAvatarComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /**
+         * The alt text for the avatar
+         */
+        this.alt = 'Avatar for user';
+        /**
+         * The id attribute for the avatar icon
+         */
+        this.id = 'ads-avatar';
+        /**
+         * The size of the avatar
+         */
+        this.size = 'md';
+        this.registry.register(adsIconUserCircle);
+    }
+    /**
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes?.size?.currentValue) {
+            this.size = changes.size.currentValue;
+        }
+        if (changes?.image?.currentValue) {
+            this.src = changes.image.currentValue;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsAvatarComponent, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n  <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n  <ng-template #icon>\n    <ads-icon [id]=\"id\" name=\"user_circle\" [size]=\"size\" theme=\"primary\"></ads-icon>\n  </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-avatar', template: "<div class=\"avatar\" [ngClass]=\"size\">\n  <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n  <ng-template #icon>\n    <ads-icon [id]=\"id\" name=\"user_circle\" [size]=\"size\" theme=\"primary\"></ads-icon>\n  </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:48px;height:48px}img{width:100%;height:100%;border-radius:50%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }] } });
+
+class AdsAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarModule, declarations: [AdsAvatarComponent], imports: [CommonModule, AdsIconModule], exports: [AdsAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarModule, imports: [CommonModule, AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsAvatarComponent],
+                    imports: [CommonModule, AdsIconModule],
+                    exports: [AdsAvatarComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsAvatarComponent, AdsAvatarModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-avatar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-avatar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.ts","../../../../libs/ads-ui/src/lib/components/avatar/avatar.component.html","../../../../libs/ads-ui/src/lib/components/avatar/avatar.module.ts","../../../../libs/ads-ui/src/lib/components/avatar/ascentgl-ads-ui-src-lib-components-avatar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconUserCircle } from '@ascentgl/ads-icons/icons';\nimport { Size } from './avatar.types';\n\n@Component({\n  selector: 'ads-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n})\nexport class AdsAvatarComponent implements OnChanges {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register(adsIconUserCircle);\n  }\n\n  /**\n   * The alt text for the avatar\n   */\n  @Input() alt?: string = 'Avatar for user';\n\n  /**\n   * The id attribute for the avatar icon\n   */\n  @Input() id = 'ads-avatar';\n\n  /**\n   * The size of the avatar\n   */\n  @Input() size: Size = 'md';\n\n  /**\n   * The path to the image to display\n   */\n  @Input() src?: string;\n\n  /**\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes?.size?.currentValue) {\n      this.size = changes.size.currentValue;\n    }\n\n    if (changes?.image?.currentValue) {\n      this.src = changes.image.currentValue;\n    }\n  }\n}\n","<div class=\"avatar\" [ngClass]=\"size\">\n  <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n  <ng-template #icon>\n    <ads-icon [id]=\"id\" name=\"user_circle\" [size]=\"size\" theme=\"primary\"></ads-icon>\n  </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsAvatarComponent } from './avatar.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n  declarations: [AdsAvatarComponent],\n  imports: [CommonModule, AdsIconModule],\n  exports: [AdsAvatarComponent],\n})\nexport class AdsAvatarModule {}\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-buttons-button-container.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { input, Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsButtonContainerComponent {
+    constructor() {
+        /** How buttons in the container should be placed */
+        this.justify = input('flex-start');
+        /** The gap between elements */
+        this.gap = input(16);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsButtonContainerComponent, selector: "ads-button-container", inputs: { justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n  <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-button-container', template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n  <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }]
+        }] });
+
+class AdsButtonContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerModule, declarations: [AdsButtonContainerComponent], imports: [CommonModule], exports: [AdsButtonContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsButtonContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsButtonContainerComponent],
+                    imports: [CommonModule],
+                    exports: [AdsButtonContainerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsButtonContainerComponent, AdsButtonContainerModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/buttons/button-container/button-container.component.ts","../../../../libs/ads-ui/src/lib/components/buttons/button-container/button-container.component.html","../../../../libs/ads-ui/src/lib/components/buttons/button-container/button-container.module.ts","../../../../libs/ads-ui/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ads-button-container',\n  templateUrl: './button-container.component.html',\n  styleUrls: ['./button-container.component.scss'],\n})\nexport class AdsButtonContainerComponent {\n  /** How buttons in the container should be placed */\n  justify = input<'flex-start' | 'flex-end' | 'center'>('flex-start');\n\n  /** The gap between elements */\n  gap = input<number>(16);\n}\n","<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsButtonContainerComponent } from './button-container.component';\n\n@NgModule({\n  declarations: [AdsButtonContainerComponent],\n  imports: [CommonModule],\n  exports: [AdsButtonContainerComponent],\n})\nexport class AdsButtonContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,2BAA2B,CAAA;AALxC,IAAA,WAAA,GAAA;;AAOE,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAuC,YAAY,CAAC,CAAC;;AAGpE,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AACzB,KAAA;8GANY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,wTCPxC,4IAGA,EAAA,MAAA,EAAA,CAAA,uPAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,4IAAA,EAAA,MAAA,EAAA,CAAA,uPAAA,CAAA,EAAA,CAAA;;;MEMrB,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,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,wBAAwB,EAJpB,YAAA,EAAA,CAAA,2BAA2B,CAChC,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;AAE1B,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,wBAAwB,YAHzB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { adsIconCheck } from '@ascentgl/ads-icons/icons';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatRippleModule } from '@angular/material/core';
+
+class AdsSelectionButtonComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /**
+         *  Whether the button is disabled
+         */
+        this.disabled = false;
+        /** Whether to show the active icon when button is in the active state */
+        this.showActiveIcon = true;
+        /**
+         * Event emitted when the button is clicked
+         */
+        this.stateChanged = new EventEmitter();
+        /** @ignore */
+        this.active = false;
+        this.registry.register(adsIconCheck);
+    }
+    /** @ignore */
+    onClick() {
+        if (this.disabled) {
+            return;
+        }
+        this.active = !this.active;
+        this.stateChanged.emit(this.active);
+    }
+    /** @ignore */
+    onMouseleave() {
+        if (!this.active) {
+            this.button.nativeElement.blur();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsSelectionButtonComponent, selector: "ads-selection-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", icon: "icon", id: "id", showActiveIcon: "showActiveIcon" }, outputs: { stateChanged: "stateChanged" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n  #button\n  [id]=\"id\"\n  class=\"selection-button\"\n  [class.active]=\"active\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick()\"\n  (mouseleave)=\"onMouseleave()\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ads-icon [name]=\"icon\" size=\"md\"></ads-icon>\n  <span *ngIf=\"showActiveIcon\" class=\"icon-badge\">\n    <ads-icon name=\"check\" size=\"xxs\"></ads-icon>\n  </span>\n</button>\n", styles: [".selection-button{background:transparent;border:2px solid var(--color-primary);display:flex;justify-content:center;align-items:center;height:85px;width:85px;color:var(--color-primary);cursor:pointer;position:relative;outline:none}.selection-button:not(:disabled):focus,.selection-button:not(:disabled):hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.selection-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.selection-button .icon-badge{background:var(--color-white);border:1px solid var(--color-primary);border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;position:absolute;left:-12.5px;top:-12.5px;display:none}.selection-button.active .icon-badge{color:var(--color-primary);display:flex}.selection-button:disabled{border-color:var(--color-light);color:var(--color-light);cursor:default}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-selection-button', template: "<button\n  #button\n  [id]=\"id\"\n  class=\"selection-button\"\n  [class.active]=\"active\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick()\"\n  (mouseleave)=\"onMouseleave()\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ads-icon [name]=\"icon\" size=\"md\"></ads-icon>\n  <span *ngIf=\"showActiveIcon\" class=\"icon-badge\">\n    <ads-icon name=\"check\" size=\"xxs\"></ads-icon>\n  </span>\n</button>\n", styles: [".selection-button{background:transparent;border:2px solid var(--color-primary);display:flex;justify-content:center;align-items:center;height:85px;width:85px;color:var(--color-primary);cursor:pointer;position:relative;outline:none}.selection-button:not(:disabled):focus,.selection-button:not(:disabled):hover{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.selection-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.selection-button .icon-badge{background:var(--color-white);border:1px solid var(--color-primary);border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;position:absolute;left:-12.5px;top:-12.5px;display:none}.selection-button.active .icon-badge{color:var(--color-primary);display:flex}.selection-button:disabled{border-color:var(--color-light);color:var(--color-light);cursor:default}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { button: [{
+                type: ViewChild,
+                args: ['button']
+            }], ariaLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], showActiveIcon: [{
+                type: Input
+            }], stateChanged: [{
+                type: Output
+            }] } });
+
+class AdsSelectionButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonModule, declarations: [AdsSelectionButtonComponent], imports: [CommonModule, MatRippleModule, AdsIconModule], exports: [AdsSelectionButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonModule, imports: [CommonModule, MatRippleModule, AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSelectionButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSelectionButtonComponent],
+                    imports: [CommonModule, MatRippleModule, AdsIconModule],
+                    exports: [AdsSelectionButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsSelectionButtonComponent, AdsSelectionButtonModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-buttons-selection-button.mjs","sources":["../../../../libs/ads-ui/src/lib/components/buttons/selection-button/selection-button.component.ts","../../../../libs/ads-ui/src/lib/components/buttons/selection-button/selection-button.component.html","../../../../libs/ads-ui/src/lib/components/buttons/selection-button/selection-button.module.ts","../../../../libs/ads-ui/src/lib/components/buttons/selection-button/ascentgl-ads-ui-src-lib-components-buttons-selection-button.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIcon, adsIconCheck } from '@ascentgl/ads-icons/icons';\n\n@Component({\n  selector: 'ads-selection-button',\n  templateUrl: './selection-button.component.html',\n  styleUrls: ['./selection-button.component.scss'],\n})\nexport class AdsSelectionButtonComponent {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register(adsIconCheck);\n  }\n\n  /** @ignore */\n  @ViewChild('button') button!: ElementRef;\n\n  /**\n   * aria-label for the button\n   */\n  @Input() ariaLabel!: string;\n\n  /**\n   *  Whether the button is disabled\n   */\n  @Input() disabled = false;\n\n  /**\n   * The icon to display\n   */\n  @Input() icon!: adsIcon;\n\n  /**\n   * The unique ID for the selection button\n   */\n  @Input() id!: string;\n\n  /** Whether to show the active icon when button is in the active state */\n  @Input() showActiveIcon = true;\n\n  /**\n   * Event emitted when the button is clicked\n   */\n  @Output() stateChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /** @ignore */\n  public active = false;\n\n  /** @ignore */\n  public onClick() {\n    if (this.disabled) {\n      return;\n    }\n\n    this.active = !this.active;\n\n    this.stateChanged.emit(this.active);\n  }\n\n  /** @ignore */\n  public onMouseleave() {\n    if (!this.active) {\n      this.button.nativeElement.blur();\n    }\n  }\n}\n","<button\n  #button\n  [id]=\"id\"\n  class=\"selection-button\"\n  [class.active]=\"active\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick()\"\n  (mouseleave)=\"onMouseleave()\"\n  [attr.aria-label]=\"ariaLabel\"\n>\n  <ads-icon [name]=\"icon\" size=\"md\"></ads-icon>\n  <span *ngIf=\"showActiveIcon\" class=\"icon-badge\">\n    <ads-icon name=\"check\" size=\"xxs\"></ads-icon>\n  </span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatRippleModule } from '@angular/material/core';\nimport { AdsSelectionButtonComponent } from './selection-button.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n  declarations: [AdsSelectionButtonComponent],\n  imports: [CommonModule, MatRippleModule, AdsIconModule],\n  exports: [AdsSelectionButtonComponent],\n})\nexport class AdsSelectionButtonModule {}\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-card.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsCardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsCardComponent, selector: "ads-card", ngImport: i0, template: "<div class=\"card\"><ng-content></ng-content></div>\n<div class=\"drop-zone\"></div>\n", styles: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-card', template: "<div class=\"card\"><ng-content></ng-content></div>\n<div class=\"drop-zone\"></div>\n", styles: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px}\n"] }]
+        }] });
+
+class AdsCardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsCardModule, declarations: [AdsCardComponent], imports: [CommonModule], exports: [AdsCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [AdsCardComponent],
+                    declarations: [AdsCardComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsCardComponent, AdsCardModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-card.mjs","sources":["../../../../libs/ads-ui/src/lib/components/card/card.component.ts","../../../../libs/ads-ui/src/lib/components/card/card.component.html","../../../../libs/ads-ui/src/lib/components/card/card.module.ts","../../../../libs/ads-ui/src/lib/components/card/ascentgl-ads-ui-src-lib-components-card.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-card',\n  styleUrls: ['card.component.scss'],\n  templateUrl: 'card.component.html',\n})\nexport class AdsCardComponent {}\n","<div class=\"card\"><ng-content></ng-content></div>\n<div class=\"drop-zone\"></div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AdsCardComponent } from './card.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [AdsCardComponent],\n  declarations: [AdsCardComponent],\n})\nexport class AdsCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,gDCP7B,wFAEA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDKa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACE,UAAU,EAAA,QAAA,EAAA,wFAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,CAAA;;;MEOT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,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,aAAa,EAFT,YAAA,EAAA,CAAA,gBAAgB,CAFrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,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,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,YAAY,EAAE,CAAC,gBAAgB,CAAC;AACjC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class DividerComponent {
+    constructor() {
+        /**
+         * The divider left and right margin
+         */
+        this.margin = 0;
+        /**
+         * The divider color
+         */
+        this.color = 'light';
+        /** @ignore */
+        this.colors = {
+            primary: '--color-primary',
+            secondary: '--color-secondary',
+            light: '--color-light',
+        };
+    }
+    /** @ignore */
+    ngOnChanges() {
+        this.setDividerStyle();
+    }
+    /** @ignore */
+    setDividerStyle() {
+        this.style = {
+            margin: `0 ${this.margin}px`,
+            'background-color': `var(${this.colors[this.color] || this.colors['light']})`,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DividerComponent, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-divider', template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"] }]
+        }], propDecorators: { margin: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class AdsDividerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsDividerModule, declarations: [DividerComponent], imports: [CommonModule], exports: [DividerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDividerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDividerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [DividerComponent],
+                    declarations: [DividerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsDividerModule, DividerComponent };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-divider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-divider.mjs","sources":["../../../../libs/ads-ui/src/lib/components/divider/divider.component.ts","../../../../libs/ads-ui/src/lib/components/divider/divider.component.html","../../../../libs/ads-ui/src/lib/components/divider/divider.module.ts","../../../../libs/ads-ui/src/lib/components/divider/ascentgl-ads-ui-src-lib-components-divider.ts"],"sourcesContent":["import { Component, Input, OnChanges } from '@angular/core';\n\nexport type DividerStyle = {\n  margin: string | number;\n  'background-color': string;\n};\n\n@Component({\n  selector: 'ads-divider',\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n})\nexport class DividerComponent implements OnChanges {\n  /**\n   * The divider left and right margin\n   */\n  @Input() margin: string | number = 0;\n\n  /**\n   * The divider color\n   */\n  @Input() color: 'primary' | 'secondary' | 'light' = 'light';\n\n  /** @ignore */\n  public style!: DividerStyle;\n\n  /** @ignore */\n  private colors = {\n    primary: '--color-primary',\n    secondary: '--color-secondary',\n    light: '--color-light',\n  };\n\n  /** @ignore */\n  ngOnChanges(): void {\n    this.setDividerStyle();\n  }\n\n  /** @ignore */\n  private setDividerStyle() {\n    this.style = {\n      margin: `0 ${this.margin}px`,\n      'background-color': `var(${this.colors[this.color] || this.colors['light']})`,\n    };\n  }\n}\n","<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DividerComponent } from './divider.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [DividerComponent],\n  declarations: [DividerComponent],\n})\nexport class AdsDividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,gBAAgB,CAAA;AAL7B,IAAA,WAAA,GAAA;AAME;;AAEG;QACM,IAAM,CAAA,MAAA,GAAoB,CAAC,CAAC;AAErC;;AAEG;QACM,IAAK,CAAA,KAAA,GAAsC,OAAO,CAAC;;AAMpD,QAAA,IAAA,CAAA,MAAM,GAAG;AACf,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,SAAS,EAAE,mBAAmB;AAC9B,YAAA,KAAK,EAAE,eAAe;SACvB,CAAC;AAcH,KAAA;;IAXC,WAAW,GAAA;QACT,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;IAGO,eAAe,GAAA;QACrB,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,MAAM,EAAE,CAAA,EAAA,EAAK,IAAI,CAAC,MAAM,CAAI,EAAA,CAAA;AAC5B,YAAA,kBAAkB,EAAE,CAAO,IAAA,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAG,CAAA,CAAA;SAC9E,CAAC;KACH;8GAhCU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,sHCZ7B,yDACA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDWa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,yDAAA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,CAAA;8BAQd,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEXK,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,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,gBAAgB,EAFZ,YAAA,EAAA,CAAA,gBAAgB,CAFrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,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,gBAAgB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,YAAY,EAAE,CAAC,gBAAgB,CAAC;AACjC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}