@ardium-ui/ui 1.0.0

package/esm2022/lib/file-inputs/file-input-base.mjs

@@ -0,0 +1,187 @@
+import { Directive, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import { isDefined } from 'simple-bool';
+import { _NgModelComponentBase } from '../_internal/ngmodel-component';
+import * as i0 from "@angular/core";
+export class _FileInputComponentBase extends _NgModelComponentBase {
+    constructor() {
+        super(...arguments);
+        this.htmlId = crypto.randomUUID();
+        this._wasViewInit = false;
+        //! appearance
+        this._compact = false;
+        //! settings
+        this._multiple = false;
+        this._blockAfterUpload = false;
+        //! value
+        this._value = null;
+        this.valueChange = new EventEmitter();
+        this.changeEvent = new EventEmitter();
+        this.dragFilesEvent = new EventEmitter();
+        this._valueBeforeInit = null;
+        //! temporary value
+        //for drag event handling
+        this._draggedFiles = null;
+        //! view state
+        this.currentViewState = 'idle';
+        this._beforeDragoverState = 'idle';
+    }
+    ngOnInit() {
+        if (!(window.File && window.FileReader && window.Blob)) {
+            console.error(new Error('Cannot use Ardium UI file features because this browser does not support them!'));
+        }
+    }
+    ngAfterViewInit() {
+        this._wasViewInit = true;
+        this._updateElementValue();
+    }
+    get compact() {
+        return this._compact;
+    }
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get multiple() {
+        return this._multiple;
+    }
+    set multiple(v) {
+        this._multiple = coerceBooleanProperty(v);
+    }
+    get blockAfterUpload() {
+        return this._blockAfterUpload;
+    }
+    set blockAfterUpload(v) {
+        this._blockAfterUpload = coerceBooleanProperty(v);
+    }
+    get shouldBeBlocked() {
+        return this.blockAfterUpload && isDefined(this.value);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(v) {
+        this.writeValue(v);
+    }
+    writeValue(v) {
+        this._writeValue(v, false);
+    }
+    _writeValue(v, emitEvents = true) {
+        if (v instanceof File) {
+            v = [v];
+        }
+        this.currentViewState = 'uploaded';
+        this._value = v;
+        if (this._wasViewInit)
+            this._updateElementValue();
+        if (emitEvents) {
+            this._emitChange();
+        }
+    }
+    _emitChange() {
+        const v = this.value;
+        this._onChangeRegistered?.(v);
+        this.valueChange.emit(v);
+        this.changeEvent.emit(v);
+    }
+    openBrowseDialog() {
+        this.fileInputEl.nativeElement.click();
+    }
+    //! event handlers
+    onDragover(event) {
+        event.preventDefault();
+        if (this.shouldBeBlocked) {
+            if (!event.dataTransfer)
+                return;
+            event.dataTransfer.dropEffect = 'none';
+            return;
+        }
+        if (this.currentViewState == 'dragover')
+            return;
+        this._draggedFiles = this._countDragenterFiles(event.dataTransfer);
+        if (!this._draggedFiles)
+            return;
+        this._beforeDragoverState = this.currentViewState;
+        this.currentViewState = 'dragover';
+    }
+    onDragleave() {
+        if (this.shouldBeBlocked)
+            return;
+        if (this.currentViewState != 'dragover')
+            return;
+        this.currentViewState = this._beforeDragoverState;
+    }
+    onDrop(event) {
+        event.preventDefault();
+        if (this.shouldBeBlocked)
+            return;
+        const filelist = event.dataTransfer?.files;
+        if (!filelist) {
+            this.currentViewState = 'idle';
+            return;
+        }
+        const files = Array.from(filelist);
+        if (!files) {
+            this.currentViewState = 'idle';
+            return;
+        }
+        this.currentViewState = 'uploaded';
+        this._writeValue(files);
+    }
+    onInputChange() {
+        const files = Array.from(this.fileInputEl.nativeElement.files ?? []);
+        if (files.length == 0) {
+            this._writeValue(null);
+            this.currentViewState = 'idle';
+            return;
+        }
+        this._writeValue(files);
+        this.currentViewState = 'uploaded';
+    }
+    //! helpers
+    _countDragenterFiles(data) {
+        if (!data)
+            return null;
+        return Array.from(data.items).filter(item => item.kind == 'file').length;
+    }
+    _updateElementValue() {
+        const v = this.value;
+        if (!v) {
+            this.fileInputEl.nativeElement.files = null;
+            return;
+        }
+        const dataTransfer = new DataTransfer();
+        for (const file of v) {
+            dataTransfer.items.add(file);
+        }
+        this.fileInputEl.nativeElement.files = dataTransfer.files;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: _FileInputComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: _FileInputComponentBase, inputs: { htmlId: "htmlId", name: "name", compact: "compact", multiple: "multiple", blockAfterUpload: "blockAfterUpload", value: "value" }, outputs: { valueChange: "valueChange", changeEvent: "change", dragFilesEvent: "dragFiles" }, viewQueries: [{ propertyName: "fileInputEl", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: _FileInputComponentBase, decorators: [{
+            type: Directive
+        }], propDecorators: { fileInputEl: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], htmlId: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], blockAfterUpload: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], changeEvent: [{
+                type: Output,
+                args: ['change']
+            }], dragFilesEvent: [{
+                type: Output,
+                args: ['dragFiles']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9maWxlLWlucHV0cy9maWxlLWlucHV0LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBR3ZFLE1BQU0sT0FBZ0IsdUJBQXdCLFNBQVEscUJBQXFCO0lBRDNFOztRQUlhLFdBQU0sR0FBVyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7UUFRcEMsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFPeEMsY0FBYztRQUNOLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFTbEMsWUFBWTtRQUNKLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFTM0Isc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBYTNDLFNBQVM7UUFDQyxXQUFNLEdBQWtCLElBQUksQ0FBQztRQVM3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQ3hDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDN0MsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUU5RCxxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO1FBOEJqRCxtQkFBbUI7UUFDbkIseUJBQXlCO1FBQ2Ysa0JBQWEsR0FBa0IsSUFBSSxDQUFDO1FBRTlDLGNBQWM7UUFDZCxxQkFBZ0IsR0FBcUMsTUFBTSxDQUFDO1FBQ3BELHlCQUFvQixHQUF3QixNQUFNLENBQUM7S0E2RTlEO0lBNUtHLFFB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QXVCO2tCQUQ1QyxTQUFTOzhCQUVrQixXQUFXO3NCQUFsQyxTQUFTO3VCQUFDLFdBQVc7Z0JBRWIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFpQkYsT0FBTztzQkFEVixLQUFLO2dCQVdGLFFBQVE7c0JBRFgsS0FBSztnQkFVRixnQkFBZ0I7c0JBRG5CLEtBQUs7Z0JBZUYsS0FBSztzQkFEUixLQUFLO2dCQVFJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ1csV0FBVztzQkFBNUIsTUFBTTt1QkFBQyxRQUFRO2dCQUNLLGNBQWM7c0JBQWxDLE1BQU07dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgaXNEZWZpbmVkIH0gZnJvbSAnc2ltcGxlLWJvb2wnO1xuaW1wb3J0IHsgX05nTW9kZWxDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vX2ludGVybmFsL25nbW9kZWwtY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgX0ZpbGVJbnB1dENvbXBvbmVudEJhc2UgZXh0ZW5kcyBfTmdNb2RlbENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICAgIEBWaWV3Q2hpbGQoJ2ZpbGVJbnB1dCcpIGZpbGVJbnB1dEVsITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICAgIEBJbnB1dCgpIGh0bWxJZDogc3RyaW5nID0gY3J5cHRvLnJhbmRvbVVVSUQoKTtcbiAgICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghKHdpbmRvdy5GaWxlICYmIHdpbmRvdy5GaWxlUmVhZGVyICYmIHdpbmRvdy5CbG9iKSkge1xuICAgICAgICAgICAgY29uc29sZS5lcnJvcihuZXcgRXJyb3IoJ0Nhbm5vdCB1c2UgQXJkaXVtIFVJIGZpbGUgZmVhdHVyZXMgYmVjYXVzZSB0aGlzIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGVtIScpKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBwcm90ZWN0ZWQgX3dhc1ZpZXdJbml0OiBib29sZWFuID0gZmFsc2U7XG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl93YXNWaWV3SW5pdCA9IHRydWU7XG5cbiAgICAgICAgdGhpcy5fdXBkYXRlRWxlbWVudFZhbHVlKCk7XG4gICAgfVxuXG4gICAgLy8hIGFwcGVhcmFuY2VcbiAgICBwcml2YXRlIF9jb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBnZXQgY29tcGFjdCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbXBhY3Q7XG4gICAgfVxuICAgIHNldCBjb21wYWN0KHY6IGFueSkge1xuICAgICAgICB0aGlzLl9jb21wYWN0ID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIH1cblxuICAgIC8vISBzZXR0aW5nc1xuICAgIHByaXZhdGUgX211bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBnZXQgbXVsdGlwbGUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9tdWx0aXBsZTtcbiAgICB9XG4gICAgc2V0IG11bHRpcGxlKHY6IGFueSkge1xuICAgICAgICB0aGlzLl9tdWx0aXBsZSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9ibG9ja0FmdGVyVXBsb2FkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KClcbiAgICBnZXQgYmxvY2tBZnRlclVwbG9hZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Jsb2NrQWZ0ZXJVcGxvYWQ7XG4gICAgfVxuICAgIHNldCBibG9ja0FmdGVyVXBsb2FkKHY6IGFueSkge1xuICAgICAgICB0aGlzLl9ibG9ja0FmdGVyVXBsb2FkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIH1cblxuICAgIGdldCBzaG91bGRCZUJsb2NrZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmJsb2NrQWZ0ZXJVcGxvYWQgJiYgaXNEZWZpbmVkKHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIC8vISB2YWx1ZVxuICAgIHByb3RlY3RlZCBfdmFsdWU6IEZpbGVbXSB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IHZhbHVlKCk6IEZpbGVbXSB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gICAgfVxuICAgIHNldCB2YWx1ZSh2OiBGaWxlIHwgRmlsZVtdIHwgbnVsbCkge1xuICAgICAgICB0aGlzLndyaXRlVmFsdWUodik7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlW10gfCBudWxsPigpO1xuICAgIEBPdXRwdXQoJ2NoYW5nZScpIGNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlW10gfCBudWxsPigpO1xuICAgIEBPdXRwdXQoJ2RyYWdGaWxlcycpIGRyYWdGaWxlc0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlW10gfCBudWxsPigpO1xuXG4gICAgcHJvdGVjdGVkIF92YWx1ZUJlZm9yZUluaXQ6IEZpbGVbXSB8IG51bGwgPSBudWxsO1xuICAgIHdyaXRlVmFsdWUodjogRmlsZSB8IEZpbGVbXSB8IG51bGwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fd3JpdGVWYWx1ZSh2LCBmYWxzZSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCBfd3JpdGVWYWx1ZSh2OiBGaWxlIHwgRmlsZVtdIHwgbnVsbCwgZW1pdEV2ZW50czogYm9vbGVhbiA9IHRydWUpOiB2b2lkIHtcbiAgICAgICAgaWYgKHYgaW5zdGFuY2VvZiBGaWxlKSB7XG4gICAgICAgICAgICB2ID0gW3ZdO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5jdXJyZW50Vmlld1N0YXRlID0gJ3VwbG9hZGVkJztcbiAgICAgICAgdGhpcy5fdmFsdWUgPSB2O1xuXG4gICAgICAgIGlmICh0aGlzLl93YXNWaWV3SW5pdCkgdGhpcy5fdXBkYXRlRWxlbWVudFZhbHVlKCk7XG5cbiAgICAgICAgaWYgKGVtaXRFdmVudHMpIHtcbiAgICAgICAgICAgIHRoaXMuX2VtaXRDaGFuZ2UoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByb3RlY3RlZCBfZW1pdENoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdiA9IHRoaXMudmFsdWU7XG4gICAgICAgIHRoaXMuX29uQ2hhbmdlUmVnaXN0ZXJlZD8uKHYpO1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodik7XG4gICAgICAgIHRoaXMuY2hhbmdlRXZlbnQuZW1pdCh2KTtcbiAgICB9XG5cbiAgICBvcGVuQnJvd3NlRGlhbG9nKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmZpbGVJbnB1dEVsLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgICB9XG5cbiAgICAvLyEgdGVtcG9yYXJ5IHZhbHVlXG4gICAgLy9mb3IgZHJhZyBldmVudCBoYW5kbGluZ1xuICAgIHByb3RlY3RlZCBfZHJhZ2dlZEZpbGVzOiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAgIC8vISB2aWV3IHN0YXRlXG4gICAgY3VycmVudFZpZXdTdGF0ZTogJ2lkbGUnIHwgJ2RyYWdvdmVyJyB8ICd1cGxvYWRlZCcgPSAnaWRsZSc7XG4gICAgcHJpdmF0ZSBfYmVmb3JlRHJhZ292ZXJTdGF0ZTogJ2lkbGUnIHwgJ3VwbG9hZGVkJyA9ICdpZGxlJztcblxuICAgIC8vISBldmVudCBoYW5kbGVyc1xuICAgIG9uRHJhZ292ZXIoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBpZiAodGhpcy5zaG91bGRCZUJsb2NrZWQpIHtcbiAgICAgICAgICAgIGlmICghZXZlbnQuZGF0YVRyYW5zZmVyKSByZXR1cm47XG5cbiAgICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gJ25vbmUnO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmN1cnJlbnRWaWV3U3RhdGUgPT0gJ2RyYWdvdmVyJykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuX2RyYWdnZWRGaWxlcyA9IHRoaXMuX2NvdW50RHJhZ2VudGVyRmlsZXMoZXZlbnQuZGF0YVRyYW5zZmVyKTtcblxuICAgICAgICBpZiAoIXRoaXMuX2RyYWdnZWRGaWxlcykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuX2JlZm9yZURyYWdvdmVyU3RhdGUgPSB0aGlzLmN1cnJlbnRWaWV3U3RhdGU7XG4gICAgICAgIHRoaXMuY3VycmVudFZpZXdTdGF0ZSA9ICdkcmFnb3Zlcic7XG4gICAgfVxuICAgIG9uRHJhZ2xlYXZlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zaG91bGRCZUJsb2NrZWQpIHJldHVybjtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudFZpZXdTdGF0ZSAhPSAnZHJhZ292ZXInKSByZXR1cm47XG5cbiAgICAgICAgdGhpcy5jdXJyZW50Vmlld1N0YXRlID0gdGhpcy5fYmVmb3JlRHJhZ292ZXJTdGF0ZTtcbiAgICB9XG4gICAgb25Ecm9wKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICBpZiAodGhpcy5zaG91bGRCZUJsb2NrZWQpIHJldHVybjtcblxuICAgICAgICBjb25zdCBmaWxlbGlzdCA9IGV2ZW50LmRhdGFUcmFuc2Zlcj8uZmlsZXM7XG4gICAgICAgIGlmICghZmlsZWxpc3QpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFZpZXdTdGF0ZSA9ICdpZGxlJztcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBmaWxlcyA9IEFycmF5LmZyb20oZmlsZWxpc3QpO1xuICAgICAgICBpZiAoIWZpbGVzKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRWaWV3U3RhdGUgPSAnaWRsZSc7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmN1cnJlbnRWaWV3U3RhdGUgPSAndXBsb2FkZWQnO1xuICAgICAgICB0aGlzLl93cml0ZVZhbHVlKGZpbGVzKTtcbiAgICB9XG4gICAgb25JbnB1dENoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZmlsZXMgPSBBcnJheS5mcm9tKHRoaXMuZmlsZUlucHV0RWwubmF0aXZlRWxlbWVudC5maWxlcyA/PyBbXSk7XG4gICAgICAgIGlmIChmaWxlcy5sZW5ndGggPT0gMCkge1xuICAgICAgICAgICAgdGhpcy5fd3JpdGVWYWx1ZShudWxsKTtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFZpZXdTdGF0ZSA9ICdpZGxlJztcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl93cml0ZVZhbHVlKGZpbGVzKTtcbiAgICAgICAgdGhpcy5jdXJyZW50Vmlld1N0YXRlID0gJ3VwbG9hZGVkJztcbiAgICB9XG5cbiAgICAvLyEgaGVscGVyc1xuICAgIHByb3RlY3RlZCBfY291bnREcmFnZW50ZXJGaWxlcyhkYXRhOiBEYXRhVHJhbnNmZXIgfCBudWxsKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgICAgIGlmICghZGF0YSkgcmV0dXJuIG51bGw7XG5cbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20oZGF0YS5pdGVtcykuZmlsdGVyKGl0ZW0gPT4gaXRlbS5raW5kID09ICdmaWxlJykubGVuZ3RoO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBfdXBkYXRlRWxlbWVudFZhbHVlKCk6IHZvaWQge1xuICAgICAgICBjb25zdCB2ID0gdGhpcy52YWx1ZTtcblxuICAgICAgICBpZiAoIXYpIHtcbiAgICAgICAgICAgIHRoaXMuZmlsZUlucHV0RWwubmF0aXZlRWxlbWVudC5maWxlcyA9IG51bGw7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBkYXRhVHJhbnNmZXIgPSBuZXcgRGF0YVRyYW5zZmVyKCk7XG4gICAgICAgIGZvciAoY29uc3QgZmlsZSBvZiB2KSB7XG4gICAgICAgICAgICBkYXRhVHJhbnNmZXIuaXRlbXMuYWRkKGZpbGUpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuZmlsZUlucHV0RWwubmF0aXZlRWxlbWVudC5maWxlcyA9IGRhdGFUcmFuc2Zlci5maWxlcztcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/file-inputs/file-input-types.mjs

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

package/esm2022/lib/form-field-frame/form-field-frame.component.mjs

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, ContentChild, Input } from '@angular/core';
+import { coerceBooleanProperty } from '@ardium-ui/devkit';
+import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
+import { _FocusableComponentBase } from '../_internal/focusable-component';
+import { ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective } from './form-field-frame.directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
+    constructor() {
+        super(...arguments);
+        //! focused state
+        this.isFocused = false;
+        //! appearance
+        /**
+         * The appearance of the component, aka the styling.
+         */
+        this.appearance = FormElementAppearance.Outlined;
+        /**
+         * The variant of the component, aka the shape.
+         */
+        this.variant = FormElementVariant.Rounded;
+        /**
+         * @private
+         * Whether to use the compact styling or not.
+         */
+        this._compact = false;
+        this.prefixTemplate = null;
+        this.suffixTemplate = null;
+    }
+    get compact() {
+        return this._compact;
+    }
+    /**
+     * Whether to use the compact styling or not.
+     */
+    set compact(v) {
+        this._compact = coerceBooleanProperty(v);
+    }
+    get ngClasses() {
+        return [
+            `ard-appearance-${this.appearance}`,
+            `ard-variant-${this.variant}`,
+            this.compact ? 'ard-compact' : '',
+            this.isFocused ? 'ard-focused' : 'ard-unfocused',
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFormFieldFrameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: { isFocused: "isFocused", appearance: "appearance", variant: "variant", compact: "compact", prefixTemplateInput: ["prefixTemplate", "prefixTemplateInput"], suffixTemplateInput: ["suffixTemplate", "suffixTemplateInput"] }, queries: [{ propertyName: "prefixTemplate", first: true, predicate: ArdFormFieldPrefixTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: ArdFormFieldSuffixTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ard-form-field-frame\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-form-field-overlay\"></div>\r\n    <div class=\"ard-form-field-prefix-container\" *ngIf=\"prefixTemplateInput ?? prefixTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"prefixTemplateInput ?? prefixTemplate\"></ng-template>\r\n    </div>\r\n    <div class=\"ard-form-field-content-container\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"ard-form-field-suffix-container\" *ngIf=\"suffixTemplateInput ?? suffixTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"suffixTemplateInput ?? suffixTemplate\"></ng-template>\r\n    </div>\r\n</div>", styles: [".ard-form-field-frame{position:relative}.ard-form-field-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFormFieldFrameComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-form-field-frame', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ard-form-field-frame\" [ngClass]=\"ngClasses\">\r\n    <div class=\"ard-form-field-overlay\"></div>\r\n    <div class=\"ard-form-field-prefix-container\" *ngIf=\"prefixTemplateInput ?? prefixTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"prefixTemplateInput ?? prefixTemplate\"></ng-template>\r\n    </div>\r\n    <div class=\"ard-form-field-content-container\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"ard-form-field-suffix-container\" *ngIf=\"suffixTemplateInput ?? suffixTemplate\">\r\n        <ng-template [ngTemplateOutlet]=\"suffixTemplateInput ?? suffixTemplate\"></ng-template>\r\n    </div>\r\n</div>", styles: [".ard-form-field-frame{position:relative}.ard-form-field-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}\n"] }]
+        }], propDecorators: { isFocused: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], prefixTemplateInput: [{
+                type: Input,
+                args: ['prefixTemplate']
+            }], suffixTemplateInput: [{
+                type: Input,
+                args: ['suffixTemplate']
+            }], prefixTemplate: [{
+                type: ContentChild,
+                args: [ArdFormFieldPrefixTemplateDirective]
+            }], suffixTemplate: [{
+                type: ContentChild,
+                args: [ArdFormFieldSuffixTemplateDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1mcmFtZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2Zvcm0tZmllbGQtZnJhbWUvZm9ybS1maWVsZC1mcmFtZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2Zvcm0tZmllbGQtZnJhbWUvZm9ybS1maWVsZC1mcmFtZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBZSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDckksT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFbkYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVN6SCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsdUJBQXVCO0lBUDFFOztRQVFJLGlCQUFpQjtRQUNDLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFN0MsY0FBYztRQUNkOztXQUVHO1FBQ00sZUFBVSxHQUEwQixxQkFBcUIsQ0FBQyxRQUFRLENBQUM7UUFDNUU7O1dBRUc7UUFDTSxZQUFPLEdBQXVCLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztRQUVsRTs7O1dBR0c7UUFDSyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBNEJsQyxtQkFBYyxHQUE0QixJQUFJLENBQUM7UUFFL0MsbUJBQWMsR0FBNEIsSUFBSSxDQUFDO0tBQ2xEO0lBOUJHLElBSUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBQ0Q7O09BRUc7SUFDSCxJQUFJLE9BQU8sQ0FBQyxDQUFNO1FBQ2QsSUFBSSxDQUFDLFFBQVEsR0FBRyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1QsT0FBTztZQUNILGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25DLGVBQWUsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxlQUFlO1NBQ25ELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7OEdBeENRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLDhVQTZDeEIsbUNBQW1DLGlGQUVuQyxtQ0FBbUMsdUVDN0RyRCx5cEJBV007OzJGREdPLDZCQUE2QjtrQkFQekMsU0FBUzsrQkFDSSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSTdCLFNBQVM7c0JBQTFCLEtBQUs7Z0JBTUcsVUFBVTtzQkFBbEIsS0FBSztnQkFJRyxPQUFPO3NCQUFmLEtBQUs7Z0JBV0YsT0FBTztzQkFKVixLQUFLO2dCQXdCbUIsbUJBQW1CO3NCQUEzQyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRSxtQkFBbUI7c0JBQTNDLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQUV2QixjQUFjO3NCQURiLFlBQVk7dUJBQUMsbUNBQW1DO2dCQUdqRCxjQUFjO3NCQURiLFlBQVk7dUJBQUMsbUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENvbnRlbnRDaGlsZCwgVGVtcGxhdGVSZWYsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRBcHBlYXJhbmNlLCBGb3JtRWxlbWVudFZhcmlhbnQgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcbmltcG9ydCB7IF9EaXNhYmxhYmxlQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL19pbnRlcm5hbC9kaXNhYmxhYmxlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBfRm9jdXNhYmxlQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uL19pbnRlcm5hbC9mb2N1c2FibGUtY29tcG9uZW50JztcbmltcG9ydCB7IEFyZEZvcm1GaWVsZFByZWZpeFRlbXBsYXRlRGlyZWN0aXZlLCBBcmRGb3JtRmllbGRTdWZmaXhUZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4vZm9ybS1maWVsZC1mcmFtZS5kaXJlY3RpdmVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcmQtZm9ybS1maWVsZC1mcmFtZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZmllbGQtZnJhbWUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Zvcm0tZmllbGQtZnJhbWUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1Gb3JtRmllbGRGcmFtZUNvbXBvbmVudCBleHRlbmRzIF9Gb2N1c2FibGVDb21wb25lbnRCYXNlIHtcbiAgICAvLyEgZm9jdXNlZCBzdGF0ZVxuICAgIEBJbnB1dCgpIG92ZXJyaWRlIGlzRm9jdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgLy8hIGFwcGVhcmFuY2VcbiAgICAvKipcbiAgICAgKiBUaGUgYXBwZWFyYW5jZSBvZiB0aGUgY29tcG9uZW50LCBha2EgdGhlIHN0eWxpbmcuXG4gICAgICovXG4gICAgQElucHV0KCkgYXBwZWFyYW5jZTogRm9ybUVsZW1lbnRBcHBlYXJhbmNlID0gRm9ybUVsZW1lbnRBcHBlYXJhbmNlLk91dGxpbmVkO1xuICAgIC8qKlxuICAgICAqIFRoZSB2YXJpYW50IG9mIHRoZSBjb21wb25lbnQsIGFrYSB0aGUgc2hhcGUuXG4gICAgICovXG4gICAgQElucHV0KCkgdmFyaWFudDogRm9ybUVsZW1lbnRWYXJpYW50ID0gRm9ybUVsZW1lbnRWYXJpYW50LlJvdW5kZWQ7XG5cbiAgICAvKipcbiAgICAgKiBAcHJpdmF0ZVxuICAgICAqIFdoZXRoZXIgdG8gdXNlIHRoZSBjb21wYWN0IHN0eWxpbmcgb3Igbm90LlxuICAgICAqL1xuICAgIHByaXZhdGUgX2NvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKVxuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdG8gdXNlIHRoZSBjb21wYWN0IHN0eWxpbmcgb3Igbm90LlxuICAgICAqL1xuICAgIGdldCBjb21wYWN0KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fY29tcGFjdDtcbiAgICB9XG4gICAgLyoqXG4gICAgICogV2hldGhlciB0byB1c2UgdGhlIGNvbXBhY3Qgc3R5bGluZyBvciBub3QuXG4gICAgICovXG4gICAgc2V0IGNvbXBhY3QodjogYW55KSB7XG4gICAgICAgIHRoaXMuX2NvbXBhY3QgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gICAgfVxuXG4gICAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlfWAsXG4gICAgICAgICAgICBgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnR9YCxcbiAgICAgICAgICAgIHRoaXMuY29tcGFjdCA/ICdhcmQtY29tcGFjdCcgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaXNGb2N1c2VkID8gJ2FyZC1mb2N1c2VkJyA6ICdhcmQtdW5mb2N1c2VkJyxcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgLy8hIHByZWZpeCAmIHN1ZmZpeFxuICAgIEBJbnB1dCgncHJlZml4VGVtcGxhdGUnKSBwcmVmaXhUZW1wbGF0ZUlucHV0PzogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoJ3N1ZmZpeFRlbXBsYXRlJykgc3VmZml4VGVtcGxhdGVJbnB1dD86IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQENvbnRlbnRDaGlsZChBcmRGb3JtRmllbGRQcmVmaXhUZW1wbGF0ZURpcmVjdGl2ZSlcbiAgICBwcmVmaXhUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICAgIEBDb250ZW50Q2hpbGQoQXJkRm9ybUZpZWxkU3VmZml4VGVtcGxhdGVEaXJlY3RpdmUpXG4gICAgc3VmZml4VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJhcmQtZm9ybS1maWVsZC1mcmFtZVwiIFtuZ0NsYXNzXT1cIm5nQ2xhc3Nlc1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1mb3JtLWZpZWxkLW92ZXJsYXlcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtZm9ybS1maWVsZC1wcmVmaXgtY29udGFpbmVyXCIgKm5nSWY9XCJwcmVmaXhUZW1wbGF0ZUlucHV0ID8/IHByZWZpeFRlbXBsYXRlXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInByZWZpeFRlbXBsYXRlSW5wdXQgPz8gcHJlZml4VGVtcGxhdGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvcm0tZmllbGQtY29udGVudC1jb250YWluZXJcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtZm9ybS1maWVsZC1zdWZmaXgtY29udGFpbmVyXCIgKm5nSWY9XCJzdWZmaXhUZW1wbGF0ZUlucHV0ID8/IHN1ZmZpeFRlbXBsYXRlXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInN1ZmZpeFRlbXBsYXRlSW5wdXQgPz8gc3VmZml4VGVtcGxhdGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/form-field-frame/form-field-frame.directives.mjs

@@ -0,0 +1,25 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ArdFormFieldPrefixTemplateDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFormFieldPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdFormFieldPrefixTemplateDirective, selector: "ard-form-field-frame > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFormFieldPrefixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ard-form-field-frame > ng-template[ard-prefix-tmp]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+export class ArdFormFieldSuffixTemplateDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFormFieldSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdFormFieldSuffixTemplateDirective, selector: "ard-form-field-frame > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFormFieldSuffixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ard-form-field-frame > ng-template[ard-suffix-tmp]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1mcmFtZS5kaXJlY3RpdmVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9mb3JtLWZpZWxkLWZyYW1lL2Zvcm0tZmllbGQtZnJhbWUuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQUd2RCxNQUFNLE9BQU8sbUNBQW1DO0lBQzVDLFlBQW1CLFFBQWdDO1FBQWhDLGFBQVEsR0FBUixRQUFRLENBQXdCO0lBQUcsQ0FBQzs4R0FEOUMsbUNBQW1DO2tHQUFuQyxtQ0FBbUM7OzJGQUFuQyxtQ0FBbUM7a0JBRC9DLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsb0RBQW9ELEVBQUU7O0FBTTdFLE1BQU0sT0FBTyxtQ0FBbUM7SUFDNUMsWUFBbUIsUUFBZ0M7UUFBaEMsYUFBUSxHQUFSLFFBQVEsQ0FBd0I7SUFBRyxDQUFDOzhHQUQ5QyxtQ0FBbUM7a0dBQW5DLG1DQUFtQzs7MkZBQW5DLG1DQUFtQztrQkFEL0MsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxvREFBb0QsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnYXJkLWZvcm0tZmllbGQtZnJhbWUgPiBuZy10ZW1wbGF0ZVthcmQtcHJlZml4LXRtcF0nIH0pXG5leHBvcnQgY2xhc3MgQXJkRm9ybUZpZWxkUHJlZml4VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5kZWZpbmVkPikge31cbn1cblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnYXJkLWZvcm0tZmllbGQtZnJhbWUgPiBuZy10ZW1wbGF0ZVthcmQtc3VmZml4LXRtcF0nIH0pXG5leHBvcnQgY2xhc3MgQXJkRm9ybUZpZWxkU3VmZml4VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5kZWZpbmVkPikge31cbn1cbiJdfQ==

package/esm2022/lib/form-field-frame/form-field-frame.module.mjs

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

package/esm2022/lib/icon/icon.component.mjs

@@ -0,0 +1,85 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, ViewChild } from '@angular/core';
+import { coerceBooleanProperty, coerceNumberProperty } from '@ardium-ui/devkit';
+import { isDefined } from 'simple-bool';
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.pipe";
+export class ArdiumIconComponent {
+    constructor() {
+        this._isMemoUpToDate = false;
+        this._fontVariationMemo = this.fontVariationSettings;
+    }
+    get filled() {
+        return this._filled;
+    }
+    set filled(v) {
+        this._filled = coerceBooleanProperty(v);
+        this._isMemoUpToDate = false;
+    }
+    get weight() {
+        return this._weight;
+    }
+    set weight(v) {
+        this._weight = coerceNumberProperty(v, 400);
+        this._isMemoUpToDate = false;
+    }
+    get grade() {
+        return this._grade;
+    }
+    set grade(v) {
+        this._grade = coerceNumberProperty(v, 0);
+        this._isMemoUpToDate = false;
+    }
+    get opticalSize() {
+        return this._opticalSize;
+    }
+    set opticalSize(v) {
+        this._opticalSize = coerceNumberProperty(v, 40);
+        this._isMemoUpToDate = false;
+    }
+    get fontVariationSettings() {
+        if (!this._isMemoUpToDate) {
+            this._isMemoUpToDate = true;
+            //map values to different properties defined by google icons
+            let propObject = {
+                FILL: isDefined(this.filled) ? Number(this.filled) : undefined,
+                wght: this.weight,
+                GRAD: this.grade,
+                opsz: this.opticalSize,
+            };
+            //map the object to an array of strings
+            let propObjectAsArray = Object.entries(propObject) //object to array
+                .filter(v => isDefined(v[1])) //filter undefined values
+                .map(v => `"${v[0]}" ${v[1]}`) //map key-value pairs to strings
+                .flat(); //flatten
+            //create the final string only if any of the properties are defined
+            this._fontVariationMemo = propObjectAsArray.length === 0 ? '' : ['font-variation-settings: ', ...propObjectAsArray].join('');
+        }
+        return this._fontVariationMemo;
+    }
+    ngAfterViewInit() {
+        if (!this.icon && !this.contentWrapper.nativeElement.innerText)
+            console.warn(`Using <ard-icon> without specifying the [icon] field.`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumIconComponent, selector: "ard-icon", inputs: { ariaLabel: "ariaLabel", icon: "icon", filled: "filled", weight: "weight", grade: "grade", opticalSize: "opticalSize" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "<span class=\"ard-icon material-symbols-outlined\"\r\n    [attr.aria-hidden]=\"ariaLabel != undefined\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [style]=\"fontVariationSettings\"\r\n>\r\n    {{ icon ?? contentWrapper.innerText | icon }}\r\n</span>\r\n\r\n\r\n<div #contentWrapper class=\"ard-icon-content-wrapper\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"], dependencies: [{ kind: "pipe", type: i1.ArdiumIconPipe, name: "icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ard-icon material-symbols-outlined\"\r\n    [attr.aria-hidden]=\"ariaLabel != undefined\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [style]=\"fontVariationSettings\"\r\n>\r\n    {{ icon ?? contentWrapper.innerText | icon }}\r\n</span>\r\n\r\n\r\n<div #contentWrapper class=\"ard-icon-content-wrapper\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"] }]
+        }], propDecorators: { ariaLabel: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], filled: [{
+                type: Input
+            }], weight: [{
+                type: Input
+            }], grade: [{
+                type: Input
+            }], opticalSize: [{
+                type: Input
+            }], contentWrapper: [{
+                type: ViewChild,
+                args: ['contentWrapper']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBaUIsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ25JLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQWtCeEMsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQW1EWSxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4Qix1QkFBa0IsR0FBVyxJQUFJLENBQUMscUJBQXFCLENBQUM7S0E2Qm5FO0lBckVHLElBQ0ksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsQ0FBTTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUdELElBQ0ksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsQ0FBMEM7UUFDakQsSUFBSSxDQUFDLE9BQU8sR0FBRyxvQkFBb0IsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFpQixDQUFDO1FBQzVELElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7SUFHRCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLENBQXdDO1FBQzlDLElBQUksQ0FBQyxNQUFNLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBZ0IsQ0FBQztRQUN4RCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBR0QsSUFDSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxDQUFvRDtRQUNoRSxJQUFJLENBQUMsWUFBWSxHQUFHLG9CQUFvQixDQUFDLENBQUMsRUFBRSxFQUFFLENBQXNCLENBQUM7UUFDckUsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUtELElBQUkscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1lBQzVCLDREQUE0RDtZQUM1RCxJQUFJLFVBQVUsR0FBRztnQkFDYixJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDOUQsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNO2dCQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUs7Z0JBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVzthQUN6QixDQUFDO1lBQ0YsdUNBQXVDO1lBQ3ZDLElBQUksaUJBQWlCLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUI7aUJBQy9ELE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLHlCQUF5QjtpQkFDdEQsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxnQ0FBZ0M7aUJBQzlELElBQUksRUFBRSxDQUFDLENBQUMsU0FBUztZQUV0QixtRUFBbUU7WUFDbkUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGlCQUFpQixDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQywyQkFBMkIsRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ2hJO1FBQ0QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDbkMsQ0FBQztJQUlELGVBQWU7UUFDWCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLFNBQVM7WUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLHVEQUF1RCxDQUFDLENBQUM7SUFDMUksQ0FBQzs4R0F6RVEsbUJBQW1CO2tHQUFuQixtQkFBbUIsb1NDcEJoQyw2V0FXTTs7MkZEU08sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSUYsTUFBTTtzQkFEVCxLQUFLO2dCQVdGLE1BQU07c0JBRFQsS0FBSztnQkFXRixLQUFLO3NCQURSLEtBQUs7Z0JBV0YsV0FBVztzQkFEZCxLQUFLO2dCQWtDdUIsY0FBYztzQkFBMUMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIEFmdGVyVmlld0luaXQsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBjb2VyY2VOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IGlzRGVmaW5lZCB9IGZyb20gJ3NpbXBsZS1ib29sJztcblxudHlwZSBXZWlnaHROdW1iZXIgPSAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgfCA3MDAgfCA4MDAgfCA5MDA7XG50eXBlIFdlaWdodFN0cmluZyA9ICcxMDAnIHwgJzIwMCcgfCAnMzAwJyB8ICc0MDAnIHwgJzUwMCcgfCAnNjAwJyB8ICc3MDAnIHwgJzgwMCcgfCAnOTAwJztcblxudHlwZSBHcmFkZU51bWJlciA9IC0yNSB8IDAgfCAyMDA7XG50eXBlIEdyYWRlU3RyaW5nID0gJy0yNScgfCAnMCcgfCAnMjAwJztcblxudHlwZSBPcHRpY2FsU2l6ZU51bWJlciA9IDIwIHwgMjQgfCA0MCB8IDQ4O1xudHlwZSBPcHRpY2FsU2l6ZVN0cmluZyA9ICcyMCcgfCAnMjQnIHwgJzQwJyB8ICc0OCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWljb24nLFxuICAgIHRlbXBsYXRlVXJsOiBgLi9pY29uLmNvbXBvbmVudC5odG1sYCxcbiAgICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uPzogc3RyaW5nIHwgbnVsbDtcblxuICAgIHByaXZhdGUgX2ZpbGxlZD86IGJvb2xlYW47XG4gICAgQElucHV0KClcbiAgICBnZXQgZmlsbGVkKCk6IGJvb2xlYW4gfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsbGVkO1xuICAgIH1cbiAgICBzZXQgZmlsbGVkKHY6IGFueSkge1xuICAgICAgICB0aGlzLl9maWxsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gICAgICAgIHRoaXMuX2lzTWVtb1VwVG9EYXRlID0gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfd2VpZ2h0PzogV2VpZ2h0TnVtYmVyO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IHdlaWdodCgpOiBXZWlnaHROdW1iZXIgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fd2VpZ2h0O1xuICAgIH1cbiAgICBzZXQgd2VpZ2h0KHY6IFdlaWdodE51bWJlciB8IFdlaWdodFN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLl93ZWlnaHQgPSBjb2VyY2VOdW1iZXJQcm9wZXJ0eSh2LCA0MDApIGFzIFdlaWdodE51bWJlcjtcbiAgICAgICAgdGhpcy5faXNNZW1vVXBUb0RhdGUgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9ncmFkZT86IEdyYWRlTnVtYmVyO1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGdyYWRlKCk6IEdyYWRlTnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2dyYWRlO1xuICAgIH1cbiAgICBzZXQgZ3JhZGUodjogR3JhZGVOdW1iZXIgfCBHcmFkZVN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLl9ncmFkZSA9IGNvZXJjZU51bWJlclByb3BlcnR5KHYsIDApIGFzIEdyYWRlTnVtYmVyO1xuICAgICAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IGZhbHNlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX29wdGljYWxTaXplPzogT3B0aWNhbFNpemVOdW1iZXI7XG4gICAgQElucHV0KClcbiAgICBnZXQgb3B0aWNhbFNpemUoKTogT3B0aWNhbFNpemVOdW1iZXIgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5fb3B0aWNhbFNpemU7XG4gICAgfVxuICAgIHNldCBvcHRpY2FsU2l6ZSh2OiBPcHRpY2FsU2l6ZU51bWJlciB8IE9wdGljYWxTaXplU3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuX29wdGljYWxTaXplID0gY29lcmNlTnVtYmVyUHJvcGVydHkodiwgNDApIGFzIE9wdGljYWxTaXplTnVtYmVyO1xuICAgICAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IGZhbHNlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2lzTWVtb1VwVG9EYXRlID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfZm9udFZhcmlhdGlvbk1lbW86IHN0cmluZyA9IHRoaXMuZm9udFZhcmlhdGlvblNldHRpbmdzO1xuXG4gICAgZ2V0IGZvbnRWYXJpYXRpb25TZXR0aW5ncygpOiBzdHJpbmcge1xuICAgICAgICBpZiAoIXRoaXMuX2lzTWVtb1VwVG9EYXRlKSB7XG4gICAgICAgICAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IHRydWU7XG4gICAgICAgICAgICAvL21hcCB2YWx1ZXMgdG8gZGlmZmVyZW50IHByb3BlcnRpZXMgZGVmaW5lZCBieSBnb29nbGUgaWNvbnNcbiAgICAgICAgICAgIGxldCBwcm9wT2JqZWN0ID0ge1xuICAgICAgICAgICAgICAgIEZJTEw6IGlzRGVmaW5lZCh0aGlzLmZpbGxlZCkgPyBOdW1iZXIodGhpcy5maWxsZWQpIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICAgIHdnaHQ6IHRoaXMud2VpZ2h0LFxuICAgICAgICAgICAgICAgIEdSQUQ6IHRoaXMuZ3JhZGUsXG4gICAgICAgICAgICAgICAgb3BzejogdGhpcy5vcHRpY2FsU2l6ZSxcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICAvL21hcCB0aGUgb2JqZWN0IHRvIGFuIGFycmF5IG9mIHN0cmluZ3NcbiAgICAgICAgICAgIGxldCBwcm9wT2JqZWN0QXNBcnJheSA9IE9iamVjdC5lbnRyaWVzKHByb3BPYmplY3QpIC8vb2JqZWN0IHRvIGFycmF5XG4gICAgICAgICAgICAgICAgLmZpbHRlcih2ID0+IGlzRGVmaW5lZCh2WzFdKSkgLy9maWx0ZXIgdW5kZWZpbmVkIHZhbHVlc1xuICAgICAgICAgICAgICAgIC5tYXAodiA9PiBgXCIke3ZbMF19XCIgJHt2WzFdfWApIC8vbWFwIGtleS12YWx1ZSBwYWlycyB0byBzdHJpbmdzXG4gICAgICAgICAgICAgICAgLmZsYXQoKTsgLy9mbGF0dGVuXG5cbiAgICAgICAgICAgIC8vY3JlYXRlIHRoZSBmaW5hbCBzdHJpbmcgb25seSBpZiBhbnkgb2YgdGhlIHByb3BlcnRpZXMgYXJlIGRlZmluZWRcbiAgICAgICAgICAgIHRoaXMuX2ZvbnRWYXJpYXRpb25NZW1vID0gcHJvcE9iamVjdEFzQXJyYXkubGVuZ3RoID09PSAwID8gJycgOiBbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiAnLCAuLi5wcm9wT2JqZWN0QXNBcnJheV0uam9pbignJyk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZvbnRWYXJpYXRpb25NZW1vO1xuICAgIH1cblxuICAgIEBWaWV3Q2hpbGQoJ2NvbnRlbnRXcmFwcGVyJykgY29udGVudFdyYXBwZXIhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmljb24gJiYgIXRoaXMuY29udGVudFdyYXBwZXIubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIGNvbnNvbGUud2FybihgVXNpbmcgPGFyZC1pY29uPiB3aXRob3V0IHNwZWNpZnlpbmcgdGhlIFtpY29uXSBmaWVsZC5gKTtcbiAgICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cImFyZC1pY29uIG1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxyXG4gICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiYXJpYUxhYmVsICE9IHVuZGVmaW5lZFwiXHJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXHJcbiAgICBbc3R5bGVdPVwiZm9udFZhcmlhdGlvblNldHRpbmdzXCJcclxuPlxyXG4gICAge3sgaWNvbiA/PyBjb250ZW50V3JhcHBlci5pbm5lclRleHQgfCBpY29uIH19XHJcbjwvc3Bhbj5cclxuXHJcblxyXG48ZGl2ICNjb250ZW50V3JhcHBlciBjbGFzcz1cImFyZC1pY29uLWNvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/icon/icon.module.mjs

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

package/esm2022/lib/icon/icon.pipe.mjs

@@ -0,0 +1,18 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ArdiumIconPipe {
+    transform(value) {
+        value = value.trim().toLowerCase();
+        value = value.replace(/[ -]/g, '_');
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, name: "icon" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'icon',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9pY29uL2ljb24ucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLGNBQWM7SUFDdkIsU0FBUyxDQUFDLEtBQWE7UUFDbkIsS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDcEMsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQzs4R0FMUSxjQUFjOzRHQUFkLGNBQWM7OzJGQUFkLGNBQWM7a0JBSDFCLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLE1BQU07aUJBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgICBuYW1lOiAnaWNvbicsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUljb25QaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gICAgdHJhbnNmb3JtKHZhbHVlOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICB2YWx1ZSA9IHZhbHVlLnRyaW0oKS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICB2YWx1ZSA9IHZhbHVlLnJlcGxhY2UoL1sgLV0vZywgJ18nKTtcbiAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgIH1cbn1cbiJdfQ==