@ardium-ui/ui 1.0.2 → 2.0.1

package/esm2022/lib/badge/badge.directive.mjs

@@ -1,123 +1,94 @@
-import { Directive, Input } from '@angular/core';
+import { Directive, computed, input, signal } from '@angular/core';
 import { coerceBooleanProperty } from '@ardium-ui/devkit';
 import { ComponentColor } from '../types/colors.types';
-import { BadgePosition, BadgeSize } from './badge.types';
 import { FormElementVariant } from '../types/theming.types';
+import { BadgePosition, BadgeSize } from './badge.types';
 import * as i0 from "@angular/core";
 export class ArdiumBadgeDirective {
-    constructor(_el, _renderer) {
-        this._el = _el;
+    constructor(_elRef, _renderer) {
+        this._elRef = _elRef;
         this._renderer = _renderer;
-        this.color = ComponentColor.Primary;
-        this.variant = FormElementVariant.Pill;
-        this.size = BadgeSize.Medium;
-        this._position = BadgePosition.AboveAfter;
-        this._hidden = false;
-        this._overlap = true;
-    }
-    get position() {
-        return this._position;
-    }
-    set position(v) {
-        switch (v) {
-            case BadgePosition.Before:
-                this._position = BadgePosition.AboveBefore;
-                return;
-            case BadgePosition.After:
-            case BadgePosition.Above:
-                this._position = BadgePosition.AboveAfter;
-                return;
-            case BadgePosition.Below:
-                this._position = BadgePosition.BelowAfter;
-                return;
-            default:
-                this._position = v;
-                return;
-        }
-    }
-    get hidden() {
-        return this._hidden;
-    }
-    set hidden(v) {
-        this._hidden = coerceBooleanProperty(v);
-    }
-    get overlap() {
-        return this._overlap;
-    }
-    set overlap(v) {
-        this._overlap = coerceBooleanProperty(v);
+        this.text = input('', { alias: 'ardBadge' });
+        this.color = input(ComponentColor.Primary, { alias: 'ardBadgeColor' });
+        this.variant = input(FormElementVariant.Pill, { alias: 'ardBadgeVariant' });
+        this.size = input(BadgeSize.Medium, { alias: 'ardBadgeSize' });
+        this.position = input(BadgePosition.AboveAfter, {
+            alias: 'ardBadgePosition',
+            transform: v => {
+                switch (v) {
+                    case BadgePosition.Before:
+                        return BadgePosition.AboveBefore;
+                    case BadgePosition.After:
+                    case BadgePosition.Above:
+                        return BadgePosition.AboveAfter;
+                    case BadgePosition.Below:
+                        return BadgePosition.BelowAfter;
+                    default:
+                        return v;
+                }
+            },
+        });
+        this.ariaLabel = input('', { alias: 'ardBadgeAriaLabel' });
+        this.hidden = input(false, { alias: 'ardBadgeHidden', transform: v => coerceBooleanProperty(v) });
+        this.overlap = input(false, { alias: 'ardBadgeOverlap', transform: v => coerceBooleanProperty(v) });
+        this._elementClasses = computed(() => [
+            'ard-badge',
+            `ard-color-${this.color()}`,
+            `ard-variant-${this.variant()}`,
+            `ard-badge-size-${this.size()}`,
+            `ard-badge-position-${this.position()}`,
+            this.hidden() ? 'ard-badge-hidden' : '',
+            this.overlap() ? 'ard-badge-overlap' : 'ard-badge-no-overlap',
+        ].join(' '));
+        this._badgeElement = signal(undefined);
     }
     _createBadgeElement() {
-        const R = this._renderer;
-        const elementClasses = [
-            'ard-badge',
-            `ard-color-${this.color}`,
-            `ard-variant-${this.variant}`,
-            `ard-badge-size-${this.size}`,
-            `ard-badge-position-${this.position}`,
-            this.hidden ? 'ard-badge-hidden' : '',
-            this.overlap ? 'ard-badge-overlap' : 'ard-badge-no-overlap',
-        ].join(' ');
-        const element = R.createElement('div');
-        R.setAttribute(element, 'class', elementClasses);
-        R.setAttribute(element, 'aria-label', this.ariaLabel ?? '');
-        if (this.text) {
-            const textHost = R.createElement('div');
-            R.addClass(textHost, 'ard-badge-content');
-            const text = R.createText(this.text ?? '');
-            R.appendChild(textHost, text);
-            R.appendChild(element, textHost);
+        try {
+            const R = this._renderer;
+            const element = R.createElement('div');
+            R.setAttribute(element, 'class', this._elementClasses());
+            R.setAttribute(element, 'aria-label', this.ariaLabel());
+            if (this.text()) {
+                const textHost = R.createElement('div');
+                R.addClass(textHost, 'ard-badge-content');
+                const text = R.createText(this.text());
+                R.appendChild(textHost, text);
+                R.appendChild(element, textHost);
+            }
+            return element;
+        }
+        catch (error) {
+            if (error instanceof Error) {
+                error.message = 'ARD-FT4030: An unknown error has occured while rendering ardBadge: ' + error.message;
+                throw error;
+            }
+            throw new Error(`ARD-FT4030: An unknown error has occured while rendering ardBadge: ` + error);
         }
-        return element;
     }
     ngOnChanges() {
-        if (this._badgeElement) {
-            this._renderer.removeChild(this._el.nativeElement, this._badgeElement);
+        if (this._badgeElement()) {
+            this._renderer.removeChild(this._elRef.nativeElement, this._badgeElement());
         }
         const element = this._createBadgeElement();
-        this._badgeElement = element;
-        this._renderer.appendChild(this._el.nativeElement, this._badgeElement);
+        this._badgeElement.set(element);
+        this._renderer.appendChild(this._elRef.nativeElement, element);
     }
     ngAfterViewInit() {
-        this._renderer.addClass(this._el.nativeElement, 'ard-badge-host');
+        this._renderer.addClass(this._elRef.nativeElement, 'ard-badge-host');
     }
     ngOnDestroy() {
-        if (this._badgeElement) {
-            this._renderer.removeChild(this._el.nativeElement, this._badgeElement);
+        if (this._badgeElement()) {
+            this._renderer.removeChild(this._elRef.nativeElement, this._badgeElement());
         }
-        this._renderer.removeClass(this._el.nativeElement, 'ard-badge-host');
+        this._renderer.removeClass(this._elRef.nativeElement, 'ard-badge-host');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumBadgeDirective, selector: "[ardBadge]", inputs: { text: ["ardBadge", "text"], color: ["ardBadgeColor", "color"], variant: ["ardBadgeVariant", "variant"], size: ["ardBadgeSize", "size"], position: ["ardBadgePosition", "position"], ariaLabel: ["ardBadgeAriaLabel", "ariaLabel"], hidden: ["ardBadgeHidden", "hidden"], overlap: ["ardBadgeOverlap", "overlap"] }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: ArdiumBadgeDirective, selector: "[ardBadge]", inputs: { text: { classPropertyName: "text", publicName: "ardBadge", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "ardBadgeColor", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "ardBadgeVariant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "ardBadgeSize", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "ardBadgePosition", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ardBadgeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "ardBadgeHidden", isSignal: true, isRequired: false, transformFunction: null }, overlap: { classPropertyName: "overlap", publicName: "ardBadgeOverlap", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ardBadge]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { text: [{
-                type: Input,
-                args: ['ardBadge']
-            }], color: [{
-                type: Input,
-                args: ['ardBadgeColor']
-            }], variant: [{
-                type: Input,
-                args: ['ardBadgeVariant']
-            }], size: [{
-                type: Input,
-                args: ['ardBadgeSize']
-            }], position: [{
-                type: Input,
-                args: ['ardBadgePosition']
-            }], ariaLabel: [{
-                type: Input,
-                args: ['ardBadgeAriaLabel']
-            }], hidden: [{
-                type: Input,
-                args: ['ardBadgeHidden']
-            }], overlap: [{
-                type: Input,
-                args: ['ardBadgeOverlap']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9iYWRnZS9iYWRnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsS0FBSyxFQUErRCxNQUFNLGVBQWUsQ0FBQztBQUN4SSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBSzVELE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFDVSxHQUFlLEVBQ2YsU0FBb0I7UUFEcEIsUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUNmLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFLTixVQUFLLEdBQW1CLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFDN0MsWUFBTyxHQUF1QixrQkFBa0IsQ0FBQyxJQUFJLENBQUM7UUFDekQsU0FBSSxHQUFjLFNBQVMsQ0FBQyxNQUFNLENBQUM7UUFFbEQsY0FBUyxHQUFrQixhQUFhLENBQUMsVUFBVSxDQUFDO1FBMEJwRCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBU3pCLGFBQVEsR0FBWSxJQUFJLENBQUM7SUEzQzlCLENBQUM7SUFTSixJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLENBQWdCO1FBQzNCLFFBQVEsQ0FBQyxFQUFFO1lBQ1QsS0FBSyxhQUFhLENBQUMsTUFBTTtnQkFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFDO2dCQUMzQyxPQUFPO1lBQ1QsS0FB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QUVELGVBQWU7UUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUN4RTtRQUNELElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLENBQUM7SUFDdkUsQ0FBQzs4R0FyR1Usb0JBQW9CO2tHQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7aUJBQ3ZCO3VHQU9vQixJQUFJO3NCQUF0QixLQUFLO3VCQUFDLFVBQVU7Z0JBRU8sS0FBSztzQkFBNUIsS0FBSzt1QkFBQyxlQUFlO2dCQUNJLE9BQU87c0JBQWhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNELElBQUk7c0JBQTFCLEtBQUs7dUJBQUMsY0FBYztnQkFJakIsUUFBUTtzQkFEWCxLQUFLO3VCQUFDLGtCQUFrQjtnQkF1QkcsU0FBUztzQkFBcEMsS0FBSzt1QkFBQyxtQkFBbUI7Z0JBSXRCLE1BQU07c0JBRFQsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBVW5CLE9BQU87c0JBRFYsS0FBSzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBBZnRlclZpZXdJbml0LCBSZW5kZXJlcjIsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBCYWRnZVBvc2l0aW9uLCBCYWRnZVNpemUgfSBmcm9tICcuL2JhZGdlLnR5cGVzJztcbmltcG9ydCB7IEZvcm1FbGVtZW50VmFyaWFudCB9IGZyb20gJy4uL3R5cGVzL3RoZW1pbmcudHlwZXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXJkQmFkZ2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtQmFkZ2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjJcbiAgKSB7fVxuXG4gIEBJbnB1dCgnYXJkQmFkZ2UnKSB0ZXh0Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgnYXJkQmFkZ2VDb2xvcicpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG4gIEBJbnB1dCgnYXJkQmFkZ2VWYXJpYW50JykgdmFyaWFudDogRm9ybUVsZW1lbnRWYXJpYW50ID0gRm9ybUVsZW1lbnRWYXJpYW50LlBpbGw7XG4gIEBJbnB1dCgnYXJkQmFkZ2VTaXplJykgc2l6ZTogQmFkZ2VTaXplID0gQmFkZ2VTaXplLk1lZGl1bTtcblxuICBwcml2YXRlIF9wb3NpdGlvbjogQmFkZ2VQb3NpdGlvbiA9IEJhZGdlUG9zaXRpb24uQWJvdmVBZnRlcjtcbiAgQElucHV0KCdhcmRCYWRnZVBvc2l0aW9uJylcbiAgZ2V0IHBvc2l0aW9uKCk6IEJhZGdlUG9zaXRpb24ge1xuICAgIHJldHVybiB0aGlzLl9wb3NpdGlvbjtcbiAgfVxuICBzZXQgcG9zaXRpb24odjogQmFkZ2VQb3NpdGlvbikge1xuICAgIHN3aXRjaCAodikge1xuICAgICAgY2FzZSBCYWRnZVBvc2l0aW9uLkJlZm9yZTpcbiAgICAgICAgdGhpcy5fcG9zaXRpb24gPSBCYWRnZVBvc2l0aW9uLkFib3ZlQmVmb3JlO1xuICAgICAgICByZXR1cm47XG4gICAgICBjYXNlIEJhZGdlUG9zaXRpb24uQWZ0ZXI6XG4gICAgICBjYXNlIEJhZGdlUG9zaXRpb24uQWJvdmU6XG4gICAgICAgIHRoaXMuX3Bvc2l0aW9uID0gQmFkZ2VQb3NpdGlvbi5BYm92ZUFmdGVyO1xuICAgICAgICByZXR1cm47XG4gICAgICBjYXNlIEJhZGdlUG9zaXRpb24uQmVsb3c6XG4gICAgICAgIHRoaXMuX3Bvc2l0aW9uID0gQmFkZ2VQb3NpdGlvbi5CZWxvd0FmdGVyO1xuICAgICAgICByZXR1cm47XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuX3Bvc2l0aW9uID0gdjtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgnYXJkQmFkZ2VBcmlhTGFiZWwnKSBhcmlhTGFiZWw/OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBfaGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgnYXJkQmFkZ2VIaWRkZW4nKVxuICBnZXQgaGlkZGVuKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9oaWRkZW47XG4gIH1cbiAgc2V0IGhpZGRlbih2OiBhbnkpIHtcbiAgICB0aGlzLl9oaWRkZW4gPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gIH1cblxuICBwcml2YXRlIF9vdmVybGFwOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCdhcmRCYWRnZU92ZXJsYXAnKVxuICBnZXQgb3ZlcmxhcCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fb3ZlcmxhcDtcbiAgfVxuICBzZXQgb3ZlcmxhcCh2OiBhbnkpIHtcbiAgICB0aGlzLl9vdmVybGFwID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICB9XG5cbiAgcHJpdmF0ZSBfY3JlYXRlQmFkZ2VFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICBjb25zdCBSID0gdGhpcy5fcmVuZGVyZXI7XG4gICAgY29uc3QgZWxlbWVudENsYXNzZXMgPSBbXG4gICAgICAnYXJkLWJhZGdlJyxcbiAgICAgIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yfWAsXG4gICAgICBgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnR9YCxcbiAgICAgIGBhcmQtYmFkZ2Utc2l6ZS0ke3RoaXMuc2l6ZX1gLFxuICAgICAgYGFyZC1iYWRnZS1wb3NpdGlvbi0ke3RoaXMucG9zaXRpb259YCxcbiAgICAgIHRoaXMuaGlkZGVuID8gJ2FyZC1iYWRnZS1oaWRkZW4nIDogJycsXG4gICAgICB0aGlzLm92ZXJsYXAgPyAnYXJkLWJhZGdlLW92ZXJsYXAnIDogJ2FyZC1iYWRnZS1uby1vdmVybGFwJyxcbiAgICBdLmpvaW4oJyAnKTtcbiAgICBjb25zdCBlbGVtZW50ID0gUi5jcmVhdGVFbGVtZW50KCdkaXYnKSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICBSLnNldEF0dHJpYnV0ZShlbGVtZW50LCAnY2xhc3MnLCBlbGVtZW50Q2xhc3Nlcyk7XG4gICAgUi5zZXRBdHRyaWJ1dGUoZWxlbWVudCwgJ2FyaWEtbGFiZWwnLCB0aGlzLmFyaWFMYWJlbCA/PyAnJyk7XG5cbiAgICBpZiAodGhpcy50ZXh0KSB7XG4gICAgICBjb25zdCB0ZXh0SG9zdCA9IFIuY3JlYXRlRWxlbWVudCgnZGl2JykgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBSLmFkZENsYXNzKHRleHRIb3N0LCAnYXJkLWJhZGdlLWNvbnRlbnQnKTtcblxuICAgICAgY29uc3QgdGV4dCA9IFIuY3JlYXRlVGV4dCh0aGlzLnRleHQgPz8gJycpO1xuICAgICAgUi5hcHBlbmRDaGlsZCh0ZXh0SG9zdCwgdGV4dCk7XG4gICAgICBSLmFwcGVuZENoaWxkKGVsZW1lbnQsIHRleHRIb3N0KTtcbiAgICB9XG5cbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHByaXZhdGUgX2JhZGdlRWxlbWVudD86IEhUTUxFbGVtZW50O1xuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fYmFkZ2VFbGVtZW50KSB7XG4gICAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVDaGlsZCh0aGlzLl9lbC5uYXRpdmVFbGVtZW50LCB0aGlzLl9iYWRnZUVsZW1lbnQpO1xuICAgIH1cbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5fY3JlYXRlQmFkZ2VFbGVtZW50KCk7XG4gICAgdGhpcy5fYmFkZ2VFbGVtZW50ID0gZWxlbWVudDtcbiAgICB0aGlzLl9yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLl9lbC5uYXRpdmVFbGVtZW50LCB0aGlzLl9iYWRnZUVsZW1lbnQpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsLm5hdGl2ZUVsZW1lbnQsICdhcmQtYmFkZ2UtaG9zdCcpO1xuICB9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9iYWRnZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuX2VsLm5hdGl2ZUVsZW1lbnQsIHRoaXMuX2JhZGdlRWxlbWVudCk7XG4gICAgfVxuICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuX2VsLm5hdGl2ZUVsZW1lbnQsICdhcmQtYmFkZ2UtaG9zdCcpO1xuICB9XG59XG4iXX0=
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9iYWRnZS9iYWRnZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQStDLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ILE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUNVLE1BQWtCLEVBQ2xCLFNBQW9CO1FBRHBCLFdBQU0sR0FBTixNQUFNLENBQVk7UUFDbEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUdyQixTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBRWhELFVBQUssR0FBRyxLQUFLLENBQWlCLGNBQWMsQ0FBQyxPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQztRQUNsRixZQUFPLEdBQUcsS0FBSyxDQUFxQixrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDO1FBQzNGLFNBQUksR0FBRyxLQUFLLENBQVksU0FBUyxDQUFDLE1BQU0sRUFBRSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBRXJFLGFBQVEsR0FBRyxLQUFLLENBQStCLGFBQWEsQ0FBQyxVQUFVLEVBQUU7WUFDaEYsS0FBSyxFQUFFLGtC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Qjs7MkZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtpQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBSZW5kZXJlcjIsIGNvbXB1dGVkLCBpbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBGb3JtRWxlbWVudFZhcmlhbnQgfSBmcm9tICcuLi90eXBlcy90aGVtaW5nLnR5cGVzJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnLi4vdHlwZXMvdXRpbGl0eS50eXBlcyc7XG5pbXBvcnQgeyBCYWRnZVBvc2l0aW9uLCBCYWRnZVNpemUgfSBmcm9tICcuL2JhZGdlLnR5cGVzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2FyZEJhZGdlXScsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUJhZGdlRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIF9yZW5kZXJlcjogUmVuZGVyZXIyXG4gICkge31cblxuICByZWFkb25seSB0ZXh0ID0gaW5wdXQ8c3RyaW5nPignJywgeyBhbGlhczogJ2FyZEJhZGdlJyB9KTtcblxuICByZWFkb25seSBjb2xvciA9IGlucHV0PENvbXBvbmVudENvbG9yPihDb21wb25lbnRDb2xvci5QcmltYXJ5LCB7IGFsaWFzOiAnYXJkQmFkZ2VDb2xvcicgfSk7XG4gIHJlYWRvbmx5IHZhcmlhbnQgPSBpbnB1dDxGb3JtRWxlbWVudFZhcmlhbnQ+KEZvcm1FbGVtZW50VmFyaWFudC5QaWxsLCB7IGFsaWFzOiAnYXJkQmFkZ2VWYXJpYW50JyB9KTtcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PEJhZGdlU2l6ZT4oQmFkZ2VTaXplLk1lZGl1bSwgeyBhbGlhczogJ2FyZEJhZGdlU2l6ZScgfSk7XG5cbiAgcmVhZG9ubHkgcG9zaXRpb24gPSBpbnB1dDxCYWRnZVBvc2l0aW9uLCBCYWRnZVBvc2l0aW9uPihCYWRnZVBvc2l0aW9uLkFib3ZlQWZ0ZXIsIHtcbiAgICBhbGlhczogJ2FyZEJhZGdlUG9zaXRpb24nLFxuICAgIHRyYW5zZm9ybTogdiA9PiB7XG4gICAgICBzd2l0Y2ggKHYpIHtcbiAgICAgICAgY2FzZSBCYWRnZVBvc2l0aW9uLkJlZm9yZTpcbiAgICAgICAgICByZXR1cm4gQmFkZ2VQb3NpdGlvbi5BYm92ZUJlZm9yZTtcbiAgICAgICAgY2FzZSBCYWRnZVBvc2l0aW9uLkFmdGVyOlxuICAgICAgICBjYXNlIEJhZGdlUG9zaXRpb24uQWJvdmU6XG4gICAgICAgICAgcmV0dXJuIEJhZGdlUG9zaXRpb24uQWJvdmVBZnRlcjtcbiAgICAgICAgY2FzZSBCYWRnZVBvc2l0aW9uLkJlbG93OlxuICAgICAgICAgIHJldHVybiBCYWRnZVBvc2l0aW9uLkJlbG93QWZ0ZXI7XG5cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICByZXR1cm4gdjtcbiAgICAgIH1cbiAgICB9LFxuICB9KTtcblxuICByZWFkb25seSBhcmlhTGFiZWwgPSBpbnB1dDxzdHJpbmc+KCcnLCB7IGFsaWFzOiAnYXJkQmFkZ2VBcmlhTGFiZWwnIH0pO1xuXG4gIHJlYWRvbmx5IGhpZGRlbiA9IGlucHV0PGJvb2xlYW4sIGFueT4oZmFsc2UsIHsgYWxpYXM6ICdhcmRCYWRnZUhpZGRlbicsIHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XG4gIHJlYWRvbmx5IG92ZXJsYXAgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IGFsaWFzOiAnYXJkQmFkZ2VPdmVybGFwJywgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2KSB9KTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9lbGVtZW50Q2xhc3NlcyA9IGNvbXB1dGVkKCgpID0+XG4gICAgW1xuICAgICAgJ2FyZC1iYWRnZScsXG4gICAgICBgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcigpfWAsXG4gICAgICBgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnQoKX1gLFxuICAgICAgYGFyZC1iYWRnZS1zaXplLSR7dGhpcy5zaXplKCl9YCxcbiAgICAgIGBhcmQtYmFkZ2UtcG9zaXRpb24tJHt0aGlzLnBvc2l0aW9uKCl9YCxcbiAgICAgIHRoaXMuaGlkZGVuKCkgPyAnYXJkLWJhZGdlLWhpZGRlbicgOiAnJyxcbiAgICAgIHRoaXMub3ZlcmxhcCgpID8gJ2FyZC1iYWRnZS1vdmVybGFwJyA6ICdhcmQtYmFkZ2Utbm8tb3ZlcmxhcCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICBwcml2YXRlIF9jcmVhdGVCYWRnZUVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBSID0gdGhpcy5fcmVuZGVyZXI7XG4gICAgICBjb25zdCBlbGVtZW50ID0gUi5jcmVhdGVFbGVtZW50KCdkaXYnKSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICAgIFIuc2V0QXR0cmlidXRlKGVsZW1lbnQsICdjbGFzcycsIHRoaXMuX2VsZW1lbnRDbGFzc2VzKCkpO1xuICAgICAgUi5zZXRBdHRyaWJ1dGUoZWxlbWVudCwgJ2FyaWEtbGFiZWwnLCB0aGlzLmFyaWFMYWJlbCgpKTtcblxuICAgICAgaWYgKHRoaXMudGV4dCgpKSB7XG4gICAgICAgIGNvbnN0IHRleHRIb3N0ID0gUi5jcmVhdGVFbGVtZW50KCdkaXYnKSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICAgICAgUi5hZGRDbGFzcyh0ZXh0SG9zdCwgJ2FyZC1iYWRnZS1jb250ZW50Jyk7XG5cbiAgICAgICAgY29uc3QgdGV4dCA9IFIuY3JlYXRlVGV4dCh0aGlzLnRleHQoKSk7XG4gICAgICAgIFIuYXBwZW5kQ2hpbGQodGV4dEhvc3QsIHRleHQpO1xuICAgICAgICBSLmFwcGVuZENoaWxkKGVsZW1lbnQsIHRleHRIb3N0KTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGVsZW1lbnQ7XG4gICAgfSBjYXRjaCAoZXJyb3I6IHVua25vd24pIHtcbiAgICAgIGlmIChlcnJvciBpbnN0YW5jZW9mIEVycm9yKSB7XG4gICAgICAgIGVycm9yLm1lc3NhZ2UgPSAnQVJELUZUNDAzMDogQW4gdW5rbm93biBlcnJvciBoYXMgb2NjdXJlZCB3aGlsZSByZW5kZXJpbmcgYXJkQmFkZ2U6ICcgKyBlcnJvci5tZXNzYWdlO1xuICAgICAgICB0aHJvdyBlcnJvcjtcbiAgICAgIH1cbiAgICAgIHRocm93IG5ldyBFcnJvcihgQVJELUZUNDAzMDogQW4gdW5rbm93biBlcnJvciBoYXMgb2NjdXJlZCB3aGlsZSByZW5kZXJpbmcgYXJkQmFkZ2U6IGAgKyBlcnJvcik7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfYmFkZ2VFbGVtZW50ID0gc2lnbmFsPE51bGxhYmxlPEhUTUxFbGVtZW50Pj4odW5kZWZpbmVkKTtcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2JhZGdlRWxlbWVudCgpKSB7XG4gICAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVDaGlsZCh0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50LCB0aGlzLl9iYWRnZUVsZW1lbnQoKSk7XG4gICAgfVxuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9jcmVhdGVCYWRnZUVsZW1lbnQoKTtcbiAgICB0aGlzLl9iYWRnZUVsZW1lbnQuc2V0KGVsZW1lbnQpO1xuICAgIHRoaXMuX3JlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuX2VsUmVmLm5hdGl2ZUVsZW1lbnQsIGVsZW1lbnQpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsUmVmLm5hdGl2ZUVsZW1lbnQsICdhcmQtYmFkZ2UtaG9zdCcpO1xuICB9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9iYWRnZUVsZW1lbnQoKSkge1xuICAgICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5fZWxSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5fYmFkZ2VFbGVtZW50KCkpO1xuICAgIH1cbiAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLl9lbFJlZi5uYXRpdmVFbGVtZW50LCAnYXJkLWJhZGdlLWhvc3QnKTtcbiAgfVxufVxuIl19

package/esm2022/lib/badge/badge.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ArdiumBadgeDirective } from './badge.directive';
 import * as i0 from "@angular/core";
 export class ArdiumBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeModule, declarations: [ArdiumBadgeDirective], imports: [CommonModule], exports: [ArdiumBadgeDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeModule, declarations: [ArdiumBadgeDirective], imports: [CommonModule], exports: [ArdiumBadgeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ArdiumBadgeDirective],

package/esm2022/lib/badge/index.mjs

@@ -0,0 +1,4 @@
+export * from './badge.module';
+export * from './badge.directive';
+export * from './badge.types';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UudHlwZXMnO1xuIl19

package/esm2022/lib/buttons/_button-base.mjs

@@ -1,45 +1,23 @@
-import { Directive, Input } from '@angular/core';
+import { Directive, input } from '@angular/core';
 import { coerceBooleanProperty } from '@ardium-ui/devkit';
-import { ButtonAppearance } from './general-button.types';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
+import { ButtonAppearance } from './general-button.types';
 import * as i0 from "@angular/core";
 export class _ButtonBase extends _FocusableComponentBase {
     constructor() {
         super(...arguments);
-        this.wrapperClasses = '';
-        //* button settings
-        this.appearance = ButtonAppearance.Raised;
-        this.color = ComponentColor.Primary;
-        this._lightColoring = false;
-        this._compact = false;
-    }
-    get lightColoring() {
-        return this._lightColoring;
-    }
-    set lightColoring(v) {
-        this._lightColoring = coerceBooleanProperty(v);
-    }
-    get compact() {
-        return this._compact;
-    }
-    set compact(v) {
-        this._compact = coerceBooleanProperty(v);
+        this.wrapperClasses = input('');
+        //! button settings
+        this.appearance = input(ButtonAppearance.Raised);
+        this.color = input(ComponentColor.Primary);
+        this.lightColoring = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.compact = input(false, { transform: v => coerceBooleanProperty(v) });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: _ButtonBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: _ButtonBase, inputs: { wrapperClasses: "wrapperClasses", appearance: "appearance", color: "color", lightColoring: "lightColoring", compact: "compact" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: _ButtonBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: _ButtonBase, inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, lightColoring: { classPropertyName: "lightColoring", publicName: "lightColoring", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: _ButtonBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: _ButtonBase, decorators: [{
             type: Directive
-        }], propDecorators: { wrapperClasses: [{
-                type: Input
-            }], appearance: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], lightColoring: [{
-                type: Input
-            }], compact: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX2J1dHRvbi1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9idXR0b25zL19idXR0b24tYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBR3ZELE1BQU0sT0FBZ0IsV0FBWSxTQUFRLHVCQUF1QjtJQURqRTs7UUFFVyxtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUVyQyxtQkFBbUI7UUFDVixlQUFVLEdBQXFCLGdCQUFnQixDQUFDLE1BQU0sQ0FBQztRQUN2RCxVQUFLLEdBQW1CLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFFaEQsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFTaEMsYUFBUSxHQUFZLEtBQUssQ0FBQztLQVduQztJQW5CQyxJQUNJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQUksYUFBYSxDQUFDLENBQU07UUFDdEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBR0QsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxDQUFNO1FBQ2hCLElBQUksQ0FBQyxRQUFRLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs4R0F2Qm1CLFdBQVc7a0dBQVgsV0FBVzs7MkZBQVgsV0FBVztrQkFEaEMsU0FBUzs4QkFFQyxjQUFjO3NCQUF0QixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUlGLGFBQWE7c0JBRGhCLEtBQUs7Z0JBVUYsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgQnV0dG9uQXBwZWFyYW5jZSB9IGZyb20gJy4vZ2VuZXJhbC1idXR0b24udHlwZXMnO1xuaW1wb3J0IHsgX0ZvY3VzYWJsZUNvbXBvbmVudEJhc2UgfSBmcm9tICcuLi9faW50ZXJuYWwvZm9jdXNhYmxlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIF9CdXR0b25CYXNlIGV4dGVuZHMgX0ZvY3VzYWJsZUNvbXBvbmVudEJhc2Uge1xuICBASW5wdXQoKSB3cmFwcGVyQ2xhc3Nlczogc3RyaW5nID0gJyc7XG5cbiAgLy8qIGJ1dHRvbiBzZXR0aW5nc1xuICBASW5wdXQoKSBhcHBlYXJhbmNlOiBCdXR0b25BcHBlYXJhbmNlID0gQnV0dG9uQXBwZWFyYW5jZS5SYWlzZWQ7XG4gIEBJbnB1dCgpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG5cbiAgcHJpdmF0ZSBfbGlnaHRDb2xvcmluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBnZXQgbGlnaHRDb2xvcmluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fbGlnaHRDb2xvcmluZztcbiAgfVxuICBzZXQgbGlnaHRDb2xvcmluZyh2OiBhbnkpIHtcbiAgICB0aGlzLl9saWdodENvbG9yaW5nID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICB9XG5cbiAgcHJpdmF0ZSBfY29tcGFjdDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBnZXQgY29tcGFjdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fY29tcGFjdDtcbiAgfVxuICBzZXQgY29tcGFjdCh2OiBhbnkpIHtcbiAgICB0aGlzLl9jb21wYWN0ID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICB9XG5cbiAgLy8qIGZvciBhZGRpbmcgY2xhc3NlcyB0byB0aGUgYnV0dG9uXG4gIGFic3RyYWN0IGdldCBuZ0NsYXNzZXMoKTogc3RyaW5nO1xufVxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX2J1dHRvbi1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9idXR0b25zL19idXR0b24tYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRzFELE1BQU0sT0FBZ0IsV0FBWSxTQUFRLHVCQUF1QjtJQURqRTs7UUFFVyxtQkFBYyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUU1QyxtQkFBbUI7UUFDVixlQUFVLEdBQUcsS0FBSyxDQUFtQixnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM5RCxVQUFLLEdBQUcsS0FBSyxDQUFpQixjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFdEQsa0JBQWEsR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLFlBQU8sR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBRzdGOzhHQVhxQixXQUFXO2tHQUFYLFdBQVc7OzJGQUFYLFdBQVc7a0JBRGhDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFNpZ25hbCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IF9Gb2N1c2FibGVDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vX2ludGVybmFsL2ZvY3VzYWJsZS1jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tcG9uZW50Q29sb3IgfSBmcm9tICcuLi90eXBlcy9jb2xvcnMudHlwZXMnO1xuaW1wb3J0IHsgQnV0dG9uQXBwZWFyYW5jZSB9IGZyb20gJy4vZ2VuZXJhbC1idXR0b24udHlwZXMnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBfQnV0dG9uQmFzZSBleHRlbmRzIF9Gb2N1c2FibGVDb21wb25lbnRCYXNlIHtcbiAgcmVhZG9ubHkgd3JhcHBlckNsYXNzZXMgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICAvLyEgYnV0dG9uIHNldHRpbmdzXG4gIHJlYWRvbmx5IGFwcGVhcmFuY2UgPSBpbnB1dDxCdXR0b25BcHBlYXJhbmNlPihCdXR0b25BcHBlYXJhbmNlLlJhaXNlZCk7XG4gIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQ8Q29tcG9uZW50Q29sb3I+KENvbXBvbmVudENvbG9yLlByaW1hcnkpO1xuXG4gIHJlYWRvbmx5IGxpZ2h0Q29sb3JpbmcgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XG4gIHJlYWRvbmx5IGNvbXBhY3QgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XG5cbiAgYWJzdHJhY3QgcmVhZG9ubHkgbmdDbGFzc2VzOiBTaWduYWw8c3RyaW5nPjtcbn1cbiJdfQ==

package/esm2022/lib/buttons/button/button.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from '@angular/core';
 import { coerceBooleanProperty } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { _ButtonBase } from '../_button-base';
@@ -8,42 +8,27 @@ import * as i1 from "@angular/common";
 export class ArdiumButtonComponent extends _ButtonBase {
     constructor() {
         super(...arguments);
-        //* button settings
-        this.variant = ButtonVariant.Rounded;
-        this.alignIcon = SimpleOneAxisAlignment.Left;
-        this._vertical = false;
+        this.icon = input('');
+        //! button settings
+        this.variant = input(ButtonVariant.Rounded);
+        this.alignIcon = input(SimpleOneAxisAlignment.Left);
+        this.vertical = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.ngClasses = computed(() => [
+            this.wrapperClasses(),
+            `ard-appearance-${this.appearance()}`,
+            `ard-variant-${this.variant()}`,
+            `ard-color-${this.color()}`,
+            `ard-align-${this.alignIcon()}`,
+            this.lightColoring() ? `ard-light-coloring` : '',
+            this.compact() ? 'ard-compact' : '',
+            this.vertical() ? 'ard-button-vertical' : '',
+        ].join(' '));
     }
-    get vertical() {
-        return this._vertical;
-    }
-    set vertical(v) {
-        this._vertical = coerceBooleanProperty(v);
-    }
-    //* for adding classes to the button
-    get ngClasses() {
-        return [
-            `ard-appearance-${this.appearance}`,
-            `ard-variant-${this.variant}`,
-            `ard-color-${this.color}`,
-            `ard-align-${this.alignIcon}`,
-            this.lightColoring ? `ard-light-coloring` : '',
-            this.compact ? 'ard-compact' : '',
-            this.vertical ? 'ard-button-vertical' : '',
-        ].join(' ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumButtonComponent, selector: "ard-button", inputs: { variant: "variant", alignIcon: "alignIcon", vertical: "vertical", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<button #buttonElement\r\n    class=\"ard-button\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n    (focus)=\"onFocus($event)\"\r\n    (blur)=\"onBlur($event)\"\r\n    [tabindex]=\"tabIndex\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-button-icon\" *ngIf=\"icon\">{{icon}}</div>\r\n    <div class=\"ard-button-content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ArdiumButtonComponent, selector: "ard-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, alignIcon: { classPropertyName: "alignIcon", publicName: "alignIcon", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n  #buttonElement\n  class=\"ard-button\"\n  [ngClass]=\"ngClasses()\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n  [tabindex]=\"tabIndex()\"\n>\n  <div class=\"ard-focus-overlay\"></div>\n  @if (icon()) {\n    <div class=\"ard-button-icon\">\n      {{ icon() }}\n    </div>\n  }\n  <div class=\"ard-button-content\">\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\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: ArdiumButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ard-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #buttonElement\r\n    class=\"ard-button\"\r\n    [ngClass]=\"ngClasses\"\r\n    [class]=\"wrapperClasses\"\r\n    (focus)=\"onFocus($event)\"\r\n    (blur)=\"onBlur($event)\"\r\n    [tabindex]=\"tabIndex\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-button-icon\" *ngIf=\"icon\">{{icon}}</div>\r\n    <div class=\"ard-button-content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\n"] }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], alignIcon: [{
-                type: Input
-            }], vertical: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVN4RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsV0FBVztJQVB0RDs7UUFRRSxtQkFBbUI7UUFDVixZQUFPLEdBQWtCLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDL0MsY0FBUyxHQUEyQixzQkFBc0IsQ0FBQyxJQUFJLENBQUM7UUFFakUsY0FBUyxHQUFZLEtBQUssQ0FBQztLQXVCcEM7SUF0QkMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxDQUFNO1FBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUlELG9DQUFvQztJQUNwQyxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsa0JBQWtCLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkMsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQzdCLGFBQWEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUN6QixhQUFhLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDN0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzNDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQzs4R0EzQlUscUJBQXFCO2tHQUFyQixxQkFBcUIscUtDYmxDLDBiQWFTOzsyRkRBSSxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFJRixRQUFRO3NCQURYLEtBQUs7Z0JBUUcsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5pbXBvcnQgeyBTaW1wbGVPbmVBeGlzQWxpZ25tZW50IH0gZnJvbSAnLi4vLi4vdHlwZXMvYWxpZ25tZW50LnR5cGVzJztcbmltcG9ydCB7IF9CdXR0b25CYXNlIH0gZnJvbSAnLi4vX2J1dHRvbi1iYXNlJztcbmltcG9ydCB7IEJ1dHRvblZhcmlhbnQgfSBmcm9tICcuLi9nZW5lcmFsLWJ1dHRvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBfQnV0dG9uQmFzZSB7XG4gIC8vKiBidXR0b24gc2V0dGluZ3NcbiAgQElucHV0KCkgdmFyaWFudDogQnV0dG9uVmFyaWFudCA9IEJ1dHRvblZhcmlhbnQuUm91bmRlZDtcbiAgQElucHV0KCkgYWxpZ25JY29uOiBTaW1wbGVPbmVBeGlzQWxpZ25tZW50ID0gU2ltcGxlT25lQXhpc0FsaWdubWVudC5MZWZ0O1xuXG4gIHByaXZhdGUgX3ZlcnRpY2FsOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGdldCB2ZXJ0aWNhbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fdmVydGljYWw7XG4gIH1cbiAgc2V0IHZlcnRpY2FsKHY6IGFueSkge1xuICAgIHRoaXMuX3ZlcnRpY2FsID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICB9XG5cbiAgQElucHV0KCkgaWNvbj86IHN0cmluZztcblxuICAvLyogZm9yIGFkZGluZyBjbGFzc2VzIHRvIHRoZSBidXR0b25cbiAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbXG4gICAgICBgYXJkLWFwcGVhcmFuY2UtJHt0aGlzLmFwcGVhcmFuY2V9YCxcbiAgICAgIGBhcmQtdmFyaWFudC0ke3RoaXMudmFyaWFudH1gLFxuICAgICAgYGFyZC1jb2xvci0ke3RoaXMuY29sb3J9YCxcbiAgICAgIGBhcmQtYWxpZ24tJHt0aGlzLmFsaWduSWNvbn1gLFxuICAgICAgdGhpcy5saWdodENvbG9yaW5nID8gYGFyZC1saWdodC1jb2xvcmluZ2AgOiAnJyxcbiAgICAgIHRoaXMuY29tcGFjdCA/ICdhcmQtY29tcGFjdCcgOiAnJyxcbiAgICAgIHRoaXMudmVydGljYWwgPyAnYXJkLWJ1dHRvbi12ZXJ0aWNhbCcgOiAnJyxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxufVxuIiwiPGJ1dHRvbiAjYnV0dG9uRWxlbWVudFxyXG4gICAgY2xhc3M9XCJhcmQtYnV0dG9uXCJcclxuICAgIFtuZ0NsYXNzXT1cIm5nQ2xhc3Nlc1wiXHJcbiAgICBbY2xhc3NdPVwid3JhcHBlckNsYXNzZXNcIlxyXG4gICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXHJcbiAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXHJcbiAgICBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIlxyXG4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtYnV0dG9uLWljb25cIiAqbmdJZj1cImljb25cIj57e2ljb259fTwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1idXR0b24tY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2J1dHRvbj4iXX0=
+            args: [{ selector: 'ard-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #buttonElement\n  class=\"ard-button\"\n  [ngClass]=\"ngClasses()\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n  [tabindex]=\"tabIndex()\"\n>\n  <div class=\"ard-focus-overlay\"></div>\n  @if (icon()) {\n    <div class=\"ard-button-icon\">\n      {{ icon() }}\n    </div>\n  }\n  <div class=\"ard-button-content\">\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [".ard-button{display:flex;align-items:center;position:relative;cursor:pointer}.ard-button.ard-button-align-left{flex-direction:row}.ard-button.ard-button-align-right{flex-direction:row-reverse}.ard-button.ard-button-vertical{flex-direction:column}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFTeEQsTUFBTSxPQUFPLHFCQUFzQixTQUFRLFdBQVc7SUFQdEQ7O1FBUVcsU0FBSSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUVsQyxtQkFBbUI7UUFDVixZQUFPLEdBQUcsS0FBSyxDQUFnQixhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdEQsY0FBUyxHQUFHLEtBQUssQ0FBeUIsc0JBQXNCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFdkUsYUFBUSxHQUFHLEtBQUssQ0FBZSxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFcEYsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDakM7WUFDRSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3JCLGtCQUFrQixJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDckMsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDL0IsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDM0IsYUFBYSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNoRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNuQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzdDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUNaLENBQUM7S0FDSDs4R0FyQlkscUJBQXFCO2tHQUFyQixxQkFBcUIsNmtCQ2JsQywrWUFrQkE7OzJGRExhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5pbXBvcnQgeyBTaW1wbGVPbmVBeGlzQWxpZ25tZW50IH0gZnJvbSAnLi4vLi4vdHlwZXMvYWxpZ25tZW50LnR5cGVzJztcbmltcG9ydCB7IF9CdXR0b25CYXNlIH0gZnJvbSAnLi4vX2J1dHRvbi1iYXNlJztcbmltcG9ydCB7IEJ1dHRvblZhcmlhbnQgfSBmcm9tICcuLi9nZW5lcmFsLWJ1dHRvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBfQnV0dG9uQmFzZSB7XG4gIHJlYWRvbmx5IGljb24gPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICAvLyEgYnV0dG9uIHNldHRpbmdzXG4gIHJlYWRvbmx5IHZhcmlhbnQgPSBpbnB1dDxCdXR0b25WYXJpYW50PihCdXR0b25WYXJpYW50LlJvdW5kZWQpO1xuICByZWFkb25seSBhbGlnbkljb24gPSBpbnB1dDxTaW1wbGVPbmVBeGlzQWxpZ25tZW50PihTaW1wbGVPbmVBeGlzQWxpZ25tZW50LkxlZnQpO1xuXG4gIHJlYWRvbmx5IHZlcnRpY2FsID0gaW5wdXQ8Ym9vbGVhbiwgYW55PihmYWxzZSwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpIH0pO1xuXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkKCgpID0+XG4gICAgW1xuICAgICAgdGhpcy53cmFwcGVyQ2xhc3NlcygpLFxuICAgICAgYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlKCl9YCxcbiAgICAgIGBhcmQtdmFyaWFudC0ke3RoaXMudmFyaWFudCgpfWAsXG4gICAgICBgYXJkLWNvbG9yLSR7dGhpcy5jb2xvcigpfWAsXG4gICAgICBgYXJkLWFsaWduLSR7dGhpcy5hbGlnbkljb24oKX1gLFxuICAgICAgdGhpcy5saWdodENvbG9yaW5nKCkgPyBgYXJkLWxpZ2h0LWNvbG9yaW5nYCA6ICcnLFxuICAgICAgdGhpcy5jb21wYWN0KCkgPyAnYXJkLWNvbXBhY3QnIDogJycsXG4gICAgICB0aGlzLnZlcnRpY2FsKCkgPyAnYXJkLWJ1dHRvbi12ZXJ0aWNhbCcgOiAnJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufVxuIiwiPGJ1dHRvblxuICAjYnV0dG9uRWxlbWVudFxuICBjbGFzcz1cImFyZC1idXR0b25cIlxuICBbbmdDbGFzc109XCJuZ0NsYXNzZXMoKVwiXG4gIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXG4gIFt0YWJpbmRleF09XCJ0YWJJbmRleCgpXCJcbj5cbiAgPGRpdiBjbGFzcz1cImFyZC1mb2N1cy1vdmVybGF5XCI+PC9kaXY+XG4gIEBpZiAoaWNvbigpKSB7XG4gICAgPGRpdiBjbGFzcz1cImFyZC1idXR0b24taWNvblwiPlxuICAgICAge3sgaWNvbigpIH19XG4gICAgPC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImFyZC1idXR0b24tY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==

package/esm2022/lib/buttons/button/button.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ArdiumButtonComponent } from './button.component';
 import * as i0 from "@angular/core";
 export class ArdiumButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumButtonModule, declarations: [ArdiumButtonComponent], imports: [CommonModule], exports: [ArdiumButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumButtonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonModule, declarations: [ArdiumButtonComponent], imports: [CommonModule], exports: [ArdiumButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ArdiumButtonComponent],

package/esm2022/lib/buttons/button/index.mjs

@@ -0,0 +1,3 @@
+export * from './button.module';
+export * from './button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2J1dHRvbnMvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuIl19

package/esm2022/lib/buttons/fab/fab.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from '@angular/core';
 import { coerceBooleanProperty } from '@ardium-ui/devkit';
 import { _ButtonBase } from '../_button-base';
 import { FABSize } from '../general-button.types';
@@ -8,33 +8,21 @@ export class ArdiumFabComponent extends _ButtonBase {
     constructor() {
         super(...arguments);
         //! appearance
-        this.size = FABSize.Standard;
-        this._extended = false;
+        this.size = input(FABSize.Standard);
+        this.extended = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.ngClasses = computed(() => [
+            `ard-appearance-${this.appearance()}`,
+            `ard-color-${this.color()}`,
+            `ard-fab-size-${this.size()}`,
+            this.lightColoring() ? `ard-light-coloring` : '',
+            this.extended() ? 'ard-fab-extended' : '',
+        ].join(' '));
     }
-    get extended() {
-        return this._extended;
-    }
-    set extended(v) {
-        this._extended = coerceBooleanProperty(v);
-    }
-    get ngClasses() {
-        return [
-            `ard-appearance-${this.appearance}`,
-            `ard-color-${this.color}`,
-            `ard-fab-size-${this.size}`,
-            this.lightColoring ? `ard-light-coloring` : '',
-            this.extended ? 'ard-fab-extended' : '',
-        ].join(' ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFabComponent, selector: "ard-fab", inputs: { size: "size", extended: "extended" }, usesInheritance: true, ngImport: i0, template: "<button\r\n    class=\"ard-fab\"\r\n    [ngClass]=\"ngClasses\"\r\n    [tabindex]=\"tabIndex\"\r\n    [class]=\"wrapperClasses\"\r\n    [style]=\"'--ard-_fab-content-size:'+content.clientWidth+'px'\"\r\n    (focus)=\"focusEvent.emit($event)\"\r\n    (blur)=\"blurEvent.emit($event)\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-button-content\" #content>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.2", type: ArdiumFabComponent, selector: "ard-fab", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, extended: { classPropertyName: "extended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n  class=\"ard-fab\"\n  [ngClass]=\"ngClasses()\"\n  [tabindex]=\"tabIndex()\"\n  (focus)=\"focusEvent.emit($event)\"\n  (blur)=\"blurEvent.emit($event)\"\n>\n  <div class=\"ard-focus-overlay\"></div>\n  <div\n    class=\"ard-button-content\"\n    #content\n  >\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\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: ArdiumFabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ard-fab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n    class=\"ard-fab\"\r\n    [ngClass]=\"ngClasses\"\r\n    [tabindex]=\"tabIndex\"\r\n    [class]=\"wrapperClasses\"\r\n    [style]=\"'--ard-_fab-content-size:'+content.clientWidth+'px'\"\r\n    (focus)=\"focusEvent.emit($event)\"\r\n    (blur)=\"blurEvent.emit($event)\"\r\n>\r\n    <div class=\"ard-focus-overlay\"></div>\r\n    <div class=\"ard-button-content\" #content>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</button>", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], extended: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9mYWIvZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9mYWIvZmFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVNsRCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsV0FBVztJQVBuRDs7UUFRRSxjQUFjO1FBQ0wsU0FBSSxHQUFZLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFFbEMsY0FBUyxHQUFZLEtBQUssQ0FBQztLQWtCcEM7SUFqQkMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxDQUFNO1FBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU87WUFDTCxrQkFBa0IsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQyxhQUFhLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDekIsZ0JBQWdCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDeEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDOzhHQXJCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzSENaL0Isb2NBYVM7OzJGRERJLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBSXRDLElBQUk7c0JBQVosS0FBSztnQkFJRixRQUFRO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IF9CdXR0b25CYXNlIH0gZnJvbSAnLi4vX2J1dHRvbi1iYXNlJztcbmltcG9ydCB7IEZBQlNpemUgfSBmcm9tICcuLi9nZW5lcmFsLWJ1dHRvbi50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1mYWInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1GYWJDb21wb25lbnQgZXh0ZW5kcyBfQnV0dG9uQmFzZSB7XG4gIC8vISBhcHBlYXJhbmNlXG4gIEBJbnB1dCgpIHNpemU6IEZBQlNpemUgPSBGQUJTaXplLlN0YW5kYXJkO1xuXG4gIHByaXZhdGUgX2V4dGVuZGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGdldCBleHRlbmRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZXh0ZW5kZWQ7XG4gIH1cbiAgc2V0IGV4dGVuZGVkKHY6IGFueSkge1xuICAgIHRoaXMuX2V4dGVuZGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICB9XG5cbiAgZ2V0IG5nQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbXG4gICAgICBgYXJkLWFwcGVhcmFuY2UtJHt0aGlzLmFwcGVhcmFuY2V9YCxcbiAgICAgIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yfWAsXG4gICAgICBgYXJkLWZhYi1zaXplLSR7dGhpcy5zaXplfWAsXG4gICAgICB0aGlzLmxpZ2h0Q29sb3JpbmcgPyBgYXJkLWxpZ2h0LWNvbG9yaW5nYCA6ICcnLFxuICAgICAgdGhpcy5leHRlbmRlZCA/ICdhcmQtZmFiLWV4dGVuZGVkJyA6ICcnLFxuICAgIF0uam9pbignICcpO1xuICB9XG59XG4iLCI8YnV0dG9uXHJcbiAgICBjbGFzcz1cImFyZC1mYWJcIlxyXG4gICAgW25nQ2xhc3NdPVwibmdDbGFzc2VzXCJcclxuICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICBbY2xhc3NdPVwid3JhcHBlckNsYXNzZXNcIlxyXG4gICAgW3N0eWxlXT1cIictLWFyZC1fZmFiLWNvbnRlbnQtc2l6ZTonK2NvbnRlbnQuY2xpZW50V2lkdGgrJ3B4J1wiXHJcbiAgICAoZm9jdXMpPVwiZm9jdXNFdmVudC5lbWl0KCRldmVudClcIlxyXG4gICAgKGJsdXIpPVwiYmx1ckV2ZW50LmVtaXQoJGV2ZW50KVwiXHJcbj5cclxuICAgIDxkaXYgY2xhc3M9XCJhcmQtZm9jdXMtb3ZlcmxheVwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1idXR0b24tY29udGVudFwiICNjb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2J1dHRvbj4iXX0=
+            args: [{ selector: 'ard-fab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"ard-fab\"\n  [ngClass]=\"ngClasses()\"\n  [tabindex]=\"tabIndex()\"\n  (focus)=\"focusEvent.emit($event)\"\n  (blur)=\"blurEvent.emit($event)\"\n>\n  <div class=\"ard-focus-overlay\"></div>\n  <div\n    class=\"ard-button-content\"\n    #content\n  >\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [".ard-fab{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;border-radius:9999px}.ard-fab .ard-button-content{max-height:100%;display:flex;align-items:center;justify-content:center}.ard-fab:not(.ard-fab-extended){aspect-ratio:1}.ard-fab:not(.ard-fab-extended) .ard-button-content{aspect-ratio:1}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9mYWIvZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9ucy9mYWIvZmFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFTbEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFdBQVc7SUFQbkQ7O1FBUUUsY0FBYztRQUNMLFNBQUksR0FBRyxLQUFLLENBQVUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXhDLGFBQVEsR0FBRyxLQUFLLENBQWUsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXBGLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ2pDO1lBQ0Usa0JBQWtCLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtZQUNyQyxhQUFhLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMzQixnQkFBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzdCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDaEQsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMxQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FDWixDQUFDO0tBQ0g7OEdBZlksa0JBQWtCO2tHQUFsQixrQkFBa0Isd1VDWi9CLHFVQWVBOzsyRkRIYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgX0J1dHRvbkJhc2UgfSBmcm9tICcuLi9fYnV0dG9uLWJhc2UnO1xuaW1wb3J0IHsgRkFCU2l6ZSB9IGZyb20gJy4uL2dlbmVyYWwtYnV0dG9uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXJkLWZhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mYWIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZhYkNvbXBvbmVudCBleHRlbmRzIF9CdXR0b25CYXNlIHtcbiAgLy8hIGFwcGVhcmFuY2VcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PEZBQlNpemU+KEZBQlNpemUuU3RhbmRhcmQpO1xuXG4gIHJlYWRvbmx5IGV4dGVuZGVkID0gaW5wdXQ8Ym9vbGVhbiwgYW55PihmYWxzZSwgeyB0cmFuc2Zvcm06IHYgPT4gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpIH0pO1xuXG4gIHJlYWRvbmx5IG5nQ2xhc3NlcyA9IGNvbXB1dGVkKCgpID0+XG4gICAgW1xuICAgICAgYGFyZC1hcHBlYXJhbmNlLSR7dGhpcy5hcHBlYXJhbmNlKCl9YCxcbiAgICAgIGBhcmQtY29sb3ItJHt0aGlzLmNvbG9yKCl9YCxcbiAgICAgIGBhcmQtZmFiLXNpemUtJHt0aGlzLnNpemUoKX1gLFxuICAgICAgdGhpcy5saWdodENvbG9yaW5nKCkgPyBgYXJkLWxpZ2h0LWNvbG9yaW5nYCA6ICcnLFxuICAgICAgdGhpcy5leHRlbmRlZCgpID8gJ2FyZC1mYWItZXh0ZW5kZWQnIDogJycsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJhcmQtZmFiXCJcbiAgW25nQ2xhc3NdPVwibmdDbGFzc2VzKClcIlxuICBbdGFiaW5kZXhdPVwidGFiSW5kZXgoKVwiXG4gIChmb2N1cyk9XCJmb2N1c0V2ZW50LmVtaXQoJGV2ZW50KVwiXG4gIChibHVyKT1cImJsdXJFdmVudC5lbWl0KCRldmVudClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiYXJkLWJ1dHRvbi1jb250ZW50XCJcbiAgICAjY29udGVudFxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvYnV0dG9uPlxuIl19

package/esm2022/lib/buttons/fab/fab.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { ArdiumFabComponent } from './fab.component';
 import * as i0 from "@angular/core";
 export class ArdiumFabModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFabModule, declarations: [ArdiumFabComponent], imports: [CommonModule], exports: [ArdiumFabComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFabModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabModule, declarations: [ArdiumFabComponent], imports: [CommonModule], exports: [ArdiumFabComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFabModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumFabModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ArdiumFabComponent],

package/esm2022/lib/buttons/fab/index.mjs

@@ -0,0 +1,3 @@
+export * from './fab.module';
+export * from './fab.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2J1dHRvbnMvZmFiL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ZhYi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9mYWIuY29tcG9uZW50JztcbiJdfQ==