@updevs/components 1.0.0-alpha.98 → 1.0.0-beta.1

package/fesm2022/updevs-components-badge.mjs

@@ -19,16 +19,16 @@ class BadgeConfigModel {
 
 class BadgeComponent {
     constructor() {
-        this.config = input();
-        this.bgColor = input('primary');
-        this.textColor = input();
-        this.text = input();
-        this.isOutline = input(false);
-        this.isPill = input(false);
-        this.isNotification = input(false);
-        this.isBlinking = input(false);
-        this.customClasses = input('');
-        this.configModel = computed(() => new BadgeConfigModel(this.config()));
+        this.config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+        this.bgColor = input('primary', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
+        this.textColor = input(...(ngDevMode ? [undefined, { debugName: "textColor" }] : []));
+        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
+        this.isOutline = input(false, ...(ngDevMode ? [{ debugName: "isOutline" }] : []));
+        this.isPill = input(false, ...(ngDevMode ? [{ debugName: "isPill" }] : []));
+        this.isNotification = input(false, ...(ngDevMode ? [{ debugName: "isNotification" }] : []));
+        this.isBlinking = input(false, ...(ngDevMode ? [{ debugName: "isBlinking" }] : []));
+        this.customClasses = input('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
+        this.configModel = computed(() => new BadgeConfigModel(this.config()), ...(ngDevMode ? [{ debugName: "configModel" }] : []));
         this.classes = computed(() => [
             (!!this.config() && !this.configModel().isOutline) || !this.isOutline()
                 ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`
@@ -40,8 +40,8 @@ class BadgeComponent {
             this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',
             this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
             this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
-        ].join(' '));
-        this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);
+        ].join(' '), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`, ...(ngDevMode ? [{ debugName: "fullClassString" }] : []));
         this.textService = inject(TextService);
     }
     get hostClasses() {
@@ -50,23 +50,23 @@ class BadgeComponent {
     get badgeText() {
         return this.textService.getText(this.text() || this.configModel().text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BadgeComponent, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: BadgeComponent, isStandalone: false, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upd-badge', template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n" }]
+            args: [{ standalone: false, selector: 'upd-badge', template: "@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n" }]
         }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class']
-            }] } });
+            }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], isOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOutline", required: false }] }], isPill: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPill", required: false }] }], isNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNotification", required: false }] }], isBlinking: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBlinking", required: false }] }], customClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClasses", required: false }] }] } });
 
 class UpdBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n    bgColor: BgColorStyleType = 'primary';\n    textColor?: ColorStyleType;\n    text?: TextModel;\n    isOutline = false;\n    isPill = false;\n    isNotification = false;\n    isBlinking = false;\n    customClasses = '';\n\n    constructor(init?: BadgeConfig) {\n        if (!!init) {\n            Object.assign(this, init);\n        }\n    }\n}\n","import { Component, computed, inject, input, HostBinding } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n    selector: 'upd-badge',\n    templateUrl: './badge.component.html',\n    styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n    @HostBinding('class') get hostClasses(): string {\n        return this.fullClassString();\n    }\n\n    config = input<BadgeConfig>();\n    bgColor = input<BgColorStyleType>('primary');\n    textColor = input<ColorStyleType>();\n    text = input<TextModel>();\n    isOutline = input<boolean>(false);\n    isPill = input<boolean>(false);\n    isNotification = input<boolean>(false);\n    isBlinking = input<boolean>(false);\n    customClasses = input<string>('');\n\n    get badgeText(): string {\n        return this.textService.getText(this.text() || this.configModel().text);\n    }\n\n    private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n    private readonly classes = computed(() =>\n        [\n            (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n                ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n                : '',\n            !!this.textColor() || (!!this.config() && this.configModel().textColor)\n                ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n                : '',\n            this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n            this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n            this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n            this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n        ].join(' ')\n    );\n    private readonly fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);\n    private readonly textService = inject(TextService);\n}\n","@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        BadgeComponent\n    ],\n    exports: [\n        BadgeComponent\n    ]\n})\nexport class UpdBadgeModule {}\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-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n    bgColor: BgColorStyleType = 'primary';\n    textColor?: ColorStyleType;\n    text?: TextModel;\n    isOutline = false;\n    isPill = false;\n    isNotification = false;\n    isBlinking = false;\n    customClasses = '';\n\n    constructor(init?: BadgeConfig) {\n        if (!!init) {\n            Object.assign(this, init);\n        }\n    }\n}\n","import { Component, computed, inject, input, HostBinding } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n    standalone: false,\n    selector: 'upd-badge',\n    templateUrl: './badge.component.html',\n    styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n    @HostBinding('class') get hostClasses(): string {\n        return this.fullClassString();\n    }\n\n    config = input<BadgeConfig>();\n    bgColor = input<BgColorStyleType>('primary');\n    textColor = input<ColorStyleType>();\n    text = input<TextModel>();\n    isOutline = input<boolean>(false);\n    isPill = input<boolean>(false);\n    isNotification = input<boolean>(false);\n    isBlinking = input<boolean>(false);\n    customClasses = input<string>('');\n\n    get badgeText(): string {\n        return this.textService.getText(this.text() || this.configModel().text);\n    }\n\n    private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n    private readonly classes = computed(() =>\n        [\n            (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n                ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n                : '',\n            !!this.textColor() || (!!this.config() && this.configModel().textColor)\n                ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n                : '',\n            this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n            this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n            this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n            this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n        ].join(' ')\n    );\n    private readonly fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);\n    private readonly textService = inject(TextService);\n}\n","@if (!!badgeText) {\n    {{ badgeText }}\n} @else {\n    <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        BadgeComponent\n    ],\n    exports: [\n        BadgeComponent\n    ]\n})\nexport class UpdBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/updevs-components-button.mjs

@@ -16,41 +16,41 @@ class ButtonComponent {
          * 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);
+        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);
+        this.isList = input(false, ...(ngDevMode ? [{ debugName: "isList" }] : []));
         /**
          * 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.stopPropagation = input(false);
-        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.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-' : '';
@@ -101,7 +101,7 @@ class ButtonComponent {
             }
             lClasses.push(this.sizeClass);
             return [...lClasses, ...customClasses];
-        });
+        }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : []));
         this.textService = inject(TextService);
     }
     get classes() {
@@ -140,12 +140,12 @@ class ButtonComponent {
             this.clicked.emit(event);
         }
     }
-    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 }, 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 }); }
+    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: "18.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            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"] }]
+            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']
@@ -154,21 +154,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 args: ['title']
             }], clicked: [{
                 type: Output
-            }], onClick: [{
+            }], 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: "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,
+    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: "18.1.0", ngImport: i0, type: UpdButtonModule, imports: [CommonModule,
+    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: "18.1.0", ngImport: i0, type: UpdButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +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    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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"}
+{"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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"}