@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

package/fesm2022/eui-eds-eds-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-badge.mjs","sources":["../../eds-badge/eds-badge.ts","../../eds-badge/eds-badge.html","../../eds-badge/index.ts","../../eds-badge/eui-eds-eds-badge.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    Input,\n    ViewChild,\n    ElementRef,\n    AfterViewInit,\n    ChangeDetectorRef,\n    booleanAttribute,\n    inject,\n    signal,\n    OnInit,\n} from '@angular/core';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { EuiBaseColorVariantsDirective, EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'div[edsBadge], span[edsBadge], eds-badge',\n    templateUrl: './eds-badge.html',\n    styleUrl: './eds-badge.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [ObserversModule],\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },\n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiNeutral',\n                'euiInfo',\n                'euiSuccess',\n                'euiWarning',\n                'euiCritical',\n                'euiColorVariant',\n            ],\n        },        \n    ],     \n})\nexport class EdsBadge implements OnInit, AfterViewInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the badge based on its current state\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eds-badge',\n            this.sizeVariantsBase.getCssClasses('eds-badge'),\n            this.colorVariantsBase.getCssClasses('eds-badge'),\n            this.isEmpty() || this.euiDottedBadge ? 'eds-badge--empty' : '',\n            this.euiBadgeIcon ? 'eds-badge--icon-only' : '',\n            this.euiOutline ? 'eds-badge--outline' : '',\n        ].join(' ').trim();\n    }\n\n    /** @description Data attribute for e2e testing */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eds-badge';\n\n    /** @description ARIA role for accessibility */\n    @HostBinding('attr.role') role = 'status';\n\n    /** @description ARIA label for accessibility */\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    /**\n     * Maximum number of characters to display before truncating.\n     * When content exceeds this limit, it will be replaced with charReplacement value.\n     * Useful for displaying large numbers in a compact format (e.g., \"99+\" for values over 99).\n     */\n    @Input() maxCharCount = 0;\n\n    /**\n     * String to display when content is truncated due to maxCharCount.\n     * @default '99+'\n     */\n    @Input() charReplacement = '';\n\n    /**\n     * Whether the badge contains only an icon (displays as a small dot indicator).\n     * When true, no text content is shown, creating a minimal status indicator.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiBadgeIcon = false;\n\n    /**\n     * Whether to display the badge with dotted styling variant.\n     * Applies alternative visual treatment to the badge.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n    @Input({ transform: booleanAttribute }) euiOutline = false;\n    \n    @ViewChild('contentRef', { static: false }) content!: ElementRef;\n\n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n\n    protected hasContentUpdated = false;\n    protected updatedContent!: string;\n    // protected baseStatesDirective = inject(BaseStatesDirective);\n    private cdRef = inject(ChangeDetectorRef);\n    private isEmpty = signal(false);\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.euiSizeVariant) {\n            this.sizeVariantsBase.euiSizeM = true;\n        }\n        if (!this.colorVariantsBase.euiColorVariant) {\n            this.colorVariantsBase.euiNeutral = true;\n        }\n    }\n\n    ngAfterViewInit(): void {\n        if (this.content) {\n            this.isEmpty.set(this.content.nativeElement.childNodes.length === 0);\n            this.cdRef.detectChanges();\n            if (!this.isEmpty()) {\n                this._checkContent();\n                this.cdRef.detectChanges(); \n            }\n        }\n    }\n\n    /**\n     * @description\n     * Handles content changes and triggers content checking\n     */\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    /**\n     * @description\n     * Checks if content exceeds maxCharCount and updates content if necessary\n     * @private\n     */\n    private _checkContent(): void {\n        if (this.maxCharCount !== 0) {\n            const contentText = this.content.nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { EdsBadge } from './eds-badge';\n\nexport * from './eds-badge';\n\nexport const EDS_BADGE = [\n    EdsBadge,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA+Ca,QAAQ,CAAA;AA9BrB,IAAA,WAAA,GAAA;;QAkD2C,IAAA,CAAA,OAAO,GAAG,WAAW;;QAGlC,IAAA,CAAA,IAAI,GAAG,QAAQ;;QAGY,IAAA,CAAA,SAAS,GAAkB,OAAO;AAEvF;;;;AAIG;QACM,IAAA,CAAA,YAAY,GAAG,CAAC;AAEzB;;;AAGG;QACM,IAAA,CAAA,eAAe,GAAG,EAAE;AAE7B;;;;AAIG;QACqC,IAAA,CAAA,YAAY,GAAG,KAAK;AAE5D;;;;AAIG;QACqC,IAAA,CAAA,cAAc,GAAG,KAAK;QAEtB,IAAA,CAAA,UAAU,GAAG,KAAK;AAIhD,QAAA,IAAA,CAAA,gBAAgB,GAAiC,MAAM,CAAC,4BAA4B,CAAC;AACrF,QAAA,IAAA,CAAA,iBAAiB,GAAkC,MAAM,CAAC,6BAA6B,CAAC;QAExF,IAAA,CAAA,iBAAiB,GAAG,KAAK;;AAG3B,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;QACjC,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,KAAK;oFAAC;AA6ClC,IAAA;AA9GG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,WAAW;AACX,YAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,CAAC;AAChD,YAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAC;AACjD,YAAA,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,cAAc,GAAG,kBAAkB,GAAG,EAAE;YAC/D,IAAI,CAAC,YAAY,GAAG,sBAAsB,GAAG,EAAE;YAC/C,IAAI,CAAC,UAAU,GAAG,oBAAoB,GAAG,EAAE;AAC9C,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACtB;IAmDA,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE;AACvC,YAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAI;QACzC;AACA,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE;AACzC,YAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,GAAG,IAAI;QAC5C;IACJ;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;AACpE,YAAA,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;gBACjB,IAAI,CAAC,aAAa,EAAE;AACpB,gBAAA,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC9B;QACJ;IACJ;AAEA;;;AAGG;IACH,gBAAgB,GAAA;QACZ,IAAI,CAAC,aAAa,EAAE;IACxB;AAEA;;;;AAIG;IACK,aAAa,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE;YACzB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS;YACxD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;AACvD,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,IAAI,KAAK;AACnD,gBAAA,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YAC7B;QACJ;IACJ;8GA9GS,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EA8CG,gBAAgB,CAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAOhB,gBAAgB,4CAEhB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtGxC,6QASA,EAAA,MAAA,EAAA,CAAA,q9IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDac,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAyBhB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBA9BpB,SAAS;+BACI,0CAA0C,EAAA,eAAA,EAGnC,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,CAAC,EAAA,cAAA,EACV;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,4BAA4B;AACvC,4BAAA,MAAM,EAAE;gCACJ,WAAW;gCACX,UAAU;gCACV,UAAU;gCACV,UAAU;gCACV,gBAAgB;AACnB,6BAAA;AACJ,yBAAA;AACD,wBAAA;AACI,4BAAA,SAAS,EAAE,6BAA6B;AACxC,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,YAAY;gCACZ,aAAa;gCACb,iBAAiB;AACpB,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,q9IAAA,CAAA,EAAA;;sBASA,WAAW;uBAAC,OAAO;;sBAanB,WAAW;uBAAC,eAAe;;sBAAG;;sBAG9B,WAAW;uBAAC,WAAW;;sBAGvB,WAAW;uBAAC,iBAAiB;;sBAAG,KAAK;uBAAC,YAAY;;sBAOlD;;sBAMA;;sBAOA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAOrC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;;AEpGvC,MAAM,SAAS,GAAG;IACrB,QAAQ;;;ACLZ;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-badge.mjs","sources":["../../eds-badge/eds-badge.ts","../../eds-badge/eds-badge.html","../../eds-badge/index.ts","../../eds-badge/eui-eds-eds-badge.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  ElementRef,\n  AfterViewInit,\n  ChangeDetectorRef,\n  booleanAttribute,\n  inject,\n  signal,computed,\n  OnInit,\n  viewChild,\n} from '@angular/core';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { EdsBaseColorVariantsDirective, EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'div[edsBadge], span[edsBadge], eds-badge',\n    templateUrl: './eds-badge.html',\n    styleUrl: './eds-badge.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [ObserversModule],\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        role: 'status',\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsNeutral',\n                'edsInfo',\n                'edsSuccess',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsBadge implements OnInit, AfterViewInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the badge based on its current state\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    hostClasses = computed(() => {\n        return [\n            'eds-badge',\n            this.sizeVariantsBase.getCssClasses('eds-badge'),\n            this.colorVariantsBase.getCssClasses('eds-badge'),\n            this.isEmpty() || this.edsDottedBadge() ? 'eds-badge--empty' : '',\n            this.edsBadgeIcon() ? 'eds-badge--icon-only' : '',\n            this.edsOutline() ? 'eds-badge--outline' : '',\n        ].join(' ').trim();\n    });\n\n    /** @description Data attribute for e2e testing */\n    e2eAttr = input('eds-badge');\n\n    /** @description ARIA label for accessibility */\n    ariaLabel = input<string | null>('badge', { alias: 'aria-label' });\n\n    /**\n     * Maximum number of characters to display before truncating.\n     * When content exceeds this limit, it will be replaced with charReplacement value.\n     * Useful for displaying large numbers in a compact format (e.g., \"99+\" for values over 99).\n     */\n    maxCharCount = input(0);\n\n    /**\n     * String to display when content is truncated due to maxCharCount.\n     * @default '99+'\n     */\n    charReplacement = input('');\n\n    /**\n     * Whether the badge contains only an icon (displays as a small dot indicator).\n     * When true, no text content is shown, creating a minimal status indicator.\n     * @default false\n     */\n    edsBadgeIcon = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether to display the badge with dotted styling variant.\n     * Applies alternative visual treatment to the badge.\n     * @default false\n     */\n    edsDottedBadge = input(false, { transform: booleanAttribute });\n\n    edsOutline = input(false, { transform: booleanAttribute });\n\n    readonly content = viewChild.required<ElementRef>('contentRef');\n\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n\n    protected hasContentUpdated = false;\n    protected updatedContent!: string;\n    // protected baseStatesDirective = inject(BaseStatesDirective);\n    private cdRef = inject(ChangeDetectorRef);\n    private isEmpty = signal(false);\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.edsSizeVariant) {\n            this.sizeVariantsBase.edsSizeM = true;\n        }\n        if (!this.colorVariantsBase.edsColorVariant) {\n            this.colorVariantsBase.edsNeutral = true;\n        }\n    }\n\n    ngAfterViewInit(): void {\n        const content = this.content();\n        if (content) {\n            this.isEmpty.set(content.nativeElement.childNodes.length === 0);\n            this.cdRef.detectChanges();\n            if (!this.isEmpty()) {\n                this._checkContent();\n                this.cdRef.detectChanges();\n            }\n        }\n    }\n\n    /**\n     * @description\n     * Handles content changes and triggers content checking\n     */\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    /**\n     * @description\n     * Checks if content exceeds maxCharCount and updates content if necessary\n     * @private\n     */\n    private _checkContent(): void {\n        if (this.maxCharCount() !== 0) {\n            const contentText = this.content().nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount()) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement() || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eds-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eds-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { EdsBadge } from './eds-badge';\n\nexport * from './eds-badge';\n\nexport const EDS_BADGE = [\n    EdsBadge,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-eds-eds-button.mjs

@@ -1,79 +1,85 @@
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ElementRef, booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { computed, input, booleanAttribute, inject, Renderer2, ElementRef, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@eui/eds/shared';
-import { EuiBaseSizeVariantsDirective, EuiBaseColorVariantsDirective } from '@eui/eds/shared';
+import { EdsBaseSizeVariantsDirective, EdsBaseColorVariantsDirective } from '@eui/eds/shared';
 
 class EdsButton {
     constructor() {
+        /**
+         * @description
+         * Computes and returns the CSS classes for the button based on its current state
+         *
+         * @returns {string} Space-separated string of CSS class names
+         */
+        this.hostClasses = computed(() => {
+            return [
+                'eds-button',
+                this.sizeVariantsBase.getCssClasses('eds-button'),
+                this.colorVariantsBase.getCssClasses('eds-button'),
+                (this.edsButtonPrimary() || this.edsTypeVariant() === 'primary') &&
+                    !(this.edsButtonSecondary() || this.edsTypeVariant() === 'secondary') &&
+                    !(this.edsButtonTertiary() || this.edsTypeVariant() === 'tertiary') ? 'eds-button--type-primary' : '',
+                (this.edsButtonSecondary() || this.edsTypeVariant() === 'secondary') ? 'eds-button--type-secondary' : '',
+                (this.edsButtonTertiary() || this.edsTypeVariant() === 'tertiary') ? 'eds-button--type-tertiary' : '',
+                this.edsButtonRounded() ? 'eds-button--rounded' : '',
+            ]
+                .join(' ')
+                .trim();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
         /**
          * @description Data attribute for e2e testing
-         * @default eui-button
+         * @default eds-button
          */
-        this.e2eAttr = 'eds-button';
+        this.e2eAttr = input('eds-button', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "e2eAttr" }] : /* istanbul ignore next */ []));
+        /** @description ID attribute for the button element */
+        this.id = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * @description When true, makes the button full-width
          * @default false
          */
-        this.euiBlockButton = false;
+        this.edsBlockButton = input(false, { ...(ngDevMode ? { debugName: "edsBlockButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * @description When true, styles the button for icon-only content
          * @default false
          */
-        this.euiIconButton = false;
+        this.edsIconButton = input(false, { ...(ngDevMode ? { debugName: "edsIconButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * @description When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar)
          * @default false
          */
-        this.euiAvatarButton = false;
+        this.edsAvatarButton = input(false, { ...(ngDevMode ? { debugName: "edsAvatarButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * @description When true, allows text content to wrap
          * @default false
          */
-        this.euiLineWrap = false;
-        this.euiButtonPrimary = true;
-        this.euiButtonSecondary = false;
-        this.euiButtonTertiary = false;
-        this.euiButtonRounded = false;
-        this.euiTypeVariant = 'primary';
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
-        this.colorVariantsBase = inject(EuiBaseColorVariantsDirective);
+        this.edsLineWrap = input(false, { ...(ngDevMode ? { debugName: "edsLineWrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsButtonPrimary = input(true, { ...(ngDevMode ? { debugName: "edsButtonPrimary" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsButtonSecondary = input(false, { ...(ngDevMode ? { debugName: "edsButtonSecondary" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsButtonTertiary = input(false, { ...(ngDevMode ? { debugName: "edsButtonTertiary" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsButtonRounded = input(false, { ...(ngDevMode ? { debugName: "edsButtonRounded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.edsTypeVariant = input('primary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "edsTypeVariant" }] : /* istanbul ignore next */ []));
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
+        this.colorVariantsBase = inject(EdsBaseColorVariantsDirective);
         this._renderer = inject(Renderer2);
         this._elementRef = inject(ElementRef);
-        this._euiDisabled = false;
-    }
-    /**
-     * @description
-     * Computes and returns the CSS classes for the button based on its current state
-     *
-     * @returns {string} Space-separated string of CSS class names
-     */
-    get cssClasses() {
-        return [
-            'eds-button',
-            this.sizeVariantsBase.getCssClasses('eds-button'),
-            this.colorVariantsBase.getCssClasses('eds-button'),
-            (this.euiButtonPrimary || this.euiTypeVariant === 'primary') &&
-                !(this.euiButtonSecondary || this.euiTypeVariant === 'secondary') &&
-                !(this.euiButtonTertiary || this.euiTypeVariant === 'tertiary') ? 'eds-button--type-primary' : '',
-            (this.euiButtonSecondary || this.euiTypeVariant === 'secondary') ? 'eds-button--type-secondary' : '',
-            (this.euiButtonTertiary || this.euiTypeVariant === 'tertiary') ? 'eds-button--type-tertiary' : '',
-            this.euiButtonRounded ? 'eds-button--rounded' : '',
-        ]
-            .join(' ')
-            .trim();
+        this._edsDisabled = false;
     }
     /**
      * @description
      * Controls the disabled state of the button
      * When true, adds the disabled attribute and prevents interaction
      */
-    get euiDisabled() {
-        return this._euiDisabled;
+    get edsDisabled() {
+        return this._edsDisabled;
     }
-    set euiDisabled(value) {
-        this._euiDisabled = coerceBooleanProperty(value);
-        if (this._euiDisabled) {
+    set edsDisabled(value) {
+        this._edsDisabled = coerceBooleanProperty(value);
+        if (this._edsDisabled) {
             this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');
         }
         else {
@@ -81,79 +87,44 @@ class EdsButton {
         }
     }
     ngOnInit() {
-        if (!this.sizeVariantsBase.euiSizeVariant) {
-            this.sizeVariantsBase.euiSizeM = true;
+        if (!this.sizeVariantsBase.edsSizeVariant) {
+            this.sizeVariantsBase.edsSizeM = true;
         }
-        if (!this.colorVariantsBase.euiColorVariant) {
-            this.colorVariantsBase.euiPrimary = true;
+        if (!this.colorVariantsBase.edsColorVariant) {
+            this.colorVariantsBase.edsPrimary = true;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EdsButton, isStandalone: true, selector: "button[edsButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiAvatarButton: ["euiAvatarButton", "euiAvatarButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], euiButtonPrimary: ["euiButtonPrimary", "euiButtonPrimary", booleanAttribute], euiButtonSecondary: ["euiButtonSecondary", "euiButtonSecondary", booleanAttribute], euiButtonTertiary: ["euiButtonTertiary", "euiButtonTertiary", booleanAttribute], euiButtonRounded: ["euiButtonRounded", "euiButtonRounded", booleanAttribute], euiTypeVariant: "euiTypeVariant", euiDisabled: "euiDisabled" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.EuiBaseSizeVariantsDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }, { directive: i1.EuiBaseColorVariantsDirective, inputs: ["euiPrimary", "euiPrimary", "euiNeutral", "euiNeutral", "euiHighlight", "euiHighlight", "euiCritical", "euiCritical", "euiColorVariant", "euiColorVariant"] }], ngImport: i0, template: "<span class=\"eds-button__container\">\n    <ng-content></ng-content>\n</span>\n", styles: [".eui-21 :host.eds-button.eds-button--type-primary{--_border-width: var(--eds-bw-none);--_border-color: transparent}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--primary{--_surface: var(--eds-c-surface-primary);--_on-surface: var(--eds-c-on-surface-primary);--_surface-hover: var(--eds-c-surface-primary--hover);--_on-surface-hover: var(--eds-c-on-surface-primary--hover);--_surface-active: var(--eds-c-surface-primary--pressed);--_on-surface-active: var(--eds-c-on-surface-primary--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--highlight{--_surface: var(--eds-c-surface-highlight);--_on-surface: var(--eds-c-on-surface-highlight);--_surface-hover: var(--eds-c-surface-highlight--hover);--_on-surface-hover: var(--eds-c-on-surface-highlight--hover);--_surface-active: var(--eds-c-surface-highlight--pressed);--_on-surface-active: var(--eds-c-on-surface-highlight--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical);--_surface-hover: var(--eds-c-surface-critical--hover);--_on-surface-hover: var(--eds-c-on-surface-critical--hover);--_surface-active: var(--eds-c-surface-critical--pressed);--_on-surface-active: var(--eds-c-on-surface-critical--pressed)}.eui-21 :host.eds-button.eds-button--type-primary:disabled,.eui-21 :host.eds-button.eds-button--type-primary.disabled{--_surface: var(--eds-c-surface-disabled);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-disabled);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-disabled);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-secondary{--_border-width: var(--eds-bw-xs);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--primary{--_border-color: var(--eds-c-border-primary);--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--neutral{--_border-color: var(--eds-c-border-neutral);--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--eds-c-surface-neutral-subtle);--_on-surface-hover: var(--eds-c-on-surface-neutral-subtle);--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--highlight{--_border-color: var(--eds-c-border-highlight);--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--critical{--_border-color: var(--eds-c-border-critical);--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--eds-c-surface-critical-subtler);--_on-surface-hover: var(--eds-c-on-surface-critical-subtler);--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary:disabled,.eui-21 :host.eds-button.eds-button--type-secondary.disabled{--_border-width: var(--eds-bw-xs);--_border-color: var(--eds-c-border-disabled);--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-tertiary{--_border-width: var(--eds-bw-none);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--primary{--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--neutral{--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-neutral-subtle));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-neutral-subtle));--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--highlight{--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--critical{--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-critical-subtler));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-critical-subtler));--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary:disabled,.eui-21 :host.eds-button.eds-button--type-tertiary.disabled{--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--size-m{--_font-size: var(--eds-f-s-m);--_padding: 0 var(--eds-sp-xs);--_size: var(--eds-sp-5xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button.eds-button--size-s{--_font-size: var(--eds-f-s-s);--_padding: 0 var(--eds-sp-2xs);--_size: var(--eds-sp-3xl);--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-button.eds-button--size-l{--_font-size: var(--eds-f-s-l);--_padding: 0 var(--eds-sp-s);--_size: var(--eds-sp-8xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button{align-items:center;background-image:none;border-radius:var(--eds-br-s);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;border-style:solid}.eui-21 :host.eds-button:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-xs)!important}.eui-21 :host.eds-button .eds-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eds-sp-2xs);justify-content:center;width:100%}.eui-21 :host.eds-button{background-color:var(--_surface);color:var(--_on-surface);border-width:var(--_border-width);border-color:var(--_border-color);font-size:var(--_font-size);min-height:var(--_size);min-width:var(--_size);padding:var(--_padding)}.eui-21 :host.eds-button:hover{background-color:var(--_surface-hover);color:var(--_on-surface-hover)}.eui-21 :host.eds-button:active{background-color:var(--_surface-active);color:var(--_on-surface-active)}.eui-21 :host.eds-button.eds-button--rounded{border-radius:var(--eds-br-full)}.eui-21 :host.eds-button.eds-button--rounded:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsButton, isStandalone: true, selector: "button[edsButton]", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, edsBlockButton: { classPropertyName: "edsBlockButton", publicName: "edsBlockButton", isSignal: true, isRequired: false, transformFunction: null }, edsIconButton: { classPropertyName: "edsIconButton", publicName: "edsIconButton", isSignal: true, isRequired: false, transformFunction: null }, edsAvatarButton: { classPropertyName: "edsAvatarButton", publicName: "edsAvatarButton", isSignal: true, isRequired: false, transformFunction: null }, edsLineWrap: { classPropertyName: "edsLineWrap", publicName: "edsLineWrap", isSignal: true, isRequired: false, transformFunction: null }, edsButtonPrimary: { classPropertyName: "edsButtonPrimary", publicName: "edsButtonPrimary", isSignal: true, isRequired: false, transformFunction: null }, edsButtonSecondary: { classPropertyName: "edsButtonSecondary", publicName: "edsButtonSecondary", isSignal: true, isRequired: false, transformFunction: null }, edsButtonTertiary: { classPropertyName: "edsButtonTertiary", publicName: "edsButtonTertiary", isSignal: true, isRequired: false, transformFunction: null }, edsButtonRounded: { classPropertyName: "edsButtonRounded", publicName: "edsButtonRounded", isSignal: true, isRequired: false, transformFunction: null }, edsTypeVariant: { classPropertyName: "edsTypeVariant", publicName: "edsTypeVariant", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.id": "id()" } }, hostDirectives: [{ directive: i1.EdsBaseSizeVariantsDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsBaseColorVariantsDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsHighlight", "edsHighlight", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<span class=\"eds-button__container\">\n    <ng-content></ng-content>\n</span>\n", styles: [".eui-21 :host.eds-button.eds-button--type-primary{--_border-width: var(--eds-bw-none);--_border-color: transparent}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--primary{--_surface: var(--eds-c-surface-primary);--_on-surface: var(--eds-c-on-surface-primary);--_surface-hover: var(--eds-c-surface-primary--hover);--_on-surface-hover: var(--eds-c-on-surface-primary--hover);--_surface-active: var(--eds-c-surface-primary--pressed);--_on-surface-active: var(--eds-c-on-surface-primary--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--highlight{--_surface: var(--eds-c-surface-highlight);--_on-surface: var(--eds-c-on-surface-highlight);--_surface-hover: var(--eds-c-surface-highlight--hover);--_on-surface-hover: var(--eds-c-on-surface-highlight--hover);--_surface-active: var(--eds-c-surface-highlight--pressed);--_on-surface-active: var(--eds-c-on-surface-highlight--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical);--_surface-hover: var(--eds-c-surface-critical--hover);--_on-surface-hover: var(--eds-c-on-surface-critical--hover);--_surface-active: var(--eds-c-surface-critical--pressed);--_on-surface-active: var(--eds-c-on-surface-critical--pressed)}.eui-21 :host.eds-button.eds-button--type-primary:disabled,.eui-21 :host.eds-button.eds-button--type-primary.disabled{--_surface: var(--eds-c-surface-disabled);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-disabled);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-disabled);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-secondary{--_border-width: var(--eds-bw-xs);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--primary{--_border-color: var(--eds-c-border-primary);--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--neutral{--_border-color: var(--eds-c-border-neutral);--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--eds-c-surface-neutral-subtle);--_on-surface-hover: var(--eds-c-on-surface-neutral-subtle);--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--highlight{--_border-color: var(--eds-c-border-highlight);--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--critical{--_border-color: var(--eds-c-border-critical);--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--eds-c-surface-critical-subtler);--_on-surface-hover: var(--eds-c-on-surface-critical-subtler);--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary:disabled,.eui-21 :host.eds-button.eds-button--type-secondary.disabled{--_border-width: var(--eds-bw-xs);--_border-color: var(--eds-c-border-disabled);--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-tertiary{--_border-width: var(--eds-bw-none);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--primary{--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--neutral{--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-neutral-subtle));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-neutral-subtle));--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--highlight{--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--critical{--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-critical-subtler));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-critical-subtler));--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary:disabled,.eui-21 :host.eds-button.eds-button--type-tertiary.disabled{--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--size-m{--_font-size: var(--eds-f-s-m);--_padding: 0 var(--eds-sp-xs);--_size: var(--eds-sp-5xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button.eds-button--size-s{--_font-size: var(--eds-f-s-s);--_padding: 0 var(--eds-sp-2xs);--_size: var(--eds-sp-3xl);--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-button.eds-button--size-l{--_font-size: var(--eds-f-s-l);--_padding: 0 var(--eds-sp-s);--_size: var(--eds-sp-8xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button{align-items:center;background-image:none;border-radius:var(--eds-br-s);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;border-style:solid}.eui-21 :host.eds-button:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-xs)!important}.eui-21 :host.eds-button .eds-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eds-sp-2xs);justify-content:center;width:100%}.eui-21 :host.eds-button{background-color:var(--_surface);color:var(--_on-surface);border-width:var(--_border-width);border-color:var(--_border-color);font-size:var(--_font-size);min-height:var(--_size);min-width:var(--_size);padding:var(--_padding)}.eui-21 :host.eds-button:hover{background-color:var(--_surface-hover);color:var(--_on-surface-hover)}.eui-21 :host.eds-button:active{background-color:var(--_surface-active);color:var(--_on-surface-active)}.eui-21 :host.eds-button.eds-button--rounded{border-radius:var(--eds-br-full)}.eui-21 :host.eds-button.eds-button--rounded:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsButton, decorators: [{
             type: Component,
-            args: [{ selector: 'button[edsButton]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+            args: [{ selector: 'button[edsButton]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.data-e2e]': 'e2eAttr()',
+                        '[attr.id]': 'id()',
+                    }, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeVariant',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeVariant',
                             ],
                         },
                         {
-                            directive: EuiBaseColorVariantsDirective,
+                            directive: EdsBaseColorVariantsDirective,
                             inputs: [
-                                'euiPrimary',
-                                'euiNeutral',
-                                'euiHighlight',
-                                'euiCritical',
-                                'euiColorVariant',
+                                'edsPrimary',
+                                'edsNeutral',
+                                'edsHighlight',
+                                'edsCritical',
+                                'edsColorVariant',
                             ],
                         },
                     ], template: "<span class=\"eds-button__container\">\n    <ng-content></ng-content>\n</span>\n", styles: [".eui-21 :host.eds-button.eds-button--type-primary{--_border-width: var(--eds-bw-none);--_border-color: transparent}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--primary{--_surface: var(--eds-c-surface-primary);--_on-surface: var(--eds-c-on-surface-primary);--_surface-hover: var(--eds-c-surface-primary--hover);--_on-surface-hover: var(--eds-c-on-surface-primary--hover);--_surface-active: var(--eds-c-surface-primary--pressed);--_on-surface-active: var(--eds-c-on-surface-primary--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--highlight{--_surface: var(--eds-c-surface-highlight);--_on-surface: var(--eds-c-on-surface-highlight);--_surface-hover: var(--eds-c-surface-highlight--hover);--_on-surface-hover: var(--eds-c-on-surface-highlight--hover);--_surface-active: var(--eds-c-surface-highlight--pressed);--_on-surface-active: var(--eds-c-on-surface-highlight--pressed)}.eui-21 :host.eds-button.eds-button--type-primary.eds-button--critical{--_surface: var(--eds-c-surface-critical);--_on-surface: var(--eds-c-on-surface-critical);--_surface-hover: var(--eds-c-surface-critical--hover);--_on-surface-hover: var(--eds-c-on-surface-critical--hover);--_surface-active: var(--eds-c-surface-critical--pressed);--_on-surface-active: var(--eds-c-on-surface-critical--pressed)}.eui-21 :host.eds-button.eds-button--type-primary:disabled,.eui-21 :host.eds-button.eds-button--type-primary.disabled{--_surface: var(--eds-c-surface-disabled);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-disabled);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-disabled);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-secondary{--_border-width: var(--eds-bw-xs);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--primary{--_border-color: var(--eds-c-border-primary);--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--neutral{--_border-color: var(--eds-c-border-neutral);--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--eds-c-surface-neutral-subtle);--_on-surface-hover: var(--eds-c-on-surface-neutral-subtle);--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--highlight{--_border-color: var(--eds-c-border-highlight);--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary.eds-button--critical{--_border-color: var(--eds-c-border-critical);--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--eds-c-surface-critical-subtler);--_on-surface-hover: var(--eds-c-on-surface-critical-subtler);--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-secondary:disabled,.eui-21 :host.eds-button.eds-button--type-secondary.disabled{--_border-width: var(--eds-bw-xs);--_border-color: var(--eds-c-border-disabled);--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--type-tertiary{--_border-width: var(--eds-bw-none);--_surface: transparent}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--primary{--_on-surface: var(--eds-c-foreground-primary);--_surface-hover: var(--eds-c-surface-primary-subtle);--_on-surface-hover: var(--eds-c-on-surface-primary-subtle);--_surface-active: var(--eds-c-surface-primary-subtle);--_on-surface-active: var(--eds-c-on-surface-primary-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--neutral{--_on-surface: var(--eds-c-foreground-neutral);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-neutral-subtle));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-neutral-subtle));--_surface-active: var(--eds-c-surface-neutral-subtle);--_on-surface-active: var(--eds-c-on-surface-neutral-subtle)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--highlight{--_on-surface: var(--eds-c-foreground-highlight);--_surface-hover: var(--eds-c-surface-highlight-subtler);--_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);--_surface-active: var(--eds-c-surface-highlight-subtler);--_on-surface-active: var(--eds-c-on-surface-highlight-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary.eds-button--critical{--_on-surface: var(--eds-c-foreground-critical);--_surface-hover: var(--_button-surface-hover, var(--eds-c-surface-critical-subtler));--_on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-critical-subtler));--_surface-active: var(--eds-c-surface-critical-subtler);--_on-surface-active: var(--eds-c-on-surface-critical-subtler)}.eui-21 :host.eds-button.eds-button--type-tertiary:disabled,.eui-21 :host.eds-button.eds-button--type-tertiary.disabled{--_surface: var(--eds-c-surface-elevation);--_on-surface: var(--eds-c-foreground-disabled);--_surface-hover: var(--eds-c-surface-elevation);--_on-surface-hover: var(--eds-c-foreground-disabled);--_surface-active: var(--eds-c-surface-elevation);--_on-surface-active: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-button.eds-button--size-m{--_font-size: var(--eds-f-s-m);--_padding: 0 var(--eds-sp-xs);--_size: var(--eds-sp-5xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button.eds-button--size-s{--_font-size: var(--eds-f-s-s);--_padding: 0 var(--eds-sp-2xs);--_size: var(--eds-sp-3xl);--_icon-size: var(--eds-is-s)}.eui-21 :host.eds-button.eds-button--size-l{--_font-size: var(--eds-f-s-l);--_padding: 0 var(--eds-sp-s);--_size: var(--eds-sp-8xl);--_icon-size: var(--eds-is-m)}.eui-21 :host.eds-button{align-items:center;background-image:none;border-radius:var(--eds-br-s);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;border-style:solid}.eui-21 :host.eds-button:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-xs)!important}.eui-21 :host.eds-button .eds-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eds-sp-2xs);justify-content:center;width:100%}.eui-21 :host.eds-button{background-color:var(--_surface);color:var(--_on-surface);border-width:var(--_border-width);border-color:var(--_border-color);font-size:var(--_font-size);min-height:var(--_size);min-width:var(--_size);padding:var(--_padding)}.eui-21 :host.eds-button:hover{background-color:var(--_surface-hover);color:var(--_on-surface-hover)}.eui-21 :host.eds-button:active{background-color:var(--_surface-active);color:var(--_on-surface-active)}.eui-21 :host.eds-button.eds-button--rounded{border-radius:var(--eds-br-full)}.eui-21 :host.eds-button.eds-button--rounded:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-full)!important}\n"] }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], e2eAttr: [{
-                type: HostBinding,
-                args: ['attr.data-e2e']
-            }, {
-                type: Input
-            }], id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], euiBlockButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiIconButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiAvatarButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiLineWrap: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiButtonPrimary: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiButtonSecondary: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiButtonTertiary: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiButtonRounded: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], euiTypeVariant: [{
-                type: Input
-            }], euiDisabled: [{
+        }], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], edsBlockButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsBlockButton", required: false }] }], edsIconButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsIconButton", required: false }] }], edsAvatarButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsAvatarButton", required: false }] }], edsLineWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsLineWrap", required: false }] }], edsButtonPrimary: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsButtonPrimary", required: false }] }], edsButtonSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsButtonSecondary", required: false }] }], edsButtonTertiary: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsButtonTertiary", required: false }] }], edsButtonRounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsButtonRounded", required: false }] }], edsTypeVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsTypeVariant", required: false }] }], edsDisabled: [{
                 type: Input
             }] } });
 

package/fesm2022/eui-eds-eds-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-button.mjs","sources":["../../eds-button/eds-button.ts","../../eds-button/eds-button.html","../../eds-button/index.ts","../../eds-button/eui-eds-eds-button.ts"],"sourcesContent":["import {\n    Component,\n    HostBinding,\n    Input,\n    ChangeDetectionStrategy,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n    inject,\n    OnInit,\n} from '@angular/core';\n\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { EuiBaseColorVariantsDirective, EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    templateUrl: './eds-button.html',\n    // eslint-disable-next-line\n    selector: 'button[edsButton]',\n    styleUrl: './eds-button.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },\n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiPrimary',\n                'euiNeutral',\n                'euiHighlight',\n                'euiCritical',\n                'euiColorVariant',\n            ],\n        },        \n    ],     \n})\nexport class EdsButton implements OnInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the button based on its current state\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eds-button',\n            this.sizeVariantsBase.getCssClasses('eds-button'),\n            this.colorVariantsBase.getCssClasses('eds-button'),\n            (this.euiButtonPrimary || this.euiTypeVariant === 'primary') && \n                !(this.euiButtonSecondary || this.euiTypeVariant === 'secondary') && \n                !(this.euiButtonTertiary || this.euiTypeVariant === 'tertiary') ? 'eds-button--type-primary': '',\n            (this.euiButtonSecondary || this.euiTypeVariant === 'secondary') ? 'eds-button--type-secondary': '',\n            (this.euiButtonTertiary || this.euiTypeVariant === 'tertiary') ? 'eds-button--type-tertiary': '',\n\n            this.euiButtonRounded ? 'eds-button--rounded': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default eui-button\n     */\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eds-button';\n\n    /** @description ID attribute for the button element */\n    @HostBinding('attr.id')\n    @Input() id?: string;\n\n    /**\n     * @description When true, makes the button full-width\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiBlockButton = false;\n\n    /**\n     * @description When true, styles the button for icon-only content\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiIconButton = false;\n\n    /**\n     * @description When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar)\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiAvatarButton = false;\n\n    /**\n     * @description When true, allows text content to wrap\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n    @Input({ transform: booleanAttribute }) euiButtonPrimary = true;\n    @Input({ transform: booleanAttribute }) euiButtonSecondary = false;\n    @Input({ transform: booleanAttribute }) euiButtonTertiary = false;\n    @Input({ transform: booleanAttribute }) euiButtonRounded = false;\n    \n    @Input() euiTypeVariant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n    /**\n     * @description\n     * Controls the disabled state of the button\n     * When true, adds the disabled attribute and prevents interaction\n     */\n    @Input()\n    public get euiDisabled(): boolean {\n        return this._euiDisabled;\n    }\n    public set euiDisabled(value: BooleanInput) {\n        this._euiDisabled = coerceBooleanProperty(value);\n        if (this._euiDisabled) {\n            this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n        } else {\n            this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n    protected _renderer: Renderer2 = inject(Renderer2);\n    protected _elementRef: ElementRef<HTMLButtonElement> = inject(ElementRef);\n    private _euiDisabled = false;\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.euiSizeVariant) {\n            this.sizeVariantsBase.euiSizeM = true;\n        }\n        if (!this.colorVariantsBase.euiColorVariant) {\n            this.colorVariantsBase.euiPrimary = true;\n        }\n    }\n}\n","<span class=\"eds-button__container\">\n    <ng-content></ng-content>\n</span>\n","import { EdsButton } from './eds-button';\n\nexport * from './eds-button';\n\nexport const EDS_BUTTON = [\n    EdsButton,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-button.mjs","sources":["../../eds-button/eds-button.ts","../../eds-button/eds-button.html","../../eds-button/index.ts","../../eds-button/eui-eds-eds-button.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ChangeDetectionStrategy,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n    inject,\n    input,\n    computed,\n    OnInit,\n} from '@angular/core';\n\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { EdsBaseColorVariantsDirective, EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    templateUrl: './eds-button.html',\n    // eslint-disable-next-line\n    selector: 'button[edsButton]',\n    styleUrl: './eds-button.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.id]': 'id()',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsPrimary',\n                'edsNeutral',\n                'edsHighlight',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },        \n    ],     \n})\nexport class EdsButton implements OnInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the button based on its current state\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    hostClasses = computed(() => {\n        return [\n            'eds-button',\n            this.sizeVariantsBase.getCssClasses('eds-button'),\n            this.colorVariantsBase.getCssClasses('eds-button'),\n            (this.edsButtonPrimary() || this.edsTypeVariant() === 'primary') && \n                !(this.edsButtonSecondary() || this.edsTypeVariant() === 'secondary') && \n                !(this.edsButtonTertiary() || this.edsTypeVariant() === 'tertiary') ? 'eds-button--type-primary': '',\n            (this.edsButtonSecondary() || this.edsTypeVariant() === 'secondary') ? 'eds-button--type-secondary': '',\n            (this.edsButtonTertiary() || this.edsTypeVariant() === 'tertiary') ? 'eds-button--type-tertiary': '',\n\n            this.edsButtonRounded() ? 'eds-button--rounded': '',\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default eds-button\n     */\n    e2eAttr = input('eds-button');\n\n    /** @description ID attribute for the button element */\n    id = input<string | undefined>(undefined);\n\n    /**\n     * @description When true, makes the button full-width\n     * @default false\n     */\n    edsBlockButton = input(false, { transform: booleanAttribute });\n\n    /**\n     * @description When true, styles the button for icon-only content\n     * @default false\n     */\n    edsIconButton = input(false, { transform: booleanAttribute });\n\n    /**\n     * @description When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar)\n     * @default false\n     */\n    edsAvatarButton = input(false, { transform: booleanAttribute });\n\n    /**\n     * @description When true, allows text content to wrap\n     * @default false\n     */\n    edsLineWrap = input(false, { transform: booleanAttribute });\n\n    edsButtonPrimary = input(true, { transform: booleanAttribute });\n    edsButtonSecondary = input(false, { transform: booleanAttribute });\n    edsButtonTertiary = input(false, { transform: booleanAttribute });\n    edsButtonRounded = input(false, { transform: booleanAttribute });\n    \n    edsTypeVariant = input<'primary' | 'secondary' | 'tertiary'>('primary');\n\n    /**\n     * @description\n     * Controls the disabled state of the button\n     * When true, adds the disabled attribute and prevents interaction\n     */\n    @Input()\n    public get edsDisabled(): boolean {\n        return this._edsDisabled;\n    }\n    public set edsDisabled(value: BooleanInput) {\n        this._edsDisabled = coerceBooleanProperty(value);\n        if (this._edsDisabled) {\n            this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n        } else {\n            this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n    protected _renderer: Renderer2 = inject(Renderer2);\n    protected _elementRef: ElementRef<HTMLButtonElement> = inject(ElementRef);\n    private _edsDisabled = false;\n\n    ngOnInit(): void {\n        if (!this.sizeVariantsBase.edsSizeVariant) {\n            this.sizeVariantsBase.edsSizeM = true;\n        }\n        if (!this.colorVariantsBase.edsColorVariant) {\n            this.colorVariantsBase.edsPrimary = true;\n        }\n    }\n}\n","<span class=\"eds-button__container\">\n    <ng-content></ng-content>\n</span>\n","import { EdsButton } from './eds-button';\n\nexport * from './eds-button';\n\nexport const EDS_BUTTON = [\n    EdsButton,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}