@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.100

package/fesm2022/updevs-components-button.mjs

@@ -0,0 +1,193 @@
+import * as i0 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() {
+        /**
+         * 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(...(ngDevMode ? [undefined, { debugName: "model" }] : []));
+        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
+        this.brandColorStyle = input(...(ngDevMode ? [undefined, { debugName: "brandColorStyle" }] : []));
+        this.customClasses = input(...(ngDevMode ? [undefined, { debugName: "customClasses" }] : []));
+        this.isOutline = input(false, ...(ngDevMode ? [{ debugName: "isOutline" }] : []));
+        this.isGhost = input(false, ...(ngDevMode ? [{ debugName: "isGhost" }] : []));
+        this.isSquare = input(false, ...(ngDevMode ? [{ debugName: "isSquare" }] : []));
+        this.isPill = input(false, ...(ngDevMode ? [{ debugName: "isPill" }] : []));
+        this.isIcon = input(false, ...(ngDevMode ? [{ debugName: "isIcon" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        /**
+         * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
+         */
+        this.isList = input(false, ...(ngDevMode ? [{ debugName: "isList" }] : []));
+        /**
+         * Whether the button should be floating in the bottom right corner.
+         */
+        this.isFloating = input(false, ...(ngDevMode ? [{ debugName: "isFloating" }] : []));
+        this.isAction = input(false, ...(ngDevMode ? [{ debugName: "isAction" }] : []));
+        this.isNavigationLink = input(false, ...(ngDevMode ? [{ debugName: "isNavigationLink" }] : []));
+        this.isLink = input(false, ...(ngDevMode ? [{ debugName: "isLink" }] : []));
+        this.shouldIgnoreBtnClass = input(false, ...(ngDevMode ? [{ debugName: "shouldIgnoreBtnClass" }] : []));
+        this.iconModel = input(...(ngDevMode ? [undefined, { debugName: "iconModel" }] : []));
+        this.iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.isActive = input(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+        this.badgeConfig = input(...(ngDevMode ? [undefined, { debugName: "badgeConfig" }] : []));
+        this.colorStyle = input(...(ngDevMode ? [undefined, { debugName: "colorStyle" }] : []));
+        this.size = input('regular', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+        this.stopPropagation = input(false, ...(ngDevMode ? [{ debugName: "stopPropagation" }] : []));
+        this._size = computed(() => !!this.model() ? this.model().size() : this.size(), ...(ngDevMode ? [{ debugName: "_size" }] : []));
+        this._title = computed(() => !!this.model() && !!this.model()?.title ? this.model().title() : this.title(), ...(ngDevMode ? [{ debugName: "_title" }] : []));
+        this._colorStyle = computed(() => !!this.model() && !!this.model()?.colorStyle ? this.model().colorStyle() : this.colorStyle(), ...(ngDevMode ? [{ debugName: "_colorStyle" }] : []));
+        this._brandColorStyle = computed(() => !!this.model() && !!this.model()?.brandColorStyle ? this.model().brandColorStyle() : this.brandColorStyle(), ...(ngDevMode ? [{ debugName: "_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];
+        }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
+        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();
+    }
+    get _iconPosition() {
+        return this.model()?.iconPosition() || this.iconPosition();
+    }
+    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 '';
+        }
+    }
+    onClick(event) {
+        if (!!this.model() && !!this.model()?.clickFunction) {
+            this.model().clickFunction({ event, data: this });
+        }
+        else {
+            this.clicked.emit(event);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ButtonComponent, isStandalone: false, 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 }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "stopPropagation", 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: "21.1.4", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, 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']
+            }], titleAttr: [{
+                type: HostBinding,
+                args: ['title']
+            }], clicked: [{
+                type: Output
+            }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], brandColorStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "brandColorStyle", required: false }] }], customClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClasses", required: false }] }], isOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOutline", required: false }] }], isGhost: [{ type: i0.Input, args: [{ isSignal: true, alias: "isGhost", required: false }] }], isSquare: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSquare", required: false }] }], isPill: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPill", required: false }] }], isIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "isIcon", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isList: [{ type: i0.Input, args: [{ isSignal: true, alias: "isList", required: false }] }], isFloating: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloating", required: false }] }], isAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAction", required: false }] }], isNavigationLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNavigationLink", required: false }] }], isLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLink", required: false }] }], shouldIgnoreBtnClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldIgnoreBtnClass", required: false }] }], iconModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconModel", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], badgeConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeConfig", required: false }] }], colorStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorStyle", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], stopPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "stopPropagation", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class UpdButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdButtonModule, declarations: [ButtonComponent], imports: [CommonModule,
+            UpdIconsModule,
+            UpdBadgeModule], exports: [ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdButtonModule, imports: [CommonModule,
+            UpdIconsModule,
+            UpdBadgeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        UpdIconsModule,
+                        UpdBadgeModule
+                    ],
+                    declarations: [
+                        ButtonComponent
+                    ],
+                    exports: [
+                        ButtonComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, UpdButtonModule };
+//# sourceMappingURL=updevs-components-button.mjs.map

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

@@ -0,0 +1 @@
+{"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    standalone: false,\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    stopPropagation = input(false);\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}\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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"}