@updevs/components 1.0.0-alpha.8 → 1.0.0-alpha.81

package/fesm2022/updevs-components-button.mjs

@@ -1,161 +1,157 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, HostListener, NgModule } from '@angular/core';
+import { EventEmitter, input, computed, inject, HostListener, Output, HostBinding, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@updevs/icons';
+import { UpdIconsModule } from '@updevs/icons';
+import * as i3 from '@updevs/components/badge';
+import { UpdBadgeModule } from '@updevs/components/badge';
+import { TextService } from '@updevs/sdk';
 
 class ButtonComponent {
     constructor() {
-        this.classes = [];
-        this.isActive = false;
-        this.isDisabled = false;
-        this.isOutline = false;
-        this.isGhost = false;
-        this.isSquare = false;
-        this.isPill = false;
-        this.isIcon = false;
-        this.isLoading = false;
-        /**
-         * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
-         */
-        this.isList = false;
-        /**
-         * Whether the button should be floating in the bottom right corner.
-         */
-        this.isFloating = false;
-        this.isAction = false;
-        this.isNavigationLink = false;
-        this.shouldIgnoreBtnClass = false;
         /**
          * Emitted when the button is clicked.
          * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.
          * That would cause strange behaviors like preventing `isDisabled` from working correctly.
          */
         this.clicked = new EventEmitter();
+        this.model = input();
+        this.text = input();
+        this.brandColorStyle = input();
+        this.customClasses = input();
+        this.isOutline = input(false);
+        this.isGhost = input(false);
+        this.isSquare = input(false);
+        this.isPill = input(false);
+        this.isIcon = input(false);
+        this.isLoading = input(false);
+        /**
+         * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
+         */
+        this.isList = input(false);
+        /**
+         * Whether the button should be floating in the bottom right corner.
+         */
+        this.isFloating = input(false);
+        this.isAction = input(false);
+        this.isNavigationLink = input(false);
+        this.isLink = input(false);
+        this.shouldIgnoreBtnClass = input(false);
+        this.iconModel = input();
+        this.iconPosition = input('left');
+        this.isDisabled = input(false);
+        this.isActive = input(false);
+        this.badgeConfig = input();
+        this.colorStyle = input();
+        this.size = input('regular');
+        this.title = input();
+        this._size = computed(() => !!this.model() ? this.model().size() : this.size());
+        this._title = computed(() => !!this.model() && !!this.model()?.title ? this.model().title() : this.title());
+        this._colorStyle = computed(() => !!this.model() && !!this.model()?.colorStyle ? this.model().colorStyle() : this.colorStyle());
+        this._brandColorStyle = computed(() => !!this.model() && !!this.model()?.brandColorStyle ? this.model().brandColorStyle() : this.brandColorStyle());
+        this.buttonClasses = computed(() => {
+            const isLink = this.model()?.isLink() || this.isLink();
+            const outlineCls = this.model()?.isOutline() || this.isOutline() ? 'outline-' : '';
+            const ghostCls = this.model()?.isGhost() || this.isGhost() ? 'ghost-' : '';
+            const lClasses = this.model()?.shouldIgnoreBtnClass() || this.shouldIgnoreBtnClass() ? [] : ['btn'];
+            const customClasses = this.model()?.customClasses?.().split(' ') || this.customClasses()?.split(' ') || [];
+            if (!isLink && (!!outlineCls || !!ghostCls || !!this._colorStyle() || !!this._brandColorStyle())) {
+                lClasses.push(`btn-${outlineCls || ghostCls}${this._colorStyle() || this._brandColorStyle()}`);
+            }
+            else if (!!this._colorStyle() || !!this._brandColorStyle()) {
+                lClasses.push(`link-${this._colorStyle() || this._brandColorStyle()}`);
+            }
+            if (this.model()?.isSquare() || this.isSquare()) {
+                lClasses.push('btn-square');
+            }
+            if (this.model()?.isPill() || this.isPill()) {
+                lClasses.push('btn-pill');
+            }
+            if (this._isIcon) {
+                lClasses.push('btn-icon');
+            }
+            if (this.model()?.isLoading() || this.isLoading()) {
+                lClasses.push('btn-loading');
+            }
+            if (this.model()?.isList() || this.isList()) {
+                lClasses.push('btn-list');
+            }
+            if (this.model()?.isFloating() || this.isFloating()) {
+                lClasses.push('btn-floating');
+            }
+            if (this.model()?.isAction() || this.isAction()) {
+                lClasses.push('btn-action');
+            }
+            if (this.model()?.isNavigationLink() || this.isNavigationLink()) {
+                lClasses.push('nav-link');
+            }
+            if (isLink) {
+                lClasses.push('btn-link');
+            }
+            if (this.model()?.isActive() || this.isActive()) {
+                lClasses.push('active');
+            }
+            if (this.model()?.isDisabled() || this.isDisabled()) {
+                lClasses.push('disabled');
+            }
+            if (!!this.badgeConfig() && (this.badgeConfig().isBlinking || this.badgeConfig().isNotification)) {
+                lClasses.push('position-relative');
+            }
+            lClasses.push(this.sizeClass);
+            return [...lClasses, ...customClasses];
+        });
+        this.textService = inject(TextService);
+    }
+    get classes() {
+        return this.buttonClasses();
+    }
+    get titleAttr() {
+        return this.textService.getText(this._title());
+    }
+    get mainText() {
+        return this.textService.getText(this.model()?.text?.() || this.text());
+    }
+    get _iconModel() {
+        return this.model()?.iconModel?.() || this.iconModel();
     }
-    ngOnInit() {
-        this.setupFromModel();
-        this.updateClasses();
+    get _iconPosition() {
+        return this.model()?.iconPosition() || this.iconPosition();
     }
-    ngOnChanges(changes) {
-        if (!!changes['model']) {
-            this.setupFromModel();
+    get _isIcon() {
+        return this.model()?.isIcon() || this.isIcon();
+    }
+    get sizeClass() {
+        switch (this._size()) {
+            case 'large':
+                return 'btn-lg';
+            case 'small':
+                return 'btn-sm';
+            default:
+                return '';
         }
-        this.updateClasses();
     }
     onClick(event) {
-        if (!!this.model && !!this.model.clickFunction) {
-            this.model.clickFunction(event);
+        if (!!this.model() && !!this.model()?.clickFunction) {
+            this.model().clickFunction({ event, data: this });
         }
         else {
-            this.clicked.emit(undefined);
+            this.clicked.emit(event);
         }
         event.stopPropagation();
     }
-    updateClasses() {
-        const outlineCls = this.isOutline ? 'outline-' : '';
-        const ghostCls = this.isGhost ? 'ghost-' : '';
-        const lClasses = this.shouldIgnoreBtnClass ? [] : ['btn'];
-        if (!!outlineCls || !!ghostCls || !!this.colorStyle || !!this.brandColorStyle) {
-            lClasses.push(`btn-${outlineCls || ghostCls}${this.colorStyle || this.brandColorStyle}`);
-        }
-        if (this.isSquare) {
-            lClasses.push('btn-square');
-        }
-        if (this.isPill) {
-            lClasses.push('btn-pill');
-        }
-        if (this.isIcon) {
-            lClasses.push('btn-icon');
-        }
-        if (this.isLoading) {
-            lClasses.push('btn-loading');
-        }
-        if (this.isList) {
-            lClasses.push('btn-list');
-        }
-        if (this.isFloating) {
-            lClasses.push('btn-floating');
-        }
-        if (this.isAction) {
-            lClasses.push('btn-action');
-        }
-        if (this.isNavigationLink) {
-            lClasses.push('nav-link');
-        }
-        if (this.isActive) {
-            lClasses.push('active');
-        }
-        if (this.isDisabled) {
-            lClasses.push('disabled');
-        }
-        this.classes = [...lClasses, ...(this.customClasses?.split(' ') || [])];
-    }
-    setupFromModel() {
-        if (!this.model) {
-            return;
-        }
-        this.text = this.model.text;
-        this.colorStyle = this.model.colorStyle;
-        this.brandColorStyle = this.model.brandColorStyle;
-        this.customClasses += this.model.customClasses || '';
-        this.isActive = this.model.isActive;
-        this.isDisabled = this.model.isDisabled;
-        this.isOutline = this.model.isOutline;
-        this.isGhost = this.model.isGhost;
-        this.isSquare = this.model.isSquare;
-        this.isPill = this.model.isPill;
-        this.isIcon = this.model.isIcon;
-        this.isLoading = this.model.isLoading;
-        this.isList = this.model.isList;
-        this.isFloating = this.model.isFloating;
-        this.isAction = this.model.isAction;
-        this.isNavigationLink = this.model.isNavigationLink;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ButtonComponent, selector: "upd-button", inputs: { text: "text", model: "model", colorStyle: "colorStyle", brandColorStyle: "brandColorStyle", customClasses: "customClasses", isActive: "isActive", isDisabled: "isDisabled", isOutline: "isOutline", isGhost: "isGhost", isSquare: "isSquare", isPill: "isPill", isIcon: "isIcon", isLoading: "isLoading", isList: "isList", isFloating: "isFloating", isAction: "isAction", isNavigationLink: "isNavigationLink", shouldIgnoreBtnClass: "shouldIgnoreBtnClass" }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ButtonComponent, selector: "upd-button", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, brandColorStyle: { classPropertyName: "brandColorStyle", publicName: "brandColorStyle", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isGhost: { classPropertyName: "isGhost", publicName: "isGhost", isSignal: true, isRequired: false, transformFunction: null }, isSquare: { classPropertyName: "isSquare", publicName: "isSquare", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isIcon: { classPropertyName: "isIcon", publicName: "isIcon", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isList: { classPropertyName: "isList", publicName: "isList", isSignal: true, isRequired: false, transformFunction: null }, isFloating: { classPropertyName: "isFloating", publicName: "isFloating", isSignal: true, isRequired: false, transformFunction: null }, isAction: { classPropertyName: "isAction", publicName: "isAction", isSignal: true, isRequired: false, transformFunction: null }, isNavigationLink: { classPropertyName: "isNavigationLink", publicName: "isNavigationLink", isSignal: true, isRequired: false, transformFunction: null }, isLink: { classPropertyName: "isLink", publicName: "isLink", isSignal: true, isRequired: false, transformFunction: null }, shouldIgnoreBtnClass: { classPropertyName: "shouldIgnoreBtnClass", publicName: "shouldIgnoreBtnClass", isSignal: true, isRequired: false, transformFunction: null }, iconModel: { classPropertyName: "iconModel", publicName: "iconModel", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, badgeConfig: { classPropertyName: "badgeConfig", publicName: "badgeConfig", isSignal: true, isRequired: false, transformFunction: null }, colorStyle: { classPropertyName: "colorStyle", publicName: "colorStyle", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.classes", "title": "this.titleAttr" } }, ngImport: i0, template: "<ng-template #userContentTpl>\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <div [class.mx-1]=\"!!_iconModel && !_isIcon\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n</ng-template>\n\n@if (!mainText) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <span [class.mx-1]=\"!!_iconModel\">\n        {{ mainText }}\n    </span>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i3.BadgeComponent, selector: "upd-badge", inputs: ["config", "bgColor", "textColor", "text", "isOutline", "isPill", "isNotification", "isBlinking", "customClasses"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upd-button', encapsulation: ViewEncapsulation.None, template: "<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"] }]
+            args: [{ selector: 'upd-button', encapsulation: ViewEncapsulation.None, template: "<ng-template #userContentTpl>\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <div [class.mx-1]=\"!!_iconModel && !_isIcon\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n</ng-template>\n\n@if (!mainText) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <span [class.mx-1]=\"!!_iconModel\">\n        {{ mainText }}\n    </span>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"] }]
         }], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ['class']
-            }], text: [{
-                type: Input
-            }], model: [{
-                type: Input
-            }], colorStyle: [{
-                type: Input
-            }], brandColorStyle: [{
-                type: Input
-            }], customClasses: [{
-                type: Input
-            }], isActive: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }], isOutline: [{
-                type: Input
-            }], isGhost: [{
-                type: Input
-            }], isSquare: [{
-                type: Input
-            }], isPill: [{
-                type: Input
-            }], isIcon: [{
-                type: Input
-            }], isLoading: [{
-                type: Input
-            }], isList: [{
-                type: Input
-            }], isFloating: [{
-                type: Input
-            }], isAction: [{
-                type: Input
-            }], isNavigationLink: [{
-                type: Input
-            }], shouldIgnoreBtnClass: [{
-                type: Input
+            }], titleAttr: [{
+                type: HostBinding,
+                args: ['title']
             }], clicked: [{
                 type: Output
             }], onClick: [{
@@ -164,15 +160,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class UpdButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdButtonModule, declarations: [ButtonComponent], imports: [CommonModule,
+            UpdIconsModule,
+            UpdBadgeModule], exports: [ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdButtonModule, imports: [CommonModule,
+            UpdIconsModule,
+            UpdBadgeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
+                        CommonModule,
+                        UpdIconsModule,
+                        UpdBadgeModule
                     ],
                     declarations: [
                         ButtonComponent

package/fesm2022/updevs-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-button.mjs","sources":["../../../../projects/updevs/components/button/src/button.component.ts","../../../../projects/updevs/components/button/src/button.component.html","../../../../projects/updevs/components/button/src/upd-button.module.ts","../../../../projects/updevs/components/button/src/updevs-components-button.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ViewEncapsulation,\n    Output,\n    EventEmitter,\n    OnInit,\n    OnChanges,\n    SimpleChanges,\n    HostBinding,\n    HostListener\n} from '@angular/core';\nimport { ColorStyleType, BrandType, ButtonModel } from '@updevs/sdk/layout';\n\n@Component({\n    selector: 'upd-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ButtonComponent implements OnInit, OnChanges {\n    @HostBinding('class') classes: string[] = [];\n\n    @Input() text?: string;\n    @Input() model?: ButtonModel;\n    @Input() colorStyle?: ColorStyleType;\n    @Input() brandColorStyle?: BrandType;\n    @Input() customClasses?: string;\n    @Input() isActive = false;\n    @Input() isDisabled = false;\n    @Input() isOutline = false;\n    @Input() isGhost = false;\n    @Input() isSquare = false;\n    @Input() isPill = false;\n    @Input() isIcon = false;\n    @Input() isLoading = false;\n    /**\n     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).\n     */\n    @Input() isList = false;\n    /**\n     * Whether the button should be floating in the bottom right corner.\n     */\n    @Input() isFloating = false;\n    @Input() isAction = false;\n    @Input() isNavigationLink = false;\n    @Input() shouldIgnoreBtnClass = false;\n\n    /**\n     * Emitted when the button is clicked.\n     * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.\n     * That would cause strange behaviors like preventing `isDisabled` from working correctly.\n     */\n    @Output() readonly clicked = new EventEmitter<any>();\n\n    ngOnInit(): void {\n        this.setupFromModel();\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (!!changes['model']) {\n            this.setupFromModel();\n        }\n\n        this.updateClasses();\n    }\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (!!this.model && !!this.model.clickFunction) {\n            this.model.clickFunction(event);\n        } else {\n            this.clicked.emit(undefined);\n        }\n\n        event.stopPropagation();\n    }\n\n    private updateClasses(): void {\n        const outlineCls = this.isOutline ? 'outline-' : '';\n        const ghostCls = this.isGhost ? 'ghost-' : '';\n        const lClasses: string[] = this.shouldIgnoreBtnClass ? [] : ['btn'];\n\n        if (!!outlineCls || !!ghostCls || !!this.colorStyle || !!this.brandColorStyle) {\n            lClasses.push(`btn-${outlineCls || ghostCls}${this.colorStyle || this.brandColorStyle}`);\n        }\n\n        if (this.isSquare) {\n            lClasses.push('btn-square');\n        }\n\n        if (this.isPill) {\n            lClasses.push('btn-pill');\n        }\n\n        if (this.isIcon) {\n            lClasses.push('btn-icon');\n        }\n\n        if (this.isLoading) {\n            lClasses.push('btn-loading');\n        }\n\n        if (this.isList) {\n            lClasses.push('btn-list');\n        }\n\n        if (this.isFloating) {\n            lClasses.push('btn-floating');\n        }\n\n        if (this.isAction) {\n            lClasses.push('btn-action');\n        }\n\n        if (this.isNavigationLink) {\n            lClasses.push('nav-link');\n        }\n\n        if (this.isActive) {\n            lClasses.push('active');\n        }\n\n        if (this.isDisabled) {\n            lClasses.push('disabled');\n        }\n\n        this.classes = [...lClasses, ...(this.customClasses?.split(' ') || [])];\n    }\n\n    private setupFromModel(): void {\n        if (!this.model) {\n            return;\n        }\n\n        this.text = this.model.text;\n        this.colorStyle = this.model.colorStyle;\n        this.brandColorStyle = this.model.brandColorStyle;\n        this.customClasses += this.model.customClasses || '';\n        this.isActive = this.model.isActive;\n        this.isDisabled = this.model.isDisabled;\n        this.isOutline = this.model.isOutline;\n        this.isGhost = this.model.isGhost;\n        this.isSquare = this.model.isSquare;\n        this.isPill = this.model.isPill;\n        this.isIcon = this.model.isIcon;\n        this.isLoading = this.model.isLoading;\n        this.isList = this.model.isList;\n        this.isFloating = this.model.isFloating;\n        this.isAction = this.model.isAction;\n        this.isNavigationLink = this.model.isNavigationLink;\n    }\n}\n","<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        ButtonComponent\n    ],\n    exports: [\n        ButtonComponent\n    ]\n})\nexport class UpdButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"updevs-components-button.mjs","sources":["../../../../libs/components/button/src/button.component.ts","../../../../libs/components/button/src/button.component.html","../../../../libs/components/button/src/upd-button.module.ts","../../../../libs/components/button/src/updevs-components-button.ts"],"sourcesContent":["import {\n    Component,\n    ViewEncapsulation,\n    Output,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    inject,\n    input,\n    computed\n} from '@angular/core';\nimport { IconModel } from '@updevs/icons';\nimport { TextModel, TextService } from '@updevs/sdk';\nimport { ButtonModel } from '@updevs/sdk/layout';\nimport { LeftRightType, OptionalType, BrandType, BgColorStyleType, ButtonSizeType } from '@updevs/sdk/types';\nimport { BadgeConfig } from '@updevs/components/badge';\n\n@Component({\n    selector: 'upd-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ButtonComponent {\n    @HostBinding('class') get classes(): string[] {\n        return this.buttonClasses();\n    }\n\n    @HostBinding('title') get titleAttr(): OptionalType<string> {\n        return this.textService.getText(this._title());\n    }\n\n    /**\n     * Emitted when the button is clicked.\n     * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.\n     * That would cause strange behaviors like preventing `isDisabled` from working correctly.\n     */\n    @Output() readonly clicked = new EventEmitter<any>();\n\n    model = input<ButtonModel>();\n    text = input<TextModel>();\n    brandColorStyle = input<BrandType>();\n    customClasses = input<string>();\n    isOutline = input(false);\n    isGhost = input(false);\n    isSquare = input(false);\n    isPill = input(false);\n    isIcon = input(false);\n    isLoading = input(false);\n    /**\n     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).\n     */\n    isList = input(false);\n    /**\n     * Whether the button should be floating in the bottom right corner.\n     */\n    isFloating = input(false);\n    isAction = input(false);\n    isNavigationLink = input(false);\n    isLink = input(false);\n    shouldIgnoreBtnClass = input(false);\n    iconModel = input<IconModel>();\n    iconPosition = input<LeftRightType>('left');\n    isDisabled = input(false);\n    isActive = input(false);\n    badgeConfig = input<BadgeConfig>();\n    colorStyle = input<BgColorStyleType>();\n    size = input<ButtonSizeType>('regular');\n    title = input<TextModel>();\n\n    get mainText(): string {\n        return this.textService.getText(this.model()?.text?.() || this.text());\n    }\n\n    get _iconModel(): OptionalType<IconModel> {\n        return this.model()?.iconModel?.() || this.iconModel();\n    }\n\n    get _iconPosition(): LeftRightType {\n        return this.model()?.iconPosition() || this.iconPosition();\n    }\n\n    get _isIcon(): boolean {\n        return this.model()?.isIcon() || this.isIcon();\n    }\n\n    private get sizeClass(): string {\n        switch (this._size()) {\n            case 'large':\n                return 'btn-lg';\n            case 'small':\n                return 'btn-sm';\n            default:\n                return '';\n        }\n    }\n\n    private _size = computed(() => !!this.model() ? this.model()!.size() : this.size());\n    private _title = computed(() => !!this.model() && !!this.model()?.title ? this.model()!.title!() : this.title());\n    private _colorStyle = computed(() => !!this.model() && !!this.model()?.colorStyle ? this.model()!.colorStyle!() : this.colorStyle());\n    private _brandColorStyle = computed(() =>\n        !!this.model() && !!this.model()?.brandColorStyle ? this.model()!.brandColorStyle!() : this.brandColorStyle()\n    );\n    private buttonClasses = computed(() => {\n        const isLink = this.model()?.isLink() || this.isLink();\n        const outlineCls = this.model()?.isOutline() || this.isOutline() ? 'outline-' : '';\n        const ghostCls = this.model()?.isGhost() || this.isGhost() ? 'ghost-' : '';\n        const lClasses: string[] = this.model()?.shouldIgnoreBtnClass() || this.shouldIgnoreBtnClass() ? [] : ['btn'];\n        const customClasses = this.model()?.customClasses?.().split(' ') || this.customClasses()?.split(' ') || [];\n\n        if (!isLink && (!!outlineCls || !!ghostCls || !!this._colorStyle() || !!this._brandColorStyle())) {\n            lClasses.push(`btn-${outlineCls || ghostCls}${this._colorStyle() || this._brandColorStyle()}`);\n        } else if (!!this._colorStyle() || !!this._brandColorStyle()) {\n            lClasses.push(`link-${this._colorStyle() || this._brandColorStyle()}`);\n        }\n\n        if (this.model()?.isSquare() || this.isSquare()) {\n            lClasses.push('btn-square');\n        }\n\n        if (this.model()?.isPill() || this.isPill()) {\n            lClasses.push('btn-pill');\n        }\n\n        if (this._isIcon) {\n            lClasses.push('btn-icon');\n        }\n\n        if (this.model()?.isLoading() || this.isLoading()) {\n            lClasses.push('btn-loading');\n        }\n\n        if (this.model()?.isList() || this.isList()) {\n            lClasses.push('btn-list');\n        }\n\n        if (this.model()?.isFloating() || this.isFloating()) {\n            lClasses.push('btn-floating');\n        }\n\n        if (this.model()?.isAction() || this.isAction()) {\n            lClasses.push('btn-action');\n        }\n\n        if (this.model()?.isNavigationLink() || this.isNavigationLink()) {\n            lClasses.push('nav-link');\n        }\n\n        if (isLink) {\n            lClasses.push('btn-link');\n        }\n\n        if (this.model()?.isActive() || this.isActive()) {\n            lClasses.push('active');\n        }\n\n        if (this.model()?.isDisabled() || this.isDisabled()) {\n            lClasses.push('disabled');\n        }\n\n        if (!!this.badgeConfig() && (this.badgeConfig()!.isBlinking || this.badgeConfig()!.isNotification)) {\n            lClasses.push('position-relative');\n        }\n\n        lClasses.push(this.sizeClass);\n\n        return [...lClasses, ...customClasses];\n    });\n    private readonly textService = inject(TextService);\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (!!this.model() && !!this.model()?.clickFunction) {\n            this.model()!.clickFunction!({ event, data: this });\n        } else {\n            this.clicked.emit(event);\n        }\n\n        event.stopPropagation();\n    }\n}\n","<ng-template #userContentTpl>\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <div [class.mx-1]=\"!!_iconModel && !_isIcon\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n</ng-template>\n\n@if (!mainText) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    @if (!!_iconModel && _iconPosition === 'left') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n\n    <span [class.mx-1]=\"!!_iconModel\">\n        {{ mainText }}\n    </span>\n\n    @if (!!badgeConfig()) {\n        <upd-badge [config]=\"badgeConfig()\"></upd-badge>\n    }\n\n    @if (!!_iconModel && _iconPosition === 'right') {\n        <upd-icon [model]=\"_iconModel\" [tablerIconSize]=\"_iconModel.tablerIconSize || 20\"\n            [heroIconSize]=\"_iconModel.heroIconSize || 'small'\">\n        </upd-icon>\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdBadgeModule } from '@updevs/components/badge';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdIconsModule,\n        UpdBadgeModule\n    ],\n    declarations: [\n        ButtonComponent\n    ],\n    exports: [\n        ButtonComponent\n    ]\n})\nexport class UpdButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}