@ascentgl/ads-ui 0.0.1

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AdsWidgetPreviewComponent {
+    /** @ignore */
+    ngOnInit() {
+        this.top = this.top - 200;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsWidgetPreviewComponent, selector: "ads-widget-preview", inputs: { alt: "alt", description: "description", thumbnail: "thumbnail", left: "left", top: "top" }, ngImport: i0, template: "<div class=\"widget-preview\" [style.top]=\"top + 'px'\" [style.left]=\"left + 'px'\">\n  <img class=\"widget-preview-thumbnail\" [src]=\"thumbnail\" [alt]=\"alt\" />\n  <div class=\"widget-preview-description\">{{ description }}</div>\n</div>\n", styles: [".widget-preview{position:absolute;z-index:999999;display:flex;width:298px;height:200px;box-sizing:border-box;flex-direction:column;padding:8px;background-color:var(--color-dark);-webkit-user-select:none;user-select:none}.widget-preview-thumbnail{width:100%;height:97px;pointer-events:none}.widget-preview-description{width:100%;margin-top:16px;color:var(--color-white);font-size:12px;line-height:20px}.international{background-color:var(--color-dark)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-widget-preview', template: "<div class=\"widget-preview\" [style.top]=\"top + 'px'\" [style.left]=\"left + 'px'\">\n  <img class=\"widget-preview-thumbnail\" [src]=\"thumbnail\" [alt]=\"alt\" />\n  <div class=\"widget-preview-description\">{{ description }}</div>\n</div>\n", styles: [".widget-preview{position:absolute;z-index:999999;display:flex;width:298px;height:200px;box-sizing:border-box;flex-direction:column;padding:8px;background-color:var(--color-dark);-webkit-user-select:none;user-select:none}.widget-preview-thumbnail{width:100%;height:97px;pointer-events:none}.widget-preview-description{width:100%;margin-top:16px;color:var(--color-white);font-size:12px;line-height:20px}.international{background-color:var(--color-dark)}\n"] }]
+        }], propDecorators: { alt: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], thumbnail: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }] } });
+
+class AdsWidgetPreviewModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewModule, declarations: [AdsWidgetPreviewComponent], imports: [CommonModule], exports: [AdsWidgetPreviewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetPreviewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [AdsWidgetPreviewComponent],
+                    declarations: [AdsWidgetPreviewComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsWidgetPreviewComponent, AdsWidgetPreviewModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-widgets-widget-preview.mjs","sources":["../../../../libs/ads-ui/src/lib/components/widgets/widget-preview/widget-preview.component.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-preview/widget-preview.component.html","../../../../libs/ads-ui/src/lib/components/widgets/widget-preview/widget-preview.module.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-preview/ascentgl-ads-ui-src-lib-components-widgets-widget-preview.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'ads-widget-preview',\n  styleUrls: ['widget-preview.component.scss'],\n  templateUrl: 'widget-preview.component.html',\n})\nexport class AdsWidgetPreviewComponent implements OnInit {\n  /**\n   * alt text for the preview image\n   */\n  @Input() alt!: string;\n\n  /**\n   * Text to display that describes the widget\n   */\n  @Input() description!: string;\n\n  /**\n   * Path to the thumbnail image to display\n   */\n  @Input() thumbnail!: string;\n\n  /**\n   * Left position\n   */\n  @Input() left!: number;\n\n  /**\n   * Right position\n   */\n  @Input() top!: number;\n\n  /** @ignore */\n  ngOnInit(): void {\n    this.top = this.top - 200;\n  }\n}\n","<div class=\"widget-preview\" [style.top]=\"top + 'px'\" [style.left]=\"left + 'px'\">\n  <img class=\"widget-preview-thumbnail\" [src]=\"thumbnail\" [alt]=\"alt\" />\n  <div class=\"widget-preview-description\">{{ description }}</div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AdsWidgetPreviewComponent } from './widget-preview.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [AdsWidgetPreviewComponent],\n  declarations: [AdsWidgetPreviewComponent],\n})\nexport class AdsWidgetPreviewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,yBAAyB,CAAA;;IA2BpC,QAAQ,GAAA;QACN,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;KAC3B;8GA7BU,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,gKCPtC,uPAIA,EAAA,MAAA,EAAA,CAAA,ucAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDGa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,uPAAA,EAAA,MAAA,EAAA,CAAA,ucAAA,CAAA,EAAA,CAAA;8BAQrB,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAKG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,GAAG,EAAA,CAAA;sBAAX,KAAK;;;MErBK,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,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,sBAAsB,EAFlB,YAAA,EAAA,CAAA,yBAAyB,CAF9B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGxB,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,sBAAsB,YAJvB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,YAAY,EAAE,CAAC,yBAAyB,CAAC;AAC1C,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+
+class AdsWidgetThumbnailContainerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsWidgetThumbnailContainerComponent, selector: "ads-widget-thumbnail-container", ngImport: i0, template: "<div class=\"widget-thumbnail-container\" cdkDropList cdkDropListOrientation=\"horizontal\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:auto;max-width:calc(100% - 154px)}.widget-thumbnail-container{padding-top:10px;display:flex;margin-left:4px}\n"], dependencies: [{ kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-widget-thumbnail-container', template: "<div class=\"widget-thumbnail-container\" cdkDropList cdkDropListOrientation=\"horizontal\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:auto;max-width:calc(100% - 154px)}.widget-thumbnail-container{padding-top:10px;display:flex;margin-left:4px}\n"] }]
+        }] });
+
+class AdsWidgetThumbnailContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerModule, declarations: [AdsWidgetThumbnailContainerComponent], imports: [DragDropModule], exports: [AdsWidgetThumbnailContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerModule, imports: [DragDropModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [DragDropModule],
+                    exports: [AdsWidgetThumbnailContainerComponent],
+                    declarations: [AdsWidgetThumbnailContainerComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsWidgetThumbnailContainerComponent, AdsWidgetThumbnailContainerModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail-container/widget-thumbnail-container.component.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail-container/widget-thumbnail-container.component.html","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail-container/widget-thumbnail-container.module.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail-container/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ads-widget-thumbnail-container',\n  styleUrls: ['widget-thumbnail-container.component.scss'],\n  templateUrl: 'widget-thumbnail-container.component.html',\n})\nexport class AdsWidgetThumbnailContainerComponent {}\n","<div class=\"widget-thumbnail-container\" cdkDropList cdkDropListOrientation=\"horizontal\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { AdsWidgetThumbnailContainerComponent } from './widget-thumbnail-container.component';\n\n@NgModule({\n  imports: [DragDropModule],\n  exports: [AdsWidgetThumbnailContainerComponent],\n  declarations: [AdsWidgetThumbnailContainerComponent],\n})\nexport class AdsWidgetThumbnailContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,oCAAoC,CAAA;8GAApC,oCAAoC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oCAAoC,sECPjD,qIAGA,EAAA,MAAA,EAAA,CAAA,+HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDIa,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBALhD,SAAS;+BACE,gCAAgC,EAAA,QAAA,EAAA,qIAAA,EAAA,MAAA,EAAA,CAAA,+HAAA,CAAA,EAAA,CAAA;;;MEO/B,iCAAiC,CAAA;8GAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjC,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,iCAAiC,EAF7B,YAAA,EAAA,CAAA,oCAAoC,CAFzC,EAAA,OAAA,EAAA,CAAA,cAAc,aACd,oCAAoC,CAAA,EAAA,CAAA,CAAA,EAAA;AAGnC,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,iCAAiC,YAJlC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAL7C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,OAAO,EAAE,CAAC,oCAAoC,CAAC;oBAC/C,YAAY,EAAE,CAAC,oCAAoC,CAAC;AACrD,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { adsIconDrag } from '@ascentgl/ads-icons/icons';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+
+class AdsWidgetThumbnailComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /**
+         * Whether or not the widget is already on the dashboard
+         */
+        this.active = false;
+        /**
+         * Whether or not the widget drag event should be disabled
+         */
+        this.disabled = false;
+        /**
+         * Event emitted when widget is added via keyboard
+         */
+        this.widgetAdd = new EventEmitter();
+        /**
+         * Event emitted when widget loses focus
+         */
+        this.widgetBlur = new EventEmitter();
+        /**
+         *  Event emitted when widget dragstart event occurs
+         */
+        this.widgetDrag = new EventEmitter();
+        /**
+         *  Event emitted when widget is focused via keyboard
+         */
+        this.widgetFocus = new EventEmitter();
+        /**
+         *  Event emitted when mouse enters widget
+         */
+        this.widgetHover = new EventEmitter();
+        /**
+         *  Event emitted when mouse leaves widget
+         */
+        this.widgetLeave = new EventEmitter();
+        this.registry.register([adsIconDrag]);
+    }
+    /** @ignore */
+    onWidgetBlur() {
+        this.widgetBlur.emit();
+    }
+    /** @ignore */
+    onWidgetDrag(event) {
+        this.widgetDrag.emit(event);
+    }
+    /** @ignore */
+    onWidgetDragEnd(event) {
+        event.target.blur();
+    }
+    /** @ignore */
+    onWidgetEnter(event) {
+        this.widgetAdd.emit(event);
+    }
+    /** @ignore */
+    onWidgetFocus(event) {
+        this.widgetFocus.emit(event);
+    }
+    /** @ignore */
+    onWidgetHover(event) {
+        this.widgetHover.emit(event);
+    }
+    /** @ignore */
+    onWidgetLeave() {
+        this.widgetLeave.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsWidgetThumbnailComponent, selector: "ads-widget-thumbnail", inputs: { active: "active", disabled: "disabled", icon: "icon", id: "id", text: "text" }, outputs: { widgetAdd: "widgetAdd", widgetBlur: "widgetBlur", widgetDrag: "widgetDrag", widgetFocus: "widgetFocus", widgetHover: "widgetHover", widgetLeave: "widgetLeave" }, ngImport: i0, template: "<div\n  tabindex=\"0\"\n  class=\"widget-thumbnail\"\n  [class.active]=\"active\"\n  [class.disabled]=\"disabled\"\n  [draggable]=\"!disabled\"\n  [id]=\"id\"\n  (dragstart)=\"onWidgetDrag($event)\"\n  (dragend)=\"onWidgetDragEnd($event)\"\n  (keyup.enter)=\"onWidgetEnter($event)\"\n  (mouseenter)=\"onWidgetHover($event)\"\n  (mouseleave)=\"onWidgetLeave()\"\n  (focus)=\"onWidgetFocus($event)\"\n  (blur)=\"onWidgetBlur()\"\n>\n  <ads-icon class=\"widget-thumbnail-drag\" name=\"drag\" size=\"sm\" theme=\"primary\"></ads-icon>\n  <div class=\"widget-thumbnail-text\">{{ text }}</div>\n  <div class=\"widget-thumbnail-icons\">\n    <div class=\"widget-active\"></div>\n    <ads-icon [name]=\"icon\" theme=\"primary\" size=\"xs\"></ads-icon>\n  </div>\n</div>\n", styles: [".widget-thumbnail{position:relative;display:inline-flex;width:192px;height:116px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:4px;margin:4px;background-color:var(--color-white);cursor:grab;outline:none;border-radius:10px;box-shadow:0 3px 6px #00498729}.widget-thumbnail-text{width:100px;color:var(--color-dark);font-size:13px;font-weight:700;line-height:20px;text-align:center;-webkit-user-select:none;user-select:none}.widget-thumbnail:hover,.widget-thumbnail:focus{width:192px;height:116px;padding-top:8px;margin-top:0;background-color:#dae0ee}.widget-thumbnail:hover .widget-thumbnail-text,.widget-thumbnail:focus .widget-thumbnail-text{color:var(--color-medium)}.widget-thumbnail-icons{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:space-between}.widget-active{position:relative;width:18px;height:18px;background-color:var(--color-primary);border-radius:50%}.widget-active:after{position:absolute;top:5px;left:4px;width:8px;height:3px;box-sizing:content-box;border-bottom:2px solid var(--color-white);border-left:2px solid var(--color-white);content:\"\";opacity:1;transform:rotate(-45deg)}.widget-thumbnail:not(.active) .widget-active{visibility:hidden}.widget-thumbnail.active{background-color:var(--color-#dae0ee)}.widget-thumbnail.active .widget-thumbnail-text{color:var(--color-dark)}.widget-thumbnail.active:hover{background-color:var(--color-#dae0ee)!important;cursor:default}.widget-thumbnail.disabled{cursor:default}::ng-deep .widget-active .ads-icon{width:10px;height:10px}::ng-deep .widget-thumbnail-icons .ads-icon{display:flex;align-items:center;justify-content:center}::ng-deep .widget-thumbnail.active .ads-icon,::ng-deep .widget-thumbnail:hover .ads-icon,::ng-deep .widget-thumbnail:focus .ads-icon{color:var(--color-#dae0ee)!important}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-widget-thumbnail', template: "<div\n  tabindex=\"0\"\n  class=\"widget-thumbnail\"\n  [class.active]=\"active\"\n  [class.disabled]=\"disabled\"\n  [draggable]=\"!disabled\"\n  [id]=\"id\"\n  (dragstart)=\"onWidgetDrag($event)\"\n  (dragend)=\"onWidgetDragEnd($event)\"\n  (keyup.enter)=\"onWidgetEnter($event)\"\n  (mouseenter)=\"onWidgetHover($event)\"\n  (mouseleave)=\"onWidgetLeave()\"\n  (focus)=\"onWidgetFocus($event)\"\n  (blur)=\"onWidgetBlur()\"\n>\n  <ads-icon class=\"widget-thumbnail-drag\" name=\"drag\" size=\"sm\" theme=\"primary\"></ads-icon>\n  <div class=\"widget-thumbnail-text\">{{ text }}</div>\n  <div class=\"widget-thumbnail-icons\">\n    <div class=\"widget-active\"></div>\n    <ads-icon [name]=\"icon\" theme=\"primary\" size=\"xs\"></ads-icon>\n  </div>\n</div>\n", styles: [".widget-thumbnail{position:relative;display:inline-flex;width:192px;height:116px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:4px;margin:4px;background-color:var(--color-white);cursor:grab;outline:none;border-radius:10px;box-shadow:0 3px 6px #00498729}.widget-thumbnail-text{width:100px;color:var(--color-dark);font-size:13px;font-weight:700;line-height:20px;text-align:center;-webkit-user-select:none;user-select:none}.widget-thumbnail:hover,.widget-thumbnail:focus{width:192px;height:116px;padding-top:8px;margin-top:0;background-color:#dae0ee}.widget-thumbnail:hover .widget-thumbnail-text,.widget-thumbnail:focus .widget-thumbnail-text{color:var(--color-medium)}.widget-thumbnail-icons{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:space-between}.widget-active{position:relative;width:18px;height:18px;background-color:var(--color-primary);border-radius:50%}.widget-active:after{position:absolute;top:5px;left:4px;width:8px;height:3px;box-sizing:content-box;border-bottom:2px solid var(--color-white);border-left:2px solid var(--color-white);content:\"\";opacity:1;transform:rotate(-45deg)}.widget-thumbnail:not(.active) .widget-active{visibility:hidden}.widget-thumbnail.active{background-color:var(--color-#dae0ee)}.widget-thumbnail.active .widget-thumbnail-text{color:var(--color-dark)}.widget-thumbnail.active:hover{background-color:var(--color-#dae0ee)!important;cursor:default}.widget-thumbnail.disabled{cursor:default}::ng-deep .widget-active .ads-icon{width:10px;height:10px}::ng-deep .widget-thumbnail-icons .ads-icon{display:flex;align-items:center;justify-content:center}::ng-deep .widget-thumbnail.active .ads-icon,::ng-deep .widget-thumbnail:hover .ads-icon,::ng-deep .widget-thumbnail:focus .ads-icon{color:var(--color-#dae0ee)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], widgetAdd: [{
+                type: Output
+            }], widgetBlur: [{
+                type: Output
+            }], widgetDrag: [{
+                type: Output
+            }], widgetFocus: [{
+                type: Output
+            }], widgetHover: [{
+                type: Output
+            }], widgetLeave: [{
+                type: Output
+            }] } });
+
+class AdsWidgetThumbnailModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailModule, declarations: [AdsWidgetThumbnailComponent], imports: [CommonModule, AdsIconModule, OverlayModule], exports: [AdsWidgetThumbnailComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailModule, imports: [CommonModule, AdsIconModule, OverlayModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetThumbnailModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AdsIconModule, OverlayModule],
+                    exports: [AdsWidgetThumbnailComponent],
+                    declarations: [AdsWidgetThumbnailComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsWidgetThumbnailComponent, AdsWidgetThumbnailModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.mjs","sources":["../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail/widget-thumbnail.component.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail/widget-thumbnail.component.html","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail/widget-thumbnail.module.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-thumbnail/ascentgl-ads-ui-src-lib-components-widgets-widget-thumbnail.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIcon, adsIconDrag } from '@ascentgl/ads-icons/icons';\n\n@Component({\n  selector: 'ads-widget-thumbnail',\n  styleUrls: ['widget-thumbnail.component.scss'],\n  templateUrl: 'widget-thumbnail.component.html',\n})\nexport class AdsWidgetThumbnailComponent {\n  constructor(private registry: AdsIconRegistry) {\n    this.registry.register([adsIconDrag]);\n  }\n\n  /**\n   * Whether or not the widget is already on the dashboard\n   */\n  @Input() active = false;\n\n  /**\n   * Whether or not the widget drag event should be disabled\n   */\n  @Input() disabled = false;\n\n  /**\n   * The icon to display on the widget thumbnail\n   */\n  @Input() icon!: adsIcon;\n\n  /**\n   * The unique ID for the widget thumbnail\n   */\n  @Input() id!: string;\n\n  /**\n   * The text to display on the widget thumbnail\n   */\n  @Input() text!: string;\n\n  /**\n   * Event emitted when widget is added via keyboard\n   */\n  @Output() widgetAdd: EventEmitter<Event> = new EventEmitter<Event>();\n\n  /**\n   * Event emitted when widget loses focus\n   */\n  @Output() widgetBlur: EventEmitter<null> = new EventEmitter<null>();\n\n  /**\n   *  Event emitted when widget dragstart event occurs\n   */\n  @Output() widgetDrag: EventEmitter<DragEvent> = new EventEmitter<DragEvent>();\n\n  /**\n   *  Event emitted when widget is focused via keyboard\n   */\n  @Output() widgetFocus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n  /**\n   *  Event emitted when mouse enters widget\n   */\n  @Output() widgetHover: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n  /**\n   *  Event emitted when mouse leaves widget\n   */\n  @Output() widgetLeave: EventEmitter<null> = new EventEmitter<null>();\n\n  /** @ignore */\n  public onWidgetBlur(): void {\n    this.widgetBlur.emit();\n  }\n\n  /** @ignore */\n  public onWidgetDrag(event: DragEvent): void {\n    this.widgetDrag.emit(event);\n  }\n\n  /** @ignore */\n  public onWidgetDragEnd(event: DragEvent): void {\n    (event.target as HTMLElement).blur();\n  }\n\n  /** @ignore */\n  public onWidgetEnter(event: Event): void {\n    this.widgetAdd.emit(event);\n  }\n\n  /** @ignore */\n  public onWidgetFocus(event: FocusEvent): void {\n    this.widgetFocus.emit(event);\n  }\n\n  /** @ignore */\n  public onWidgetHover(event: MouseEvent): void {\n    this.widgetHover.emit(event);\n  }\n\n  /** @ignore */\n  public onWidgetLeave(): void {\n    this.widgetLeave.emit();\n  }\n}\n","<div\n  tabindex=\"0\"\n  class=\"widget-thumbnail\"\n  [class.active]=\"active\"\n  [class.disabled]=\"disabled\"\n  [draggable]=\"!disabled\"\n  [id]=\"id\"\n  (dragstart)=\"onWidgetDrag($event)\"\n  (dragend)=\"onWidgetDragEnd($event)\"\n  (keyup.enter)=\"onWidgetEnter($event)\"\n  (mouseenter)=\"onWidgetHover($event)\"\n  (mouseleave)=\"onWidgetLeave()\"\n  (focus)=\"onWidgetFocus($event)\"\n  (blur)=\"onWidgetBlur()\"\n>\n  <ads-icon class=\"widget-thumbnail-drag\" name=\"drag\" size=\"sm\" theme=\"primary\"></ads-icon>\n  <div class=\"widget-thumbnail-text\">{{ text }}</div>\n  <div class=\"widget-thumbnail-icons\">\n    <div class=\"widget-active\"></div>\n    <ads-icon [name]=\"icon\" theme=\"primary\" size=\"xs\"></ads-icon>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\nimport { AdsWidgetThumbnailComponent } from './widget-thumbnail.component';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule, AdsIconModule, OverlayModule],\n  exports: [AdsWidgetThumbnailComponent],\n  declarations: [AdsWidgetThumbnailComponent],\n})\nexport class AdsWidgetThumbnailModule {}\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-widgets-widget-title.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class WidgetTitleComponent {
+    constructor() {
+        /**
+         * The color of the title text
+         */
+        this.color = 'medium';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WidgetTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: WidgetTitleComponent, selector: "ads-widget-title", inputs: { title: "title", color: "color" }, ngImport: i0, template: "<div class=\"text-card-sub-title\" [ngClass]=\"color\">{{ title }}</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: WidgetTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-widget-title', template: "<div class=\"text-card-sub-title\" [ngClass]=\"color\">{{ title }}</div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class AdsWidgetTitleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetTitleModule, declarations: [WidgetTitleComponent], imports: [CommonModule], exports: [WidgetTitleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetTitleModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsWidgetTitleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [WidgetTitleComponent],
+                    declarations: [WidgetTitleComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsWidgetTitleModule, WidgetTitleComponent };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-widgets-widget-title.mjs.map

package/fesm2022/ascentgl-ads-ui-src-lib-components-widgets-widget-title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-widgets-widget-title.mjs","sources":["../../../../libs/ads-ui/src/lib/components/widgets/widget-title/widget-title.component.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-title/widget-title.component.html","../../../../libs/ads-ui/src/lib/components/widgets/widget-title/widget-title.module.ts","../../../../libs/ads-ui/src/lib/components/widgets/widget-title/ascentgl-ads-ui-src-lib-components-widgets-widget-title.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'ads-widget-title',\n  templateUrl: './widget-title.component.html',\n})\nexport class WidgetTitleComponent {\n  /**\n   * The title text to display\n   */\n  @Input() title!: string;\n\n  /**\n   * The color of the title text\n   */\n  @Input() color: 'medium' | 'primary' | 'secondary' = 'medium';\n}\n","<div class=\"text-card-sub-title\" [ngClass]=\"color\">{{ title }}</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { WidgetTitleComponent } from './widget-title.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [WidgetTitleComponent],\n  declarations: [WidgetTitleComponent],\n})\nexport class AdsWidgetTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAMa,oBAAoB,CAAA;AAJjC,IAAA,WAAA,GAAA;AAUE;;AAEG;QACM,IAAK,CAAA,KAAA,GAAuC,QAAQ,CAAC;AAC/D,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,oGCNjC,4EACA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDKa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,4EAAA,EAAA,CAAA;8BAOnB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MELK,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,EAFhB,YAAA,EAAA,CAAA,oBAAoB,CAFzB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,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,YAJrB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACrC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Output, NgModule } from '@angular/core';
+import { CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@ascentgl/ads-icons';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+
+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
+            }] } });
+
+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],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdsWizardStepperComponent, AdsWizardStepperModule };
+//# sourceMappingURL=ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ascentgl-ads-ui-src-lib-components-wizard-stepper.mjs","sources":["../../../../libs/ads-ui/src/lib/components/wizard-stepper/wizard-stepper.component.ts","../../../../libs/ads-ui/src/lib/components/wizard-stepper/wizard-stepper.component.html","../../../../libs/ads-ui/src/lib/components/wizard-stepper/wizard-stepper.module.ts","../../../../libs/ads-ui/src/lib/components/wizard-stepper/ascentgl-ads-ui-src-lib-components-wizard-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Output } from '@angular/core';\nimport { CdkStepper } from '@angular/cdk/stepper';\nimport { StepClickEvent } from './wizard-stepper.types';\n\n@Component({\n  selector: 'ads-wizard-stepper',\n  templateUrl: './wizard-stepper.component.html',\n  styleUrls: ['./wizard-stepper.component.scss'],\n  providers: [{ provide: CdkStepper, useExisting: AdsWizardStepperComponent }],\n})\nexport class AdsWizardStepperComponent extends CdkStepper {\n  /** Event emitted when a step is clicked */\n  @Output() stepClick: EventEmitter<StepClickEvent> = new EventEmitter();\n\n  /** @ignore */\n  public onStepClick(previouslySelectedIndex: number, selectedIndex: number): void {\n    this.stepClick.emit({\n      previouslySelectedIndex,\n      selectedIndex,\n    });\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsWizardStepperComponent } from './wizard-stepper.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\n\n@NgModule({\n  declarations: [AdsWizardStepperComponent],\n  imports: [CommonModule, AdsIconModule, CdkStepperModule],\n  exports: [AdsWizardStepperComponent],\n})\nexport class AdsWizardStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}