@ardium-ui/ui 1.0.0

package/esm2022/lib/checkbox-list/checkbox-list.component.mjs

@@ -0,0 +1,139 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
+import { coerceBooleanProperty, coerceNumberProperty } from '@ardium-ui/devkit';
+import { SimpleItemStorage } from '../_internal/item-storages/simple-item-storage';
+import { _NgModelComponentBase } from '../_internal/ngmodel-component';
+import { ComponentColor } from '../types/colors.types';
+import { CheckboxListAlignType } from './checkbox-list.types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../checkbox/checkbox.component";
+export class ArdiumCheckboxListComponent extends _NgModelComponentBase {
+    constructor() {
+        super(...arguments);
+        this.htmlId = crypto.randomUUID();
+        this.DEFAULTS = {
+            valueFrom: 'value',
+            labelFrom: 'label',
+            disabledFrom: 'disabled',
+        };
+        this.multiselectable = true;
+        this.requireValue = false;
+        this._itemStorage = new SimpleItemStorage(this);
+        this._invertDisabled = false;
+        //! appearance
+        this.color = ComponentColor.Primary;
+        this.align = CheckboxListAlignType.LeftClumped;
+        this._compact = false;
+        this.valueChange = new EventEmitter();
+        this.changeEvent = new EventEmitter();
+        this._isViewInit = false;
+    }
+    set items(v) {
+        this._itemStorage.setItems(v);
+    }
+    get items() {
+        return this._itemStorage.items;
+    }
+    get invertDisabled() {
+        return this._invertDisabled;
+    }
+    set invertDisabled(v) {
+        this._invertDisabled = coerceBooleanProperty(v);
+    }
+    get maxSelectedItems() {
+        return this._maxSelectedItems;
+    }
+    set maxSelectedItems(v) {
+        this._maxSelectedItems = coerceNumberProperty(v);
+    }
+    get compact() {
+        return this._compact;
+    }
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        return [`ard-color-${this.color}`, `ard-align-${this.align}`, this.compact ? 'ard-compact' : ''].join(' ');
+    }
+    //! value
+    get value() {
+        return this._itemStorage.value;
+    }
+    set value(v) {
+        this.writeValue(v);
+    }
+    writeValue(v) {
+        if (!this._isViewInit) {
+            this._valueBeforeInit = v;
+            return;
+        }
+        this._itemStorage.writeValue(v);
+    }
+    ngAfterViewInit() {
+        this._isViewInit = true;
+        if (this._valueBeforeInit) {
+            this.writeValue(this._valueBeforeInit);
+        }
+    }
+    _emitChange() {
+        const v = this.value;
+        this._onChangeRegistered?.(v);
+        this.changeEvent.emit(v);
+        this.valueChange.emit(v);
+    }
+    onItemHighlight(v) {
+        this._itemStorage.highlightSingleItem(v);
+    }
+    onItemFocus(v) {
+        this._itemStorage.highlightSingleItem(v);
+    }
+    onItemBlur() {
+        this._itemStorage.unhighlightAll();
+    }
+    selectItem(v) {
+        this._itemStorage.selectItem(v);
+        this._emitChange();
+    }
+    unselectItem(v) {
+        this._itemStorage.unselectItem(v);
+        this._emitChange();
+    }
+    toggleItem(v) {
+        if (v.selected) {
+            this.unselectItem(v);
+            return;
+        }
+        this.selectItem(v);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumCheckboxListComponent, selector: "ard-checkbox-list", inputs: { htmlId: "htmlId", items: "items", invertDisabled: "invertDisabled", maxSelectedItems: "maxSelectedItems", color: "color", align: "align", compact: "compact", value: "value" }, outputs: { valueChange: "valueChange", changeEvent: "change" }, host: { properties: { "attr.id": "this.htmlId" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ard-checkbox-list\"\r\n    [class.ard-compact]=\"compact\"\r\n    [ngClass]=\"ngClasses\"\r\n>\r\n    <div\r\n        *ngFor=\"let item of items\"\r\n        class=\"ard-checkbox-list__item\"\r\n        [class.ard-item-highlighted]=\"item.highlighted\"\r\n        [class.ard-item-disabled]=\"item.disabled\"\r\n        (mouseover)=\"onItemHighlight(item)\"\r\n        (mouseleave)=\"onItemBlur()\"\r\n        (click)=\"toggleItem(item)\"\r\n    >\r\n        <div class=\"ard-focus-overlay\"></div>\r\n        <ard-checkbox\r\n            [selected]=\"item.selected\"\r\n            [disabled]=\"item.disabled\"\r\n            [color]=\"color\"\r\n            [htmlId]=\"htmlId + item.index\"\r\n            [tabIndex]=\"tabIndex\"\r\n            (focus)=\"onFocus($event)\"\r\n            (focus)=\"onItemFocus(item)\"\r\n            (blur)=\"onBlur($event)\"\r\n            (blur)=\"onItemBlur()\"\r\n            (select)=\"selectItem(item)\"\r\n            (unselect)=\"unselectItem(item)\"\r\n        ></ard-checkbox>\r\n        <label [for]=\"htmlId + item.index\">\r\n            {{ item.label }}\r\n        </label>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ArdiumCheckboxComponent, selector: "ard-checkbox", inputs: ["wrapperClasses", "htmlId", "color", "unselectedColor", "state"], outputs: ["stateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-checkbox-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ard-checkbox-list\"\r\n    [class.ard-compact]=\"compact\"\r\n    [ngClass]=\"ngClasses\"\r\n>\r\n    <div\r\n        *ngFor=\"let item of items\"\r\n        class=\"ard-checkbox-list__item\"\r\n        [class.ard-item-highlighted]=\"item.highlighted\"\r\n        [class.ard-item-disabled]=\"item.disabled\"\r\n        (mouseover)=\"onItemHighlight(item)\"\r\n        (mouseleave)=\"onItemBlur()\"\r\n        (click)=\"toggleItem(item)\"\r\n    >\r\n        <div class=\"ard-focus-overlay\"></div>\r\n        <ard-checkbox\r\n            [selected]=\"item.selected\"\r\n            [disabled]=\"item.disabled\"\r\n            [color]=\"color\"\r\n            [htmlId]=\"htmlId + item.index\"\r\n            [tabIndex]=\"tabIndex\"\r\n            (focus)=\"onFocus($event)\"\r\n            (focus)=\"onItemFocus(item)\"\r\n            (blur)=\"onBlur($event)\"\r\n            (blur)=\"onItemBlur()\"\r\n            (select)=\"selectItem(item)\"\r\n            (unselect)=\"unselectItem(item)\"\r\n        ></ard-checkbox>\r\n        <label [for]=\"htmlId + item.index\">\r\n            {{ item.label }}\r\n        </label>\r\n    </div>\r\n</div>" }]
+        }], propDecorators: { htmlId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], items: [{
+                type: Input
+            }], invertDisabled: [{
+                type: Input
+            }], maxSelectedItems: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], changeEvent: [{
+                type: Output,
+                args: ['change']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoZWNrYm94LWxpc3QvY2hlY2tib3gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoZWNrYm94LWxpc3QvY2hlY2tib3gtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0ksT0FBTyxFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlCQUFpQixFQUF5QixNQUFNLGdEQUFnRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQVM5RCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEscUJBQXFCO0lBUHRFOztRQVVJLFdBQU0sR0FBVyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFNUIsYUFBUSxHQUFHO1lBQ2hCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFNBQVMsRUFBRSxPQUFPO1lBQ2xCLFlBQVksRUFBRSxVQUFVO1NBQzNCLENBQUM7UUFDTyxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUV0QixpQkFBWSxHQUFHLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFZM0Msb0JBQWUsR0FBWSxLQUFLLENB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QVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBjb2VyY2VOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IFNpbXBsZUl0ZW1TdG9yYWdlLCBTaW1wbGVJdGVtU3RvcmFnZUhvc3QgfSBmcm9tICcuLi9faW50ZXJuYWwvaXRlbS1zdG9yYWdlcy9zaW1wbGUtaXRlbS1zdG9yYWdlJztcbmltcG9ydCB7IF9OZ01vZGVsQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL19pbnRlcm5hbC9uZ21vZGVsLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBBcmRPcHRpb25TaW1wbGUsIENvbXBhcmVXaXRoRm4gfSBmcm9tICcuLi90eXBlcy9pdGVtLXN0b3JhZ2UudHlwZXMnO1xuaW1wb3J0IHsgQ2hlY2tib3hMaXN0QWxpZ25UeXBlIH0gZnJvbSAnLi9jaGVja2JveC1saXN0LnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcmQtY2hlY2tib3gtbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NoZWNrYm94LWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1DaGVja2JveExpc3RDb21wb25lbnQgZXh0ZW5kcyBfTmdNb2RlbENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBTaW1wbGVJdGVtU3RvcmFnZUhvc3QsIEFmdGVyVmlld0luaXQge1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgQElucHV0KClcbiAgICBodG1sSWQ6IHN0cmluZyA9IGNyeXB0by5yYW5kb21VVUlEKCk7XG5cbiAgICByZWFkb25seSBERUZBVUxUUyA9IHtcbiAgICAgICAgdmFsdWVGcm9tOiAndmFsdWUnLFxuICAgICAgICBsYWJlbEZyb206ICdsYWJlbCcsXG4gICAgICAgIGRpc2FibGVkRnJvbTogJ2Rpc2FibGVkJyxcbiAgICB9O1xuICAgIHJlYWRvbmx5IG11bHRpc2VsZWN0YWJsZSA9IHRydWU7XG4gICAgcmVhZG9ubHkgcmVxdWlyZVZhbHVlID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIF9pdGVtU3RvcmFnZSA9IG5ldyBTaW1wbGVJdGVtU3RvcmFnZSh0aGlzKTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2V0IGl0ZW1zKHY6IGFueVtdKSB7XG4gICAgICAgIHRoaXMuX2l0ZW1TdG9yYWdlLnNldEl0ZW1zKHYpO1xuICAgIH1cbiAgICBnZXQgaXRlbXMoKTogQXJkT3B0aW9uU2ltcGxlW10ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXRlbVN0b3JhZ2UuaXRlbXM7XG4gICAgfVxuXG4gICAgY29tcGFyZVdpdGg/OiBDb21wYXJlV2l0aEZuO1xuXG4gICAgcHJpdmF0ZSBfaW52ZXJ0RGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKVxuICAgIGdldCBpbnZlcnREaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ludmVydERpc2FibGVkO1xuICAgIH1cbiAgICBzZXQgaW52ZXJ0RGlzYWJsZWQodjogYW55KSB7XG4gICAgICAgIHRoaXMuX2ludmVydERpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX21heFNlbGVjdGVkSXRlbXM/OiBudW1iZXI7XG4gICAgQElucHV0KClcbiAgICBnZXQgbWF4U2VsZWN0ZWRJdGVtcygpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fbWF4U2VsZWN0ZWRJdGVtcztcbiAgICB9XG4gICAgc2V0IG1heFNlbGVjdGVkSXRlbXModjogYW55KSB7XG4gICAgICAgIHRoaXMuX21heFNlbGVjdGVkSXRlbXMgPSBjb2VyY2VOdW1iZXJQcm9wZXJ0eSh2KTtcbiAgICB9XG5cbiAgICAvLyEgYXBwZWFyYW5jZVxuICAgIEBJbnB1dCgpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG4gICAgQElucHV0KCkgYWxpZ246IENoZWNrYm94TGlzdEFsaWduVHlwZSA9IENoZWNrYm94TGlzdEFsaWduVHlwZS5MZWZ0Q2x1bXBlZDtcblxuICAgIHByaXZhdGUgX2NvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKVxuICAgIGdldCBjb21wYWN0KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29tcGFjdDtcbiAgICB9XG4gICAgc2V0IGNvbXBhY3QodjogYW55KSB7XG4gICAgICAgIHRoaXMuX2NvbXBhY3QgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gICAgfVxuXG4gICAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW2BhcmQtY29sb3ItJHt0aGlzLmNvbG9yfWAsIGBhcmQtYWxpZ24tJHt0aGlzLmFsaWdufWAsIHRoaXMuY29tcGFjdCA/ICdhcmQtY29tcGFjdCcgOiAnJ10uam9pbignICcpO1xuICAgIH1cblxuICAgIC8vISB2YWx1ZVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IHZhbHVlKCk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pdGVtU3RvcmFnZS52YWx1ZTtcbiAgICB9XG4gICAgc2V0IHZhbHVlKHY6IGFueSkge1xuICAgICAgICB0aGlzLndyaXRlVmFsdWUodik7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgnY2hhbmdlJykgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIHByaXZhdGUgX3ZhbHVlQmVmb3JlSW5pdDogYW55O1xuICAgIHdyaXRlVmFsdWUodjogYW55KTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5faXNWaWV3SW5pdCkge1xuICAgICAgICAgICAgdGhpcy5fdmFsdWVCZWZvcmVJbml0ID0gdjtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl9pdGVtU3RvcmFnZS53cml0ZVZhbHVlKHYpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2lzVmlld0luaXQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2lzVmlld0luaXQgPSB0cnVlO1xuXG4gICAgICAgIGlmICh0aGlzLl92YWx1ZUJlZm9yZUluaXQpIHtcbiAgICAgICAgICAgIHRoaXMud3JpdGVWYWx1ZSh0aGlzLl92YWx1ZUJlZm9yZUluaXQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIF9lbWl0Q2hhbmdlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCB2ID0gdGhpcy52YWx1ZTtcbiAgICAgICAgdGhpcy5fb25DaGFuZ2VSZWdpc3RlcmVkPy4odik7XG4gICAgICAgIHRoaXMuY2hhbmdlRXZlbnQuZW1pdCh2KTtcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHYpO1xuICAgIH1cblxuICAgIG9uSXRlbUhpZ2hsaWdodCh2OiBBcmRPcHRpb25TaW1wbGUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5faXRlbVN0b3JhZ2UuaGlnaGxpZ2h0U2luZ2xlSXRlbSh2KTtcbiAgICB9XG4gICAgb25JdGVtRm9jdXModjogQXJkT3B0aW9uU2ltcGxlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2l0ZW1TdG9yYWdlLmhpZ2hsaWdodFNpbmdsZUl0ZW0odik7XG4gICAgfVxuICAgIG9uSXRlbUJsdXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2l0ZW1TdG9yYWdlLnVuaGlnaGxpZ2h0QWxsKCk7XG4gICAgfVxuICAgIHNlbGVjdEl0ZW0odjogQXJkT3B0aW9uU2ltcGxlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2l0ZW1TdG9yYWdlLnNlbGVjdEl0ZW0odik7XG4gICAgICAgIHRoaXMuX2VtaXRDaGFuZ2UoKTtcbiAgICB9XG4gICAgdW5zZWxlY3RJdGVtKHY6IEFyZE9wdGlvblNpbXBsZSk6IHZvaWQge1xuICAgICAgICB0aGlzLl9pdGVtU3RvcmFnZS51bnNlbGVjdEl0ZW0odik7XG4gICAgICAgIHRoaXMuX2VtaXRDaGFuZ2UoKTtcbiAgICB9XG4gICAgdG9nZ2xlSXRlbSh2OiBBcmRPcHRpb25TaW1wbGUpOiB2b2lkIHtcbiAgICAgICAgaWYgKHYuc2VsZWN0ZWQpIHtcbiAgICAgICAgICAgIHRoaXMudW5zZWxlY3RJdGVtKHYpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc2VsZWN0SXRlbSh2KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXJkLWNoZWNrYm94LWxpc3RcIlxyXG4gICAgW2NsYXNzLmFyZC1jb21wYWN0XT1cImNvbXBhY3RcIlxyXG4gICAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuPlxyXG4gICAgPGRpdlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCJcclxuICAgICAgICBjbGFzcz1cImFyZC1jaGVja2JveC1saXN0X19pdGVtXCJcclxuICAgICAgICBbY2xhc3MuYXJkLWl0ZW0taGlnaGxpZ2h0ZWRdPVwiaXRlbS5oaWdobGlnaHRlZFwiXHJcbiAgICAgICAgW2NsYXNzLmFyZC1pdGVtLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxyXG4gICAgICAgIChtb3VzZW92ZXIpPVwib25JdGVtSGlnaGxpZ2h0KGl0ZW0pXCJcclxuICAgICAgICAobW91c2VsZWF2ZSk9XCJvbkl0ZW1CbHVyKClcIlxyXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVJdGVtKGl0ZW0pXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cclxuICAgICAgICA8YXJkLWNoZWNrYm94XHJcbiAgICAgICAgICAgIFtzZWxlY3RlZF09XCJpdGVtLnNlbGVjdGVkXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgICAgICBbaHRtbElkXT1cImh0bWxJZCArIGl0ZW0uaW5kZXhcIlxyXG4gICAgICAgICAgICBbdGFiSW5kZXhdPVwidGFiSW5kZXhcIlxyXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAgICAgICAgICAgKGZvY3VzKT1cIm9uSXRlbUZvY3VzKGl0ZW0pXCJcclxuICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKCRldmVudClcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbkl0ZW1CbHVyKClcIlxyXG4gICAgICAgICAgICAoc2VsZWN0KT1cInNlbGVjdEl0ZW0oaXRlbSlcIlxyXG4gICAgICAgICAgICAodW5zZWxlY3QpPVwidW5zZWxlY3RJdGVtKGl0ZW0pXCJcclxuICAgICAgICA+PC9hcmQtY2hlY2tib3g+XHJcbiAgICAgICAgPGxhYmVsIFtmb3JdPVwiaHRtbElkICsgaXRlbS5pbmRleFwiPlxyXG4gICAgICAgICAgICB7eyBpdGVtLmxhYmVsIH19XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/checkbox-list/checkbox-list.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ArdiumCheckboxListComponent } from './checkbox-list.component';
+import { ArdiumCheckboxModule } from '../checkbox/checkbox.module';
+import * as i0 from "@angular/core";
+export class ArdiumCheckboxListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListModule, declarations: [ArdiumCheckboxListComponent], imports: [CommonModule, ArdiumCheckboxModule], exports: [ArdiumCheckboxListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListModule, imports: [CommonModule, ArdiumCheckboxModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumCheckboxListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ArdiumCheckboxListComponent],
+                    imports: [CommonModule, ArdiumCheckboxModule],
+                    exports: [ArdiumCheckboxListComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoZWNrYm94LWxpc3QvY2hlY2tib3gtbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBT25FLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQUpsQiwyQkFBMkIsYUFDaEMsWUFBWSxFQUFFLG9CQUFvQixhQUNsQywyQkFBMkI7K0dBRTVCLHdCQUF3QixZQUh2QixZQUFZLEVBQUUsb0JBQW9COzsyRkFHbkMsd0JBQXdCO2tCQUxwQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUMzQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLENBQUM7b0JBQzdDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXJkaXVtQ2hlY2tib3hMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcmRpdW1DaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbQXJkaXVtQ2hlY2tib3hMaXN0Q29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBcmRpdW1DaGVja2JveE1vZHVsZV0sXG4gICAgZXhwb3J0czogW0FyZGl1bUNoZWNrYm94TGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUNoZWNrYm94TGlzdE1vZHVsZSB7fVxuIl19

package/esm2022/lib/checkbox-list/checkbox-list.types.mjs

@@ -0,0 +1,7 @@
+export const CheckboxListAlignType = {
+    LeftClumped: 'left-clumped',
+    LeftSplit: 'left-split',
+    RightSplit: 'right-split',
+    RightClumped: 'right-clumped',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtbGlzdC50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY2hlY2tib3gtbGlzdC9jaGVja2JveC1saXN0LnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHO0lBQ2pDLFdBQVcsRUFBRSxjQUFjO0lBQzNCLFNBQVMsRUFBRSxZQUFZO0lBQ3ZCLFVBQVUsRUFBRSxhQUFhO0lBQ3pCLFlBQVksRUFBRSxlQUFlO0NBQ3ZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgQ2hlY2tib3hMaXN0QWxpZ25UeXBlID0ge1xuICAgIExlZnRDbHVtcGVkOiAnbGVmdC1jbHVtcGVkJyxcbiAgICBMZWZ0U3BsaXQ6ICdsZWZ0LXNwbGl0JyxcbiAgICBSaWdodFNwbGl0OiAncmlnaHQtc3BsaXQnLFxuICAgIFJpZ2h0Q2x1bXBlZDogJ3JpZ2h0LWNsdW1wZWQnLFxufSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIENoZWNrYm94TGlzdEFsaWduVHlwZSA9ICh0eXBlb2YgQ2hlY2tib3hMaXN0QWxpZ25UeXBlKVtrZXlvZiB0eXBlb2YgQ2hlY2tib3hMaXN0QWxpZ25UeXBlXTtcbiJdfQ==

package/esm2022/lib/chip/chip.component.mjs

@@ -0,0 +1,55 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import { SimpleOneAxisAlignment } from '../types/alignment.types';
+import { ComponentColor } from '../types/colors.types';
+import { DecorationElementAppearance, FormElementVariant } from '../types/theming.types';
+import { _DisablableComponentBase } from './../_internal/disablable-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ArdiumChipComponent extends _DisablableComponentBase {
+    constructor() {
+        super(...arguments);
+        this.contentAlignment = SimpleOneAxisAlignment.Left;
+        //* appearance
+        this.appearance = DecorationElementAppearance.Outlined;
+        this.variant = FormElementVariant.Rounded;
+        this.color = ComponentColor.Primary;
+        this._compact = false;
+        this.wrapperClasses = '';
+    }
+    get compact() {
+        return this._compact;
+    }
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        return [
+            this.wrapperClasses,
+            `ard-chip-align-${this.contentAlignment}`,
+            `ard-variant-${this.variant}`,
+            `ard-appearance-${this.appearance}`,
+            `ard-color-${this.color}`,
+            this.compact ? 'ard-compact' : '',
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumChipComponent, selector: "ard-chip", inputs: { contentAlignment: "contentAlignment", appearance: "appearance", variant: "variant", color: "color", compact: "compact", wrapperClasses: "wrapperClasses" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ard-chip-wrapper ard-chip\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ard-chip-wrapper ard-chip\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"] }]
+        }], propDecorators: { contentAlignment: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], wrapperClasses: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoaXAvY2hpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoaXAvY2hpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQVMvRSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsd0JBQXdCO0lBUGpFOztRQVFhLHFCQUFnQixHQUEyQixzQkFBc0IsQ0FBQyxJQUFJLENBQUM7UUFFaEYsY0FBYztRQUNMLGVBQVUsR0FBZ0MsMkJBQTJCLENBQUMsUUFBUSxDQUFDO1FBQy9FLFlBQU8sR0FBdUIsa0JBQWtCLENBQUMsT0FBTyxDQUFDO1FBQ3pELFVBQUssR0FBbUIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQUVoRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBU3pCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0tBV3hDO0lBbkJHLElBQ0ksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsQ0FBTTtRQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUdELElBQUksU0FBUztRQUNULE9BQU87WUFDSCxJQUFJLENBQUMsY0FBYztZQUNuQixrQkFBa0IsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3pDLGVBQWUsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUM3QixrQkFBa0IsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQyxhQUFhLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3BDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7OEdBM0JRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDZPQ2RoQywrTkFLTTs7MkZEU08sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBUUcsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgU2ltcGxlT25lQXhpc0FsaWdubWVudCB9IGZyb20gJy4uL3R5cGVzL2FsaWdubWVudC50eXBlcyc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBEZWNvcmF0aW9uRWxlbWVudEFwcGVhcmFuY2UsIEZvcm1FbGVtZW50VmFyaWFudCB9IGZyb20gJy4uL3R5cGVzL3RoZW1pbmcudHlwZXMnO1xuaW1wb3J0IHsgX0Rpc2FibGFibGVDb21wb25lbnRCYXNlIH0gZnJvbSAnLi8uLi9faW50ZXJuYWwvZGlzYWJsYWJsZS1jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FyZC1jaGlwJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUNoaXBDb21wb25lbnQgZXh0ZW5kcyBfRGlzYWJsYWJsZUNvbXBvbmVudEJhc2Uge1xuICAgIEBJbnB1dCgpIGNvbnRlbnRBbGlnbm1lbnQ6IFNpbXBsZU9uZUF4aXNBbGlnbm1lbnQgPSBTaW1wbGVPbmVBeGlzQWxpZ25tZW50LkxlZnQ7XG5cbiAgICAvLyogYXBwZWFyYW5jZVxuICAgIEBJbnB1dCgpIGFwcGVhcmFuY2U6IERlY29yYXRpb25FbGVtZW50QXBwZWFyYW5jZSA9IERlY29yYXRpb25FbGVtZW50QXBwZWFyYW5jZS5PdXRsaW5lZDtcbiAgICBASW5wdXQoKSB2YXJpYW50OiBGb3JtRWxlbWVudFZhcmlhbnQgPSBGb3JtRWxlbWVudFZhcmlhbnQuUm91bmRlZDtcbiAgICBASW5wdXQoKSBjb2xvcjogQ29tcG9uZW50Q29sb3IgPSBDb21wb25lbnRDb2xvci5QcmltYXJ5O1xuXG4gICAgcHJpdmF0ZSBfY29tcGFjdDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGNvbXBhY3QoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb21wYWN0O1xuICAgIH1cbiAgICBzZXQgY29tcGFjdCh2OiBhbnkpIHtcbiAgICAgICAgdGhpcy5fY29tcGFjdCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2KTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSB3cmFwcGVyQ2xhc3Nlczogc3RyaW5nID0gJyc7XG4gICAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy53cmFwcGVyQ2xhc3NlcyxcbiAgICAgICAgICAgIGBhcmQtY2hpcC1hbGlnbi0ke3RoaXMuY29udGVudEFsaWdubWVudH1gLFxuICAgICAgICAgICAgYGFyZC12YXJpYW50LSR7dGhpcy52YXJpYW50fWAsXG4gICAgICAgICAgICBgYXJkLWFwcGVhcmFuY2UtJHt0aGlzLmFwcGVhcmFuY2V9YCxcbiAgICAgICAgICAgIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yfWAsXG4gICAgICAgICAgICB0aGlzLmNvbXBhY3QgPyAnYXJkLWNvbXBhY3QnIDogJycsXG4gICAgICAgIF0uam9pbignICcpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhcmQtY2hpcC13cmFwcGVyIGFyZC1jaGlwXCIgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtY2hpcC1jb250ZW50LXdyYXBwZXJcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/chip/chip.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ArdiumChipComponent } from './chip.component';
+import { ArdiumSelectableChipComponent } from './selectable-chip/selectable-chip.component';
+import { ArdiumDeletableChipComponent } from './deletable-chip/deletable-chip.component';
+import { _ClearButtonModule } from '../_internal/clear-button/clear-button.module';
+import * as i0 from "@angular/core";
+export class ArdiumChipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipModule, declarations: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent], imports: [CommonModule, _ClearButtonModule], exports: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipModule, imports: [CommonModule, _ClearButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent],
+                    imports: [CommonModule, _ClearButtonModule],
+                    exports: [ArdiumChipComponent, ArdiumSelectableChipComponent, ArdiumDeletableChipComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoaXAvY2hpcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDNUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDekYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBT25GLE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQUpWLG1CQUFtQixFQUFFLDZCQUE2QixFQUFFLDRCQUE0QixhQUNyRixZQUFZLEVBQUUsa0JBQWtCLGFBQ2hDLG1CQUFtQixFQUFFLDZCQUE2QixFQUFFLDRCQUE0QjsrR0FFakYsZ0JBQWdCLFlBSGYsWUFBWSxFQUFFLGtCQUFrQjs7MkZBR2pDLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSw2QkFBNkIsRUFBRSw0QkFBNEIsQ0FBQztvQkFDaEcsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGtCQUFrQixDQUFDO29CQUMzQyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSw2QkFBNkIsRUFBRSw0QkFBNEIsQ0FBQztpQkFDOUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFyZGl1bUNoaXBDb21wb25lbnQgfSBmcm9tICcuL2NoaXAuY29tcG9uZW50JztcbmltcG9ydCB7IEFyZGl1bVNlbGVjdGFibGVDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3RhYmxlLWNoaXAvc2VsZWN0YWJsZS1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcmRpdW1EZWxldGFibGVDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi9kZWxldGFibGUtY2hpcC9kZWxldGFibGUtY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgX0NsZWFyQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vX2ludGVybmFsL2NsZWFyLWJ1dHRvbi9jbGVhci1idXR0b24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtBcmRpdW1DaGlwQ29tcG9uZW50LCBBcmRpdW1TZWxlY3RhYmxlQ2hpcENvbXBvbmVudCwgQXJkaXVtRGVsZXRhYmxlQ2hpcENvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgX0NsZWFyQnV0dG9uTW9kdWxlXSxcbiAgICBleHBvcnRzOiBbQXJkaXVtQ2hpcENvbXBvbmVudCwgQXJkaXVtU2VsZWN0YWJsZUNoaXBDb21wb25lbnQsIEFyZGl1bURlbGV0YWJsZUNoaXBDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1DaGlwTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/chip/deletable-chip/deletable-chip.component.mjs

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SimpleOneAxisAlignment } from '../../types/alignment.types';
+import { ComponentColor } from '../../types/colors.types';
+import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { _FocusableComponentBase } from '../../_internal/focusable-component';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../_internal/clear-button/clear-button.component";
+export class ArdiumDeletableChipComponent extends _FocusableComponentBase {
+    constructor() {
+        super(...arguments);
+        this.DEFAULTS = {
+            deleteButtonTitle: 'Delete',
+        };
+        this.deleteButtonTitle = this.DEFAULTS.deleteButtonTitle;
+        this.contentAlignment = SimpleOneAxisAlignment.Left;
+        //* appearance
+        this.appearance = DecorationElementAppearance.Outlined;
+        this.variant = FormElementVariant.Rounded;
+        this.color = ComponentColor.Primary;
+        this._compact = false;
+        this.wrapperClasses = '';
+        //* events
+        this.deleteEvent = new EventEmitter();
+    }
+    get compact() {
+        return this._compact;
+    }
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        return [
+            this.wrapperClasses,
+            `ard-chip-align-${this.contentAlignment}`,
+            `ard-variant-${this.variant}`,
+            `ard-appearance-${this.appearance}`,
+            `ard-color-${this.color}`,
+            this.compact ? 'ard-compact' : '',
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDeletableChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumDeletableChipComponent, selector: "ard-deletable-chip", inputs: { deleteButtonTitle: "deleteButtonTitle", contentAlignment: "contentAlignment", appearance: "appearance", variant: "variant", color: "color", compact: "compact", wrapperClasses: "wrapperClasses" }, outputs: { deleteEvent: "delete" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ArdiumDeletableChipComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n    class=\"ard-chip-wrapper ard-chip-deletable\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <ard-_clear-button\r\n        [title]=\"deleteButtonTitle\"\r\n        (click)=\"deleteEvent.emit($event)\"\r\n        [tabIndex]=\"tabIndex\"\r\n    ></ard-_clear-button>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2._ClearButtonComponent, selector: "ard-_clear-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDeletableChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-deletable-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ArdiumDeletableChipComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\r\n    class=\"ard-chip-wrapper ard-chip-deletable\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <ard-_clear-button\r\n        [title]=\"deleteButtonTitle\"\r\n        (click)=\"deleteEvent.emit($event)\"\r\n        [tabIndex]=\"tabIndex\"\r\n    ></ard-_clear-button>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"] }]
+        }], propDecorators: { deleteButtonTitle: [{
+                type: Input
+            }], contentAlignment: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], wrapperClasses: [{
+                type: Input
+            }], deleteEvent: [{
+                type: Output,
+                args: ['delete']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRhYmxlLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9jaGlwL2RlbGV0YWJsZS1jaGlwL2RlbGV0YWJsZS1jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY2hpcC9kZWxldGFibGUtY2hpcC9kZWxldGFibGUtY2hpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFnQjFELE1BQU0sT0FBTyw0QkFBNkIsU0FBUSx1QkFBdUI7SUFkekU7O1FBZWEsYUFBUSxHQUFHO1lBQ2hCLGlCQUFpQixFQUFFLFFBQVE7U0FDOUIsQ0FBQztRQUVPLHNCQUFpQixHQUFXLElBQUksQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUM7UUFDNUQscUJBQWdCLEdBQTJCLHNCQUFzQixDQUFDLElBQUksQ0FBQztRQUVoRixjQUFjO1FBQ0wsZUFBVSxHQUFnQywyQkFBMkIsQ0FBQyxRQUFRLENBQUM7UUFDL0UsWUFBTyxHQUF1QixrQkFBa0IsQ0FBQyxPQUFPLENBQUM7UUFDekQsVUFBSyxHQUFtQixjQUFjLENBQUMsT0FBTyxDQUFDO1FBRWhELGFBQVEsR0FBWSxLQUFLLENBQUM7UUFTekIsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFXckMsVUFBVTtRQUNRLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQUNsRTtJQXJCRyxJQUNJLE9BQU87UUFDUCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLENBQU07UUFDZCxJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxPQUFPO1lBQ0gsSUFBSSxDQUFDLGNBQWM7WUFDbkIsa0JBQWtCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QyxlQUFlLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDN0Isa0JBQWtCLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkMsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNwQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDOzhHQWhDUSw0QkFBNEI7a0dBQTVCLDRCQUE0QiwrUkFSMUI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2dCQUMzRCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osaURDcEJMLGdkQWNNOzsyRkRRTyw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0ksb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsNkJBQTZCLENBQUM7NEJBQzNELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKOzhCQU9RLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBR0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUlGLE9BQU87c0JBRFYsS0FBSztnQkFRRyxjQUFjO3NCQUF0QixLQUFLO2dCQVlZLFdBQVc7c0JBQTVCLE1BQU07dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2ltcGxlT25lQXhpc0FsaWdubWVudCB9IGZyb20gJy4uLy4uL3R5cGVzL2FsaWdubWVudC50eXBlcyc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBEZWNvcmF0aW9uRWxlbWVudEFwcGVhcmFuY2UsIEZvcm1FbGVtZW50VmFyaWFudCB9IGZyb20gJy4uLy4uL3R5cGVzL3RoZW1pbmcudHlwZXMnO1xuaW1wb3J0IHsgX0ZvY3VzYWJsZUNvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9faW50ZXJuYWwvZm9jdXNhYmxlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWRlbGV0YWJsZS1jaGlwJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGVsZXRhYmxlLWNoaXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuLi9jaGlwLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBcmRpdW1EZWxldGFibGVDaGlwQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bURlbGV0YWJsZUNoaXBDb21wb25lbnQgZXh0ZW5kcyBfRm9jdXNhYmxlQ29tcG9uZW50QmFzZSB7XG4gICAgcmVhZG9ubHkgREVGQVVMVFMgPSB7XG4gICAgICAgIGRlbGV0ZUJ1dHRvblRpdGxlOiAnRGVsZXRlJyxcbiAgICB9O1xuXG4gICAgQElucHV0KCkgZGVsZXRlQnV0dG9uVGl0bGU6IHN0cmluZyA9IHRoaXMuREVGQVVMVFMuZGVsZXRlQnV0dG9uVGl0bGU7XG4gICAgQElucHV0KCkgY29udGVudEFsaWdubWVudDogU2ltcGxlT25lQXhpc0FsaWdubWVudCA9IFNpbXBsZU9uZUF4aXNBbGlnbm1lbnQuTGVmdDtcblxuICAgIC8vKiBhcHBlYXJhbmNlXG4gICAgQElucHV0KCkgYXBwZWFyYW5jZTogRGVjb3JhdGlvbkVsZW1lbnRBcHBlYXJhbmNlID0gRGVjb3JhdGlvbkVsZW1lbnRBcHBlYXJhbmNlLk91dGxpbmVkO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6IEZvcm1FbGVtZW50VmFyaWFudCA9IEZvcm1FbGVtZW50VmFyaWFudC5Sb3VuZGVkO1xuICAgIEBJbnB1dCgpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG5cbiAgICBwcml2YXRlIF9jb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBnZXQgY29tcGFjdCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbXBhY3Q7XG4gICAgfVxuICAgIHNldCBjb21wYWN0KHY6IGFueSkge1xuICAgICAgICB0aGlzLl9jb21wYWN0ID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHdyYXBwZXJDbGFzc2VzOiBzdHJpbmcgPSAnJztcbiAgICBnZXQgbmdDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLndyYXBwZXJDbGFzc2VzLFxuICAgICAgICAgICAgYGFyZC1jaGlwLWFsaWduLSR7dGhpcy5jb250ZW50QWxpZ25tZW50fWAsXG4gICAgICAgICAgICBgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnR9YCxcbiAgICAgICAgICAgIGBhcmQtYXBwZWFyYW5jZS0ke3RoaXMuYXBwZWFyYW5jZX1gLFxuICAgICAgICAgICAgYGFyZC1jb2xvci0ke3RoaXMuY29sb3J9YCxcbiAgICAgICAgICAgIHRoaXMuY29tcGFjdCA/ICdhcmQtY29tcGFjdCcgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuICAgIC8vKiBldmVudHNcbiAgICBAT3V0cHV0KCdkZWxldGUnKSBkZWxldGVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbn1cbiIsIjxkaXZcclxuICAgIGNsYXNzPVwiYXJkLWNoaXAtd3JhcHBlciBhcmQtY2hpcC1kZWxldGFibGVcIlxyXG4gICAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuICAgIFtjbGFzc109XCJ3cmFwcGVyQ2xhc3Nlc1wiXHJcbj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtZm9jdXMtb3ZlcmxheVwiPjwvZGl2PlxyXG4gICAgPGFyZC1fY2xlYXItYnV0dG9uXHJcbiAgICAgICAgW3RpdGxlXT1cImRlbGV0ZUJ1dHRvblRpdGxlXCJcclxuICAgICAgICAoY2xpY2spPVwiZGVsZXRlRXZlbnQuZW1pdCgkZXZlbnQpXCJcclxuICAgICAgICBbdGFiSW5kZXhdPVwidGFiSW5kZXhcIlxyXG4gICAgPjwvYXJkLV9jbGVhci1idXR0b24+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWNoaXAtY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/chip/selectable-chip/selectable-chip.component.mjs

@@ -0,0 +1,77 @@
+import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import { SimpleOneAxisAlignment } from '../../types/alignment.types';
+import { ComponentColor } from '../../types/colors.types';
+import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { _BooleanComponentBase } from './../../_internal/boolean-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ArdiumSelectableChipComponent extends _BooleanComponentBase {
+    constructor() {
+        super(...arguments);
+        this.DEFAULTS = {
+            chipTitle: 'Select',
+        };
+        this.chipTitle = this.DEFAULTS.chipTitle;
+        this.useSelectionIcon = true;
+        this.contentAlignment = SimpleOneAxisAlignment.Left;
+        //* appearance
+        this.appearance = DecorationElementAppearance.Outlined;
+        this.variant = FormElementVariant.Rounded;
+        this.color = ComponentColor.Primary;
+        this._compact = false;
+        this.wrapperClasses = '';
+    }
+    get compact() {
+        return this._compact;
+    }
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        return [
+            this.wrapperClasses,
+            `ard-chip-align-${this.contentAlignment}`,
+            `ard-variant-${this.variant}`,
+            `ard-appearance-${this.appearance}`,
+            `ard-color-${this.color}`,
+            this.compact ? 'ard-compact' : '',
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumSelectableChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumSelectableChipComponent, selector: "ard-selectable-chip", inputs: { chipTitle: "chipTitle", useSelectionIcon: "useSelectionIcon", contentAlignment: "contentAlignment", appearance: "appearance", variant: "variant", color: "color", compact: "compact", wrapperClasses: "wrapperClasses" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ArdiumSelectableChipComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<button\r\n    class=\"ard-chip-wrapper ard-chip-selectable\"\r\n    [class.ard-chip-selected]=\"selected\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n    [title]=\"chipTitle\"\r\n    [tabindex]=\"tabIndex\"\r\n    (click)=\"toggleSelected()\"\r\n    (focus)=\"onFocus($event)\"\r\n    (blur)=\"onBlur($event)\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-chip-selection-icon\" role=\"img\"></div>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumSelectableChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-selectable-chip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ArdiumSelectableChipComponent),
+                            multi: true,
+                        },
+                    ], template: "<button\r\n    class=\"ard-chip-wrapper ard-chip-selectable\"\r\n    [class.ard-chip-selected]=\"selected\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n    [title]=\"chipTitle\"\r\n    [tabindex]=\"tabIndex\"\r\n    (click)=\"toggleSelected()\"\r\n    (focus)=\"onFocus($event)\"\r\n    (blur)=\"onBlur($event)\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-chip-selection-icon\" role=\"img\"></div>\r\n    <div class=\"ard-chip-content-wrapper\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-chip-wrapper{display:flex;width:max-content}.ard-chip-left{flex-direction:row}.ard-chip-right{flex-direction:row-reverse}.ard-chip-selectable .ard-chip-selection-icon{display:none}.ard-chip-selectable.ard-chip-selected .ard-chip-selection-icon{display:block}\n"] }]
+        }], propDecorators: { chipTitle: [{
+                type: Input
+            }], useSelectionIcon: [{
+                type: Input
+            }], contentAlignment: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], wrapperClasses: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0YWJsZS1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY2hpcC9zZWxlY3RhYmxlLWNoaXAvc2VsZWN0YWJsZS1jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY2hpcC9zZWxlY3RhYmxlLWNoaXAvc2VsZWN0YWJsZS1jaGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFnQjVFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxxQkFBcUI7SUFkeEU7O1FBZWEsYUFBUSxHQUFHO1lBQ2hCLFNBQVMsRUFBRSxRQUFRO1NBQ3RCLENBQUM7UUFFTyxjQUFTLEdBQVcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFDNUMscUJBQWdCLEdBQVksSUFBSSxDQUFDO1FBQ2pDLHFCQUFnQixHQUEyQixzQkFBc0IsQ0FBQyxJQUFJLENBQUM7UUFFaEYsY0FBYztRQUNMLGVBQVUsR0FBZ0MsMkJBQTJCLENBQUMsUUFBUSxDQUFDO1FBQy9FLFlBQU8sR0FBdUIsa0JBQWtCLENBQUMsT0FBTyxDQUFDO1FBQ3pELFVBQUssR0FBbUIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQUVoRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBU3pCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0tBV3hDO0lBbkJHLElBQ0ksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsQ0FBTTtRQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUdELElBQUksU0FBUztRQUNULE9BQU87WUFDSCxJQUFJLENBQUMsY0FBYztZQUNuQixrQkFBa0IsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3pDLGVBQWUsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUM3QixrQkFBa0IsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQyxhQUFhLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3BDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7OEdBakNRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLGtSQVIzQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7Z0JBQzVELEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSixpRENwQkwsd2pCQWdCUzs7MkZETUksNkJBQTZCO2tCQWR6QyxTQUFTOytCQUNJLHFCQUFxQixpQkFHaEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzs0QkFDNUQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7OEJBT1EsU0FBUztzQkFBakIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBUUcsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgU2ltcGxlT25lQXhpc0FsaWdubWVudCB9IGZyb20gJy4uLy4uL3R5cGVzL2FsaWdubWVudC50eXBlcyc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBEZWNvcmF0aW9uRWxlbWVudEFwcGVhcmFuY2UsIEZvcm1FbGVtZW50VmFyaWFudCB9IGZyb20gJy4uLy4uL3R5cGVzL3RoZW1pbmcudHlwZXMnO1xuaW1wb3J0IHsgX0Jvb2xlYW5Db21wb25lbnRCYXNlIH0gZnJvbSAnLi8uLi8uLi9faW50ZXJuYWwvYm9vbGVhbi1jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FyZC1zZWxlY3RhYmxlLWNoaXAnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3RhYmxlLWNoaXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuLi9jaGlwLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBcmRpdW1TZWxlY3RhYmxlQ2hpcENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1TZWxlY3RhYmxlQ2hpcENvbXBvbmVudCBleHRlbmRzIF9Cb29sZWFuQ29tcG9uZW50QmFzZSBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICByZWFkb25seSBERUZBVUxUUyA9IHtcbiAgICAgICAgY2hpcFRpdGxlOiAnU2VsZWN0JyxcbiAgICB9O1xuXG4gICAgQElucHV0KCkgY2hpcFRpdGxlOiBzdHJpbmcgPSB0aGlzLkRFRkFVTFRTLmNoaXBUaXRsZTtcbiAgICBASW5wdXQoKSB1c2VTZWxlY3Rpb25JY29uOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBjb250ZW50QWxpZ25tZW50OiBTaW1wbGVPbmVBeGlzQWxpZ25tZW50ID0gU2ltcGxlT25lQXhpc0FsaWdubWVudC5MZWZ0O1xuXG4gICAgLy8qIGFwcGVhcmFuY2VcbiAgICBASW5wdXQoKSBhcHBlYXJhbmNlOiBEZWNvcmF0aW9uRWxlbWVudEFwcGVhcmFuY2UgPSBEZWNvcmF0aW9uRWxlbWVudEFwcGVhcmFuY2UuT3V0bGluZWQ7XG4gICAgQElucHV0KCkgdmFyaWFudDogRm9ybUVsZW1lbnRWYXJpYW50ID0gRm9ybUVsZW1lbnRWYXJpYW50LlJvdW5kZWQ7XG4gICAgQElucHV0KCkgY29sb3I6IENvbXBvbmVudENvbG9yID0gQ29tcG9uZW50Q29sb3IuUHJpbWFyeTtcblxuICAgIHByaXZhdGUgX2NvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKVxuICAgIGdldCBjb21wYWN0KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29tcGFjdDtcbiAgICB9XG4gICAgc2V0IGNvbXBhY3QodjogYW55KSB7XG4gICAgICAgIHRoaXMuX2NvbXBhY3QgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gICAgfVxuXG4gICAgQElucHV0KCkgd3JhcHBlckNsYXNzZXM6IHN0cmluZyA9ICcnO1xuICAgIGdldCBuZ0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMud3JhcHBlckNsYXNzZXMsXG4gICAgICAgICAgICBgYXJkLWNoaXAtYWxpZ24tJHt0aGlzLmNvbnRlbnRBbGlnbm1lbnR9YCxcbiAgICAgICAgICAgIGBhcmQtdmFyaWFudC0ke3RoaXMudmFyaWFudH1gLFxuICAgICAgICAgICAgYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlfWAsXG4gICAgICAgICAgICBgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcn1gLFxuICAgICAgICAgICAgdGhpcy5jb21wYWN0ID8gJ2FyZC1jb21wYWN0JyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8YnV0dG9uXHJcbiAgICBjbGFzcz1cImFyZC1jaGlwLXdyYXBwZXIgYXJkLWNoaXAtc2VsZWN0YWJsZVwiXHJcbiAgICBbY2xhc3MuYXJkLWNoaXAtc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIlxyXG4gICAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuICAgIFtjbGFzc109XCJ3cmFwcGVyQ2xhc3Nlc1wiXHJcbiAgICBbdGl0bGVdPVwiY2hpcFRpdGxlXCJcclxuICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICAoY2xpY2spPVwidG9nZ2xlU2VsZWN0ZWQoKVwiXHJcbiAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcclxuPlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1mb2N1cy1vdmVybGF5XCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWNoaXAtc2VsZWN0aW9uLWljb25cIiByb2xlPVwiaW1nXCI+PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWNoaXAtY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvYnV0dG9uPiJdfQ==

package/esm2022/lib/color/color-display/color-display.component.mjs

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import * as Color from 'color';
+import { ColorDisplayAppearance } from './color-display.types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ArdiumColorDisplayComponent {
+    constructor() {
+        this._withLabel = false;
+        //! appearance
+        this.appearance = ColorDisplayAppearance.Rounded;
+    }
+    get withLabel() {
+        return this._withLabel;
+    }
+    set withLabel(v) {
+        this._withLabel = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        const apprncParts = this.appearance.split(' ');
+        return `ard-appearance-${apprncParts[0]} ${apprncParts[1] ? 'ard-with-border' : ''}`;
+    }
+    get color() {
+        return this._color ?? null;
+    }
+    set color(v) {
+        this._color = Color(v).hex();
+    }
+    ngAfterViewInit() {
+        if (!this._color)
+            console.warn(`Using <ard-color-display> without specifying the [color] field.`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumColorDisplayComponent, selector: "ard-color-display", inputs: { ariaLabel: "ariaLabel", withLabel: "withLabel", appearance: "appearance", color: "color" }, ngImport: i0, template: "<div class=\"ard-color-display-wrapper\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-color-display\"\r\n        [title]=\"color\"\r\n        [style]=\"{ background: color }\"\r\n    ></div>\r\n    <span class=\"ard-color-display-label\" *ngIf=\"withLabel\">{{ color }}</span>\r\n</div>", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-color-display', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ard-color-display-wrapper\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-color-display\"\r\n        [title]=\"color\"\r\n        [style]=\"{ background: color }\"\r\n    ></div>\r\n    <span class=\"ard-color-display-label\" *ngIf=\"withLabel\">{{ color }}</span>\r\n</div>", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"] }]
+        }], propDecorators: { ariaLabel: [{
+                type: Input
+            }], withLabel: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDL0IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQVMvRCxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBVVksZUFBVSxHQUFZLEtBQUssQ0FBQztRQVNwQyxjQUFjO1FBQ0wsZUFBVSxHQUEyQixzQkFBc0IsQ0FBQyxPQUFPLENBQUM7S0FvQmhGO0lBN0JHLElBQ0ksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBSSxTQUFTLENBQUMsQ0FBTTtRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFLRCxJQUFJLFNBQVM7UUFDVCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMvQyxPQUFPLGtCQUFrQixXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7SUFDekYsQ0FBQztJQUlELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUM7SUFDL0IsQ0FBQztJQUNELElBQ0ksS0FBSyxDQUFDLENBQU07UUFDWixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTTtZQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsaUVBQWlFLENBQUMsQ0FBQztJQUN0RyxDQUFDOzhHQWhDUSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrSkNaeEMsb1NBTU07OzJGRE1PLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDSSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFJRixTQUFTO3NCQURaLEtBQUs7Z0JBU0csVUFBVTtzQkFBbEIsS0FBSztnQkFhRixLQUFLO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCAqIGFzIENvbG9yIGZyb20gJ2NvbG9yJztcbmltcG9ydCB7IENvbG9yRGlzcGxheUFwcGVhcmFuY2UgfSBmcm9tICcuL2NvbG9yLWRpc3BsYXkudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FyZC1jb2xvci1kaXNwbGF5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUNvbG9yRGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcblxuICAgIHByaXZhdGUgX3dpdGhMYWJlbDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IHdpdGhMYWJlbCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3dpdGhMYWJlbDtcbiAgICB9XG4gICAgc2V0IHdpdGhMYWJlbCh2OiBhbnkpIHtcbiAgICAgICAgdGhpcy5fd2l0aExhYmVsID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIH1cblxuICAgIC8vISBhcHBlYXJhbmNlXG4gICAgQElucHV0KCkgYXBwZWFyYW5jZTogQ29sb3JEaXNwbGF5QXBwZWFyYW5jZSA9IENvbG9yRGlzcGxheUFwcGVhcmFuY2UuUm91bmRlZDtcblxuICAgIGdldCBuZ0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgYXBwcm5jUGFydHMgPSB0aGlzLmFwcGVhcmFuY2Uuc3BsaXQoJyAnKTtcbiAgICAgICAgcmV0dXJuIGBhcmQtYXBwZWFyYW5jZS0ke2FwcHJuY1BhcnRzWzBdfSAke2FwcHJuY1BhcnRzWzFdID8gJ2FyZC13aXRoLWJvcmRlcicgOiAnJ31gO1xuICAgIH1cblxuICAgIC8vISBjb2xvclxuICAgIHByaXZhdGUgX2NvbG9yPzogc3RyaW5nO1xuICAgIGdldCBjb2xvcigpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbG9yID8/IG51bGw7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgc2V0IGNvbG9yKHY6IGFueSkge1xuICAgICAgICB0aGlzLl9jb2xvciA9IENvbG9yKHYpLmhleCgpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLl9jb2xvcikgY29uc29sZS53YXJuKGBVc2luZyA8YXJkLWNvbG9yLWRpc3BsYXk+IHdpdGhvdXQgc3BlY2lmeWluZyB0aGUgW2NvbG9yXSBmaWVsZC5gKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXJkLWNvbG9yLWRpc3BsYXktd3JhcHBlclwiIFtuZ0NsYXNzXT1cIm5nQ2xhc3Nlc1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1jb2xvci1kaXNwbGF5XCJcclxuICAgICAgICBbdGl0bGVdPVwiY29sb3JcIlxyXG4gICAgICAgIFtzdHlsZV09XCJ7IGJhY2tncm91bmQ6IGNvbG9yIH1cIlxyXG4gICAgPjwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcmQtY29sb3ItZGlzcGxheS1sYWJlbFwiICpuZ0lmPVwid2l0aExhYmVsXCI+e3sgY29sb3IgfX08L3NwYW4+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/color/color-display/color-display.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ArdiumColorDisplayComponent } from './color-display.component';
+import * as i0 from "@angular/core";
+export class ArdiumColorDisplayModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayModule, declarations: [ArdiumColorDisplayComponent], imports: [CommonModule], exports: [ArdiumColorDisplayComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumColorDisplayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ArdiumColorDisplayComponent],
+                    imports: [CommonModule],
+                    exports: [ArdiumColorDisplayComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3hFLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQUpsQiwyQkFBMkIsYUFDaEMsWUFBWSxhQUNaLDJCQUEyQjsrR0FFNUIsd0JBQXdCLFlBSHZCLFlBQVk7OzJGQUdiLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFyZGl1bUNvbG9yRGlzcGxheUNvbXBvbmVudCB9IGZyb20gJy4vY29sb3ItZGlzcGxheS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0FyZGl1bUNvbG9yRGlzcGxheUNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW0FyZGl1bUNvbG9yRGlzcGxheUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUNvbG9yRGlzcGxheU1vZHVsZSB7fVxuIl19

package/esm2022/lib/color/color-display/color-display.types.mjs

@@ -0,0 +1,9 @@
+export const ColorDisplayAppearance = {
+    Rounded: 'rounded with-border',
+    Circle: 'circle with-border',
+    Sharp: 'sharp with-border',
+    RoundedBorderless: 'rounded',
+    CircleBorderless: 'circle',
+    SharpBorderless: 'sharp',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29sb3IvY29sb3ItZGlzcGxheS9jb2xvci1kaXNwbGF5LnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHO0lBQ2xDLE9BQU8sRUFBRSxxQkFBcUI7SUFDOUIsTUFBTSxFQUFFLG9CQUFvQjtJQUM1QixLQUFLLEVBQUUsbUJBQW1CO0lBQzFCLGlCQUFpQixFQUFFLFNBQVM7SUFDNUIsZ0JBQWdCLEVBQUUsUUFBUTtJQUMxQixlQUFlLEVBQUUsT0FBTztDQUNsQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IENvbG9yRGlzcGxheUFwcGVhcmFuY2UgPSB7XG4gICAgUm91bmRlZDogJ3JvdW5kZWQgd2l0aC1ib3JkZXInLFxuICAgIENpcmNsZTogJ2NpcmNsZSB3aXRoLWJvcmRlcicsXG4gICAgU2hhcnA6ICdzaGFycCB3aXRoLWJvcmRlcicsXG4gICAgUm91bmRlZEJvcmRlcmxlc3M6ICdyb3VuZGVkJyxcbiAgICBDaXJjbGVCb3JkZXJsZXNzOiAnY2lyY2xlJyxcbiAgICBTaGFycEJvcmRlcmxlc3M6ICdzaGFycCcsXG59IGFzIGNvbnN0O1xuZXhwb3J0IHR5cGUgQ29sb3JEaXNwbGF5QXBwZWFyYW5jZSA9ICh0eXBlb2YgQ29sb3JEaXNwbGF5QXBwZWFyYW5jZSlba2V5b2YgdHlwZW9mIENvbG9yRGlzcGxheUFwcGVhcmFuY2VdO1xuIl19