@eui/components 19.2.3-snapshot-1747127910630 → 19.2.3-snapshot-1747224798876
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAutocompleteComponent.html +4 -4
- package/docs/components/EuiButtonComponent.html +5 -5
- package/docs/components/EuiCardComponent-1.html +1 -1
- package/docs/components/EuiCardHeaderRightContentComponent.html +10 -4
- package/docs/components/EuiDateRangeSelectorComponent.html +4 -4
- package/docs/components/EuiDatepickerComponent.html +4 -4
- package/docs/components/EuiDialogComponent.html +4 -4
- package/docs/components/EuiDialogContainerComponent.html +0 -4
- package/docs/components/EuiDropdownComponent.html +4 -4
- package/docs/components/EuiDropdownItemComponent.html +0 -4
- package/docs/components/EuiGrowlComponent.html +4 -4
- package/docs/components/EuiLanguageSelectorComponent.html +4 -4
- package/docs/components/EuiTimeRangepickerComponent.html +4 -4
- package/docs/components/EuiTreeListComponent.html +4 -4
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +2 -0
- package/eui-button/eui-button.component.d.ts +1 -1
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-card-v2/eui-card-header/eui-card-header-right-content.d.ts +3 -0
- package/eui-card-v2/eui-card-header/eui-card-header-right-content.d.ts.map +1 -1
- package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/eui-dialog/container/eui-dialog-container.component.d.ts.map +1 -1
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
- package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
- package/eui-growl/eui-growl.component.d.ts.map +1 -1
- package/eui-table/index.d.ts +2 -1
- package/eui-table/index.d.ts.map +1 -1
- package/eui-table-v2/index.d.ts +2 -1
- package/eui-table-v2/index.d.ts.map +1 -1
- package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +3 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card-v2.mjs +103 -93
- package/fesm2022/eui-components-eui-card-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +4 -4
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +2 -2
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +1 -0
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +1 -0
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/package.json +7 -7
@@ -120,7 +120,7 @@ class EuiButtonComponent {
|
|
120
120
|
this.buttonClick.emit(this);
|
121
121
|
}
|
122
122
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiButtonComponent, isStandalone: true, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isCompact: ["isCompact", "isCompact", booleanAttribute], hasNoFocusRing: ["hasNoFocusRing", "hasNoFocusRing", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiBranding", "euiBranding", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive", "euiStart", "euiStart", "euiEnd", "euiEnd"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_on-bg-color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border);--_hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-hover-color: var(--eui-c-s-secondary);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-secondary-surface-light);--_on-basic-hover-color: var(--eui-c-s-secondary);--_outline-color: var(--eui-c-s-secondary);--_outline-hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-outline-hover-color: var(--eui-c-s-secondary)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface);--_on-bg-color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary);--_hover-color: var(--eui-c-s-primary-surface-hover);--_on-hover-color: var(--eui-c-s-primary-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-primary-surface-light);--_on-basic-hover-color: var(--eui-c-s-primary);--_outline-color: var(--eui-c-s-primary);--_outline-hover-color: var(--eui-c-s-primary-surface-light);--_on-outline-hover-color: var(--eui-c-s-primary)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface);--_on-bg-color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info);--_hover-color: var(--eui-c-s-info-surface-hover);--_on-hover-color: var(--eui-c-s-info-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-info-surface-light);--_on-basic-hover-color: var(--eui-c-s-info);--_outline-color: var(--eui-c-s-info);--_outline-hover-color: var(--eui-c-s-info-surface-light);--_on-outline-hover-color: var(--eui-c-s-info)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface);--_on-bg-color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success);--_hover-color: var(--eui-c-s-success-surface-hover);--_on-hover-color: var(--eui-c-s-success-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-success-surface-light);--_on-basic-hover-color: var(--eui-c-s-success);--_outline-color: var(--eui-c-s-success);--_outline-hover-color: var(--eui-c-s-success-surface-light);--_on-outline-hover-color: var(--eui-c-s-success)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface);--_on-bg-color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning);--_hover-color: var(--eui-c-s-warning-surface-hover);--_on-hover-color: var(--eui-c-s-warning-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-warning-surface-light);--_on-basic-hover-color: var(--eui-c-s-warning);--_outline-color: var(--eui-c-s-warning);--_outline-hover-color: var(--eui-c-s-warning-surface-light);--_on-outline-hover-color: var(--eui-c-s-warning)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface);--_on-bg-color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger);--_hover-color: var(--eui-c-s-danger-surface-hover);--_on-hover-color: var(--eui-c-s-danger-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-danger-surface-light);--_on-basic-hover-color: var(--eui-c-s-danger);--_outline-color: var(--eui-c-s-danger);--_outline-hover-color: var(--eui-c-s-danger-surface-light);--_on-outline-hover-color: var(--eui-c-s-danger)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-s-accent);--_bg-color: var(--eui-c-s-accent-surface);--_on-bg-color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-surface-hover);--_hover-color: var(--eui-c-s-accent-surface-hover);--_on-hover-color: var(--eui-c-s-accent-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-accent-surface-light);--_on-basic-hover-color: var(--eui-c-s-accent);--_outline-color: var(--eui-c-s-accent);--_outline-hover-color: var(--eui-c-s-accent-surface-light);--_on-outline-hover-color: var(--eui-c-s-accent)}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);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;font:var(--eui-f-m);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--compact{font:var(--eui-f-s-compact);min-height:calc(var(--eui-s-xl) + var(--eui-s-3xs));min-width:calc(var(--eui-s-xl) + var(--eui-s-3xs));padding:0 var(--eui-s-3xs)}.eui-19 :host.eui-button--no-focus-ring:focus:not([readonly]){outline:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiButtonComponent, isStandalone: true, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isCompact: ["isCompact", "isCompact", booleanAttribute], hasNoFocusRing: ["hasNoFocusRing", "hasNoFocusRing", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiBranding", "euiBranding", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive", "euiStart", "euiStart", "euiEnd", "euiEnd"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-button{--_font-s: var(--eui-f-body-s-medium);--_font-m: var(--eui-f-body-m-medium);--_font-l: var(--eui-f-body-m-medium)}.eui-19 :host.eui-button{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_on-bg-color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border);--_hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-hover-color: var(--eui-c-s-secondary);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-secondary-surface-light);--_on-basic-hover-color: var(--eui-c-s-secondary);--_outline-color: var(--eui-c-s-secondary);--_outline-hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-outline-hover-color: var(--eui-c-s-secondary);--_font-s: var(--eui-f-m-compact);--_font-m: var(--eui-f-m);--_font-l: var(--eui-f-m)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface);--_on-bg-color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary);--_hover-color: var(--eui-c-s-primary-surface-hover);--_on-hover-color: var(--eui-c-s-primary-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-primary-surface-light);--_on-basic-hover-color: var(--eui-c-s-primary);--_outline-color: var(--eui-c-s-primary);--_outline-hover-color: var(--eui-c-s-primary-surface-light);--_on-outline-hover-color: var(--eui-c-s-primary)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface);--_on-bg-color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info);--_hover-color: var(--eui-c-s-info-surface-hover);--_on-hover-color: var(--eui-c-s-info-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-info-surface-light);--_on-basic-hover-color: var(--eui-c-s-info);--_outline-color: var(--eui-c-s-info);--_outline-hover-color: var(--eui-c-s-info-surface-light);--_on-outline-hover-color: var(--eui-c-s-info)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface);--_on-bg-color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success);--_hover-color: var(--eui-c-s-success-surface-hover);--_on-hover-color: var(--eui-c-s-success-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-success-surface-light);--_on-basic-hover-color: var(--eui-c-s-success);--_outline-color: var(--eui-c-s-success);--_outline-hover-color: var(--eui-c-s-success-surface-light);--_on-outline-hover-color: var(--eui-c-s-success)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface);--_on-bg-color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning);--_hover-color: var(--eui-c-s-warning-surface-hover);--_on-hover-color: var(--eui-c-s-warning-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-warning-surface-light);--_on-basic-hover-color: var(--eui-c-s-warning);--_outline-color: var(--eui-c-s-warning);--_outline-hover-color: var(--eui-c-s-warning-surface-light);--_on-outline-hover-color: var(--eui-c-s-warning)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface);--_on-bg-color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger);--_hover-color: var(--eui-c-s-danger-surface-hover);--_on-hover-color: var(--eui-c-s-danger-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-danger-surface-light);--_on-basic-hover-color: var(--eui-c-s-danger);--_outline-color: var(--eui-c-s-danger);--_outline-hover-color: var(--eui-c-s-danger-surface-light);--_on-outline-hover-color: var(--eui-c-s-danger)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-s-accent);--_bg-color: var(--eui-c-s-accent-surface);--_on-bg-color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-surface-hover);--_hover-color: var(--eui-c-s-accent-surface-hover);--_on-hover-color: var(--eui-c-s-accent-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-accent-surface-light);--_on-basic-hover-color: var(--eui-c-s-accent);--_outline-color: var(--eui-c-s-accent);--_outline-hover-color: var(--eui-c-s-accent-surface-light);--_on-outline-hover-color: var(--eui-c-s-accent)}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);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;font:var(--_font);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--size-s{font:var(--_font-s);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--_font-m)}.eui-19 :host.eui-button--size-l{font:var(--_font-l);padding:calc(var(--eui-s-s) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button--size-l ::ng-deep .eui-icon-svg svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-l.eui-button--icon-only{padding:var(--eui-s-s) var(--eui-s-s)}.eui-19 :host.eui-button--compact{font:var(--eui-f-s-compact);min-height:calc(var(--eui-s-xl) + var(--eui-s-3xs));min-width:calc(var(--eui-s-xl) + var(--eui-s-3xs));padding:0 var(--eui-s-3xs)}.eui-19 :host.eui-button--no-focus-ring:focus:not([readonly]){outline:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
124
124
|
}
|
125
125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
126
126
|
type: Component,
|
@@ -139,6 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
139
139
|
'euiVariant',
|
140
140
|
'euiSizeS',
|
141
141
|
'euiSizeM',
|
142
|
+
'euiSizeL',
|
142
143
|
'euiSizeVariant',
|
143
144
|
'euiOutline',
|
144
145
|
'euiRounded',
|
@@ -147,7 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
147
148
|
'euiEnd',
|
148
149
|
],
|
149
150
|
},
|
150
|
-
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_on-bg-color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border);--_hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-hover-color: var(--eui-c-s-secondary);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-secondary-surface-light);--_on-basic-hover-color: var(--eui-c-s-secondary);--_outline-color: var(--eui-c-s-secondary);--_outline-hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-outline-hover-color: var(--eui-c-s-secondary)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface);--_on-bg-color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary);--_hover-color: var(--eui-c-s-primary-surface-hover);--_on-hover-color: var(--eui-c-s-primary-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-primary-surface-light);--_on-basic-hover-color: var(--eui-c-s-primary);--_outline-color: var(--eui-c-s-primary);--_outline-hover-color: var(--eui-c-s-primary-surface-light);--_on-outline-hover-color: var(--eui-c-s-primary)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface);--_on-bg-color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info);--_hover-color: var(--eui-c-s-info-surface-hover);--_on-hover-color: var(--eui-c-s-info-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-info-surface-light);--_on-basic-hover-color: var(--eui-c-s-info);--_outline-color: var(--eui-c-s-info);--_outline-hover-color: var(--eui-c-s-info-surface-light);--_on-outline-hover-color: var(--eui-c-s-info)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface);--_on-bg-color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success);--_hover-color: var(--eui-c-s-success-surface-hover);--_on-hover-color: var(--eui-c-s-success-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-success-surface-light);--_on-basic-hover-color: var(--eui-c-s-success);--_outline-color: var(--eui-c-s-success);--_outline-hover-color: var(--eui-c-s-success-surface-light);--_on-outline-hover-color: var(--eui-c-s-success)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface);--_on-bg-color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning);--_hover-color: var(--eui-c-s-warning-surface-hover);--_on-hover-color: var(--eui-c-s-warning-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-warning-surface-light);--_on-basic-hover-color: var(--eui-c-s-warning);--_outline-color: var(--eui-c-s-warning);--_outline-hover-color: var(--eui-c-s-warning-surface-light);--_on-outline-hover-color: var(--eui-c-s-warning)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface);--_on-bg-color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger);--_hover-color: var(--eui-c-s-danger-surface-hover);--_on-hover-color: var(--eui-c-s-danger-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-danger-surface-light);--_on-basic-hover-color: var(--eui-c-s-danger);--_outline-color: var(--eui-c-s-danger);--_outline-hover-color: var(--eui-c-s-danger-surface-light);--_on-outline-hover-color: var(--eui-c-s-danger)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-s-accent);--_bg-color: var(--eui-c-s-accent-surface);--_on-bg-color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-surface-hover);--_hover-color: var(--eui-c-s-accent-surface-hover);--_on-hover-color: var(--eui-c-s-accent-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-accent-surface-light);--_on-basic-hover-color: var(--eui-c-s-accent);--_outline-color: var(--eui-c-s-accent);--_outline-hover-color: var(--eui-c-s-accent-surface-light);--_on-outline-hover-color: var(--eui-c-s-accent)}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);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;font:var(--eui-f-m);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--compact{font:var(--eui-f-s-compact);min-height:calc(var(--eui-s-xl) + var(--eui-s-3xs));min-width:calc(var(--eui-s-xl) + var(--eui-s-3xs));padding:0 var(--eui-s-3xs)}.eui-19 :host.eui-button--no-focus-ring:focus:not([readonly]){outline:0!important}\n"] }]
|
151
|
+
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-button{--_font-s: var(--eui-f-body-s-medium);--_font-m: var(--eui-f-body-m-medium);--_font-l: var(--eui-f-body-m-medium)}.eui-19 :host.eui-button{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-surface-light);--_on-bg-color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border);--_hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-hover-color: var(--eui-c-s-secondary);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-secondary-surface-light);--_on-basic-hover-color: var(--eui-c-s-secondary);--_outline-color: var(--eui-c-s-secondary);--_outline-hover-color: var(--eui-c-s-secondary-surface-light-hover);--_on-outline-hover-color: var(--eui-c-s-secondary);--_font-s: var(--eui-f-m-compact);--_font-m: var(--eui-f-m);--_font-l: var(--eui-f-m)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-surface);--_on-bg-color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary);--_hover-color: var(--eui-c-s-primary-surface-hover);--_on-hover-color: var(--eui-c-s-primary-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-primary-surface-light);--_on-basic-hover-color: var(--eui-c-s-primary);--_outline-color: var(--eui-c-s-primary);--_outline-hover-color: var(--eui-c-s-primary-surface-light);--_on-outline-hover-color: var(--eui-c-s-primary)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-surface);--_on-bg-color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info);--_hover-color: var(--eui-c-s-info-surface-hover);--_on-hover-color: var(--eui-c-s-info-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-info-surface-light);--_on-basic-hover-color: var(--eui-c-s-info);--_outline-color: var(--eui-c-s-info);--_outline-hover-color: var(--eui-c-s-info-surface-light);--_on-outline-hover-color: var(--eui-c-s-info)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-surface);--_on-bg-color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success);--_hover-color: var(--eui-c-s-success-surface-hover);--_on-hover-color: var(--eui-c-s-success-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-success-surface-light);--_on-basic-hover-color: var(--eui-c-s-success);--_outline-color: var(--eui-c-s-success);--_outline-hover-color: var(--eui-c-s-success-surface-light);--_on-outline-hover-color: var(--eui-c-s-success)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-surface);--_on-bg-color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning);--_hover-color: var(--eui-c-s-warning-surface-hover);--_on-hover-color: var(--eui-c-s-warning-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-warning-surface-light);--_on-basic-hover-color: var(--eui-c-s-warning);--_outline-color: var(--eui-c-s-warning);--_outline-hover-color: var(--eui-c-s-warning-surface-light);--_on-outline-hover-color: var(--eui-c-s-warning)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-surface);--_on-bg-color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger);--_hover-color: var(--eui-c-s-danger-surface-hover);--_on-hover-color: var(--eui-c-s-danger-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-danger-surface-light);--_on-basic-hover-color: var(--eui-c-s-danger);--_outline-color: var(--eui-c-s-danger);--_outline-hover-color: var(--eui-c-s-danger-surface-light);--_on-outline-hover-color: var(--eui-c-s-danger)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-s-accent);--_bg-color: var(--eui-c-s-accent-surface);--_on-bg-color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-surface-hover);--_hover-color: var(--eui-c-s-accent-surface-hover);--_on-hover-color: var(--eui-c-s-accent-surface-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-accent-surface-light);--_on-basic-hover-color: var(--eui-c-s-accent);--_outline-color: var(--eui-c-s-accent);--_outline-hover-color: var(--eui-c-s-accent-surface-light);--_on-outline-hover-color: var(--eui-c-s-accent)}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);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;font:var(--_font);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--size-s{font:var(--_font-s);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--_font-m)}.eui-19 :host.eui-button--size-l{font:var(--_font-l);padding:calc(var(--eui-s-s) - 1px) calc(var(--eui-s-m) - 1px)}.eui-19 :host.eui-button--size-l ::ng-deep .eui-icon-svg svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){outline:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:1px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-l.eui-button--icon-only{padding:var(--eui-s-s) var(--eui-s-s)}.eui-19 :host.eui-button--compact{font:var(--eui-f-s-compact);min-height:calc(var(--eui-s-xl) + var(--eui-s-3xs));min-width:calc(var(--eui-s-xl) + var(--eui-s-3xs));padding:0 var(--eui-s-3xs)}.eui-19 :host.eui-button--no-focus-ring:focus:not([readonly]){outline:0!important}\n"] }]
|
151
152
|
}], propDecorators: { cssClasses: [{
|
152
153
|
type: HostBinding,
|
153
154
|
args: ['class']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/index.ts","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n inject,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * @description\n * A versatile button component that supports various states, sizes, and visual styles.\n * Can be used as either a button or anchor element with consistent styling.\n */\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\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 this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n this.hasNoFocusRing ? 'eui-button--no-focus-ring': '',\n this.isCompact ? 'eui-button--compact': '',\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 = 'eui-button';\n\n /** @description ID attribute for the button element */\n @HostBinding('attr.id')\n @Input() id: string;\n\n /**\n * @description When true, applies basic styling without background\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n\n /**\n * @description When true, styles the button as a call-to-action\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\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, allows text content to wrap\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n /**\n * @description When true, applies styling with lower padding / reduced height and width\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCompact = false; \n \n /**\n * @description When true, applies styling without focus ring\n * @default false\n */\n @Input({ transform: booleanAttribute }) hasNoFocusRing = false; \n\n /**\n * @description\n * Controls the checked state of the button\n * When true, applies accent styling\n */\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\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\n /**\n * @description\n * Event emitted when the button is clicked\n * Emits the button component instance\n */\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n protected _renderer: Renderer2 = inject(Renderer2);\n protected _elementRef: ElementRef<HTMLButtonElement> = inject(ElementRef);\n private _isChecked = false;\n private _euiDisabled = false;\n\n /**\n * @description\n * Click event handler that emits the buttonClick event\n * @private\n */\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n/**\n * @description\n * Module that provides the EuiButton component.\n *\n * @deprecated Use {@link EUI_BUTTON} instead\n */\n@NgModule({\n imports: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n","import { EuiButtonComponent } from './eui-button.component';\n\nexport * from './eui-button.component';\n\nexport const EUI_BUTTON = [\n EuiButtonComponent,\n] as const;\n\n// export { EuiButtonComponent as EuiButton } from './eui-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAkBA;;;;AAIG;MAgCU,kBAAkB,CAAA;AA/B/B,IAAA,WAAA,GAAA;AAqDI;;;AAGG;QACoC,IAAO,CAAA,OAAA,GAAG,YAAY;AAM7D;;;AAGG;QACqC,IAAc,CAAA,cAAA,GAAG,KAAK;AAE9D;;;AAGG;QACqC,IAAa,CAAA,aAAA,GAAG,KAAK;AAE7D;;;AAGG;QACqC,IAAc,CAAA,cAAA,GAAG,KAAK;AAE9D;;;AAGG;QACqC,IAAa,CAAA,aAAA,GAAG,KAAK;AAE7D;;;AAGG;QACqC,IAAW,CAAA,WAAA,GAAG,KAAK;AAE3D;;;AAGG;QACqC,IAAS,CAAA,SAAA,GAAG,KAAK;AAEzD;;;AAGG;QACqC,IAAc,CAAA,cAAA,GAAG,KAAK;AAkC9D;;;;AAIG;AACO,QAAA,IAAA,CAAA,WAAW,GAAqC,IAAI,YAAY,EAAsB;AAEzF,QAAA,IAAA,CAAA,mBAAmB,GAAwB,MAAM,CAAC,mBAAmB,CAAC;AACnE,QAAA,IAAA,CAAA,SAAS,GAAc,MAAM,CAAC,SAAS,CAAC;AACxC,QAAA,IAAA,CAAA,WAAW,GAAkC,MAAM,CAAC,UAAU,CAAC;QACjE,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAY,CAAA,YAAA,GAAG,KAAK;AAW/B;AA/HG;;;;;AAKG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC;YACpD,IAAI,CAAC,cAAc,GAAG,8BAA8B,GAAG,EAAE;YACzD,IAAI,CAAC,cAAc,GAAG,mBAAmB,GAAG,EAAE;YAC9C,IAAI,CAAC,aAAa,GAAG,uBAAuB,GAAG,EAAE;YACjD,IAAI,CAAC,WAAW,GAAG,uBAAuB,GAAG,EAAE;YAC/C,IAAI,CAAC,cAAc,GAAG,2BAA2B,GAAE,EAAE;YACrD,IAAI,CAAC,SAAS,GAAG,qBAAqB,GAAE,EAAE;AAC7C;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAuDf;;;;AAIG;AACH,IAAA,IACW,SAAS,GAAA;QAChB,OAAO,IAAI,CAAC,UAAU;;IAE1B,IAAW,SAAS,CAAC,KAAmB,EAAA;QACpC,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;AACjE,QAAA,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC;;AAGlD;;;;AAIG;AACH,IAAA,IACW,WAAW,GAAA;QAClB,OAAO,IAAI,CAAC,YAAY;;IAE5B,IAAW,WAAW,CAAC,KAAmB,EAAA;AACtC,QAAA,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAChD,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,EAAE,MAAM,CAAC;;aAC5E;AACH,YAAA,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC;;;AAiBlF;;;;AAIG;IAEO,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;8GA9HtB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAoCP,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAgB,CAMhB,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,wDAMhB,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAMhB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAMhB,gBAAgB,CAMhB,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,gBAAgB,CAMhB,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAgB,iyBC9HxC,kFAGA,EAAA,MAAA,EAAA,CAAA,soTAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDmDa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA/B9B,SAAS;AAGI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iCAAiC,EAE1B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,aAAa;gCACb,cAAc;gCACd,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,WAAW;gCACX,YAAY;gCACZ,UAAU;gCACV,UAAU;gCACV,gBAAgB;gCAChB,YAAY;gCACZ,YAAY;gCACZ,eAAe;gCACf,UAAU;gCACV,QAAQ;AACX,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,kFAAA,EAAA,MAAA,EAAA,CAAA,soTAAA,CAAA,EAAA;8BAUG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAmBmB,OAAO,EAAA,CAAA;sBAA7C,WAAW;uBAAC,eAAe;;sBAAG;gBAItB,EAAE,EAAA,CAAA;sBADV,WAAW;uBAAC,SAAS;;sBACrB;gBAMuC,cAAc,EAAA,CAAA;sBAArD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,cAAc,EAAA,CAAA;sBAArD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,cAAc,EAAA,CAAA;sBAArD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAQ3B,SAAS,EAAA,CAAA;sBADnB;gBAeU,WAAW,EAAA,CAAA;sBADrB;gBAkBS,WAAW,EAAA,CAAA;sBAApB;gBAcS,OAAO,EAAA,CAAA;sBADhB,YAAY;uBAAC,OAAO;;AAMzB;;;;;AAKG;MAKU,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAf,eAAe,EAAA,OAAA,EAAA,CA5If,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAlB,kBAAkB,CAAA,EAAA,CAAA,CAAA;+GA4IlB,eAAe,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA;;;AE7LY,MAAA,UAAU,GAAG;IACtB,kBAAkB;;AAGtB;;ACRA;;AAEG;;;;"}
|
1
|
+
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/index.ts","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n inject,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * @description\n * A versatile button component that supports various states, sizes, and visual styles.\n * Can be used as either a button or anchor element with consistent styling.\n */\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrl: './eui-button.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\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 this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n this.hasNoFocusRing ? 'eui-button--no-focus-ring': '',\n this.isCompact ? 'eui-button--compact': '',\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 = 'eui-button';\n\n /** @description ID attribute for the button element */\n @HostBinding('attr.id')\n @Input() id: string;\n\n /**\n * @description When true, applies basic styling without background\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n\n /**\n * @description When true, styles the button as a call-to-action\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\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, allows text content to wrap\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n /**\n * @description When true, applies styling with lower padding / reduced height and width\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCompact = false; \n \n /**\n * @description When true, applies styling without focus ring\n * @default false\n */\n @Input({ transform: booleanAttribute }) hasNoFocusRing = false; \n\n /**\n * @description\n * Controls the checked state of the button\n * When true, applies accent styling\n */\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\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\n /**\n * @description\n * Event emitted when the button is clicked\n * Emits the button component instance\n */\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n protected _renderer: Renderer2 = inject(Renderer2);\n protected _elementRef: ElementRef<HTMLButtonElement> = inject(ElementRef);\n private _isChecked = false;\n private _euiDisabled = false;\n\n /**\n * @description\n * Click event handler that emits the buttonClick event\n * @private\n */\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n/**\n * @description\n * Module that provides the EuiButton component.\n *\n * @deprecated Use {@link EUI_BUTTON} instead\n */\n@NgModule({\n imports: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n","import { EuiButtonComponent } from './eui-button.component';\n\nexport * from './eui-button.component';\n\nexport const EUI_BUTTON = [\n EuiButtonComponent,\n] as const;\n\n// export { EuiButtonComponent as EuiButton } from './eui-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { HostBinding, ChangeDetectionStrategy, Component, inject, booleanAttribute, Input } from '@angular/core';
|
2
|
+
import { HostBinding, ChangeDetectionStrategy, Component, inject, booleanAttribute, Input, forwardRef } from '@angular/core';
|
3
|
+
import * as i1$1 from '@eui/components/eui-icon-button-expander';
|
4
|
+
import { EUI_ICON_BUTTON_EXPANDER } from '@eui/components/eui-icon-button-expander';
|
3
5
|
import * as i2 from '@angular/forms';
|
4
6
|
import { FormsModule } from '@angular/forms';
|
5
7
|
import * as i3 from '@eui/components/eui-input-checkbox';
|
@@ -127,6 +129,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
127
129
|
args: ['class']
|
128
130
|
}] } });
|
129
131
|
|
132
|
+
/**
|
133
|
+
* @description
|
134
|
+
* The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.
|
135
|
+
*/
|
136
|
+
class EuiCardComponent {
|
137
|
+
constructor() {
|
138
|
+
/**
|
139
|
+
* Sets the `data-e2e` attribute at the host element.
|
140
|
+
*
|
141
|
+
* @default 'eui-card'
|
142
|
+
*/
|
143
|
+
this.e2eAttr = 'eui-card';
|
144
|
+
/**
|
145
|
+
* Sets the `euiSelected` attribute in order to show the card header as selected.
|
146
|
+
*
|
147
|
+
* @default false
|
148
|
+
*/
|
149
|
+
this.isSelected = false;
|
150
|
+
/**
|
151
|
+
* Sets the `euiSelected` attribute in order to show the card header checkbox for selection
|
152
|
+
*
|
153
|
+
* @default false
|
154
|
+
*/
|
155
|
+
this.isSelectable = false;
|
156
|
+
/**
|
157
|
+
* Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.
|
158
|
+
*
|
159
|
+
* @default false
|
160
|
+
*/
|
161
|
+
this.isCollapsible = false;
|
162
|
+
/**
|
163
|
+
* Sets the `euiCollapsed` attribute which collapses the card content.
|
164
|
+
*
|
165
|
+
* @default false
|
166
|
+
*/
|
167
|
+
this.isCollapsed = false;
|
168
|
+
this.baseStatesDirective = inject(BaseStatesDirective);
|
169
|
+
}
|
170
|
+
/**
|
171
|
+
* @description
|
172
|
+
* Computes and returns the CSS classes for the component based on its current state.
|
173
|
+
*
|
174
|
+
* @returns {string} Space-separated string of CSS class names
|
175
|
+
*/
|
176
|
+
get cssClasses() {
|
177
|
+
return [
|
178
|
+
this.baseStatesDirective.getCssClasses('eui-card'),
|
179
|
+
this.isCollapsible ? 'eui-card--collapsible' : '',
|
180
|
+
this.isCollapsed ? 'eui-card--collapsed' : '',
|
181
|
+
this.isSelectable ? 'eui-card--selectable' : '',
|
182
|
+
this.isSelected ? 'eui-card--selected' : '',
|
183
|
+
]
|
184
|
+
.join(' ')
|
185
|
+
.trim();
|
186
|
+
}
|
187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
188
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiCardComponent, isStandalone: true, selector: "eui-card-v2", inputs: { e2eAttr: "e2eAttr", isSelected: ["isSelected", "isSelected", booleanAttribute], isSelectable: ["isSelectable", "isSelectable", booleanAttribute], isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n\n <div class=\"eui-card-content-wrapper\">\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-card{--_content-font: var(--eui-f-body-m-regular);--_title-font: var(--eui-f-body-l-semi-bold);--_subtitle-font: var(--eui-f-title-2xs-medium)}.eui-19 :host.eui-card{--_content-font: var(--eui-f-m);--_title-font: var(--eui-f-l);--_subtitle-font: var(--eui-f-m)}.eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;width:100%;font:var(--_content-font)}.eui-19 :host.eui-card .eui-card-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-selectable-wrapper{padding-top:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-header-content-wrapper{display:flex;flex-direction:column;width:100%}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-content-wrapper{display:flex;width:100%}.eui-19 :host.eui-card.eui-card--selected{border-color:var(--eui-c-s-primary-border)}.eui-19 :host.eui-card.eui-card--collapsed .eui-card-content-wrapper{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
189
|
+
}
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, decorators: [{
|
191
|
+
type: Component,
|
192
|
+
args: [{ selector: 'eui-card-v2', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
193
|
+
{
|
194
|
+
directive: BaseStatesDirective,
|
195
|
+
},
|
196
|
+
], imports: [
|
197
|
+
FormsModule,
|
198
|
+
...EUI_INPUT_CHECKBOX,
|
199
|
+
], template: "<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n\n <div class=\"eui-card-content-wrapper\">\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-card{--_content-font: var(--eui-f-body-m-regular);--_title-font: var(--eui-f-body-l-semi-bold);--_subtitle-font: var(--eui-f-title-2xs-medium)}.eui-19 :host.eui-card{--_content-font: var(--eui-f-m);--_title-font: var(--eui-f-l);--_subtitle-font: var(--eui-f-m)}.eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;width:100%;font:var(--_content-font)}.eui-19 :host.eui-card .eui-card-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-selectable-wrapper{padding-top:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-header-content-wrapper{display:flex;flex-direction:column;width:100%}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-content-wrapper{display:flex;width:100%}.eui-19 :host.eui-card.eui-card--selected{border-color:var(--eui-c-s-primary-border)}.eui-19 :host.eui-card.eui-card--collapsed .eui-card-content-wrapper{display:none!important}\n"] }]
|
200
|
+
}], propDecorators: { cssClasses: [{
|
201
|
+
type: HostBinding,
|
202
|
+
args: ['class']
|
203
|
+
}], e2eAttr: [{
|
204
|
+
type: HostBinding,
|
205
|
+
args: ['attr.data-e2e']
|
206
|
+
}, {
|
207
|
+
type: Input
|
208
|
+
}], isSelected: [{
|
209
|
+
type: Input,
|
210
|
+
args: [{ transform: booleanAttribute }]
|
211
|
+
}], isSelectable: [{
|
212
|
+
type: Input,
|
213
|
+
args: [{ transform: booleanAttribute }]
|
214
|
+
}], isCollapsible: [{
|
215
|
+
type: Input,
|
216
|
+
args: [{ transform: booleanAttribute }]
|
217
|
+
}], isCollapsed: [{
|
218
|
+
type: Input,
|
219
|
+
args: [{ transform: booleanAttribute }]
|
220
|
+
}] } });
|
221
|
+
|
130
222
|
/**
|
131
223
|
* @description
|
132
224
|
* The eui-card-content component projects the content for eui-card.
|
@@ -139,13 +231,21 @@ class EuiCardHeaderRightContentComponent {
|
|
139
231
|
* @default 'eui-card-header-right-content'
|
140
232
|
*/
|
141
233
|
this.string = 'eui-card-header-right-content';
|
234
|
+
this.euiCardParent = inject(forwardRef(() => EuiCardComponent), { optional: true, host: true });
|
235
|
+
}
|
236
|
+
onToggle() {
|
237
|
+
console.log(this.euiCardParent.isCollapsed);
|
238
|
+
this.euiCardParent.isCollapsed = !this.euiCardParent.isCollapsed;
|
239
|
+
console.log(this.euiCardParent.isCollapsed);
|
142
240
|
}
|
143
241
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardHeaderRightContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
144
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
242
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiCardHeaderRightContentComponent, isStandalone: true, selector: "eui-card-header-right-content-v2", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (euiCardParent?.isCollapsible) {\n <eui-icon-button-expander [isExpanded]=\"!euiCardParent?.isCollapsed\" (buttonClick)=\"onToggle()\">\n </eui-icon-button-expander>\n} @else {\n <ng-content />\n}", styles: [".eui-19 .eui-card :host{display:flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i1$1.EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: ["fillColor", "size", "ariaLabel", "isExpanded", "isDirectionForward", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
145
243
|
}
|
146
244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardHeaderRightContentComponent, decorators: [{
|
147
245
|
type: Component,
|
148
|
-
args: [{ selector: 'eui-card-header-right-content-v2',
|
246
|
+
args: [{ selector: 'eui-card-header-right-content-v2', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
247
|
+
...EUI_ICON_BUTTON_EXPANDER,
|
248
|
+
], template: "@if (euiCardParent?.isCollapsible) {\n <eui-icon-button-expander [isExpanded]=\"!euiCardParent?.isCollapsed\" (buttonClick)=\"onToggle()\">\n </eui-icon-button-expander>\n} @else {\n <ng-content />\n}", styles: [".eui-19 .eui-card :host{display:flex;margin-left:auto}\n"] }]
|
149
249
|
}], propDecorators: { string: [{
|
150
250
|
type: HostBinding,
|
151
251
|
args: ['class']
|
@@ -247,96 +347,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
247
347
|
args: ['class']
|
248
348
|
}] } });
|
249
349
|
|
250
|
-
/**
|
251
|
-
* @description
|
252
|
-
* The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.
|
253
|
-
*/
|
254
|
-
class EuiCardComponent {
|
255
|
-
constructor() {
|
256
|
-
/**
|
257
|
-
* Sets the `data-e2e` attribute at the host element.
|
258
|
-
*
|
259
|
-
* @default 'eui-card'
|
260
|
-
*/
|
261
|
-
this.e2eAttr = 'eui-card';
|
262
|
-
/**
|
263
|
-
* Sets the `euiSelected` attribute in order to show the card header as selected.
|
264
|
-
*
|
265
|
-
* @default false
|
266
|
-
*/
|
267
|
-
this.isSelected = false;
|
268
|
-
/**
|
269
|
-
* Sets the `euiSelected` attribute in order to show the card header checkbox for selection
|
270
|
-
*
|
271
|
-
* @default false
|
272
|
-
*/
|
273
|
-
this.isSelectable = false;
|
274
|
-
/**
|
275
|
-
* Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.
|
276
|
-
*
|
277
|
-
* @default false
|
278
|
-
*/
|
279
|
-
this.isCollapsible = false;
|
280
|
-
/**
|
281
|
-
* Sets the `euiCollapsed` attribute which collapses the card content.
|
282
|
-
*
|
283
|
-
* @default false
|
284
|
-
*/
|
285
|
-
this.isCollapsed = false;
|
286
|
-
this.baseStatesDirective = inject(BaseStatesDirective);
|
287
|
-
}
|
288
|
-
/**
|
289
|
-
* @description
|
290
|
-
* Computes and returns the CSS classes for the component based on its current state.
|
291
|
-
*
|
292
|
-
* @returns {string} Space-separated string of CSS class names
|
293
|
-
*/
|
294
|
-
get cssClasses() {
|
295
|
-
return [
|
296
|
-
this.baseStatesDirective.getCssClasses('eui-card'),
|
297
|
-
this.isCollapsible ? 'eui-card--collapsible' : '',
|
298
|
-
this.isCollapsed ? 'eui-card--collapsed' : '',
|
299
|
-
this.isSelectable ? 'eui-card--selectable' : '',
|
300
|
-
this.isSelected ? 'eui-card--selected' : '',
|
301
|
-
]
|
302
|
-
.join(' ')
|
303
|
-
.trim();
|
304
|
-
}
|
305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
306
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiCardComponent, isStandalone: true, selector: "eui-card-v2", inputs: { e2eAttr: "e2eAttr", isSelected: ["isSelected", "isSelected", booleanAttribute], isSelectable: ["isSelectable", "isSelectable", booleanAttribute], isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-card{--_content-font: var(--eui-f-body-m-regular);--_title-font: var(--eui-f-body-l-semi-bold);--_subtitle-font: var(--eui-f-title-2xs-medium)}.eui-19 :host.eui-card{--_content-font: var(--eui-f-m);--_title-font: var(--eui-f-l);--_subtitle-font: var(--eui-f-m)}.eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;width:100%;font:var(--_content-font)}.eui-19 :host.eui-card .eui-card-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-selectable-wrapper{padding-top:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-header-content-wrapper{display:flex;flex-direction:column}.eui-19 :host.eui-card--selected{border-color:var(--eui-c-s-primary-border)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: ["indeterminate", "isInvalid", "checked"], outputs: ["indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
307
|
-
}
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, decorators: [{
|
309
|
-
type: Component,
|
310
|
-
args: [{ selector: 'eui-card-v2', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
311
|
-
{
|
312
|
-
directive: BaseStatesDirective,
|
313
|
-
},
|
314
|
-
], imports: [
|
315
|
-
FormsModule,
|
316
|
-
...EUI_INPUT_CHECKBOX,
|
317
|
-
], template: "<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n", styles: [".eui-19.eui-t-ds2025 :host.eui-card{--_content-font: var(--eui-f-body-m-regular);--_title-font: var(--eui-f-body-l-semi-bold);--_subtitle-font: var(--eui-f-title-2xs-medium)}.eui-19 :host.eui-card{--_content-font: var(--eui-f-m);--_title-font: var(--eui-f-l);--_subtitle-font: var(--eui-f-m)}.eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-divider);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;width:100%;font:var(--_content-font)}.eui-19 :host.eui-card .eui-card-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-selectable-wrapper{padding-top:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-19 :host.eui-card .eui-card-wrapper .eui-card-header-content-wrapper{display:flex;flex-direction:column}.eui-19 :host.eui-card--selected{border-color:var(--eui-c-s-primary-border)}\n"] }]
|
318
|
-
}], propDecorators: { cssClasses: [{
|
319
|
-
type: HostBinding,
|
320
|
-
args: ['class']
|
321
|
-
}], e2eAttr: [{
|
322
|
-
type: HostBinding,
|
323
|
-
args: ['attr.data-e2e']
|
324
|
-
}, {
|
325
|
-
type: Input
|
326
|
-
}], isSelected: [{
|
327
|
-
type: Input,
|
328
|
-
args: [{ transform: booleanAttribute }]
|
329
|
-
}], isSelectable: [{
|
330
|
-
type: Input,
|
331
|
-
args: [{ transform: booleanAttribute }]
|
332
|
-
}], isCollapsible: [{
|
333
|
-
type: Input,
|
334
|
-
args: [{ transform: booleanAttribute }]
|
335
|
-
}], isCollapsed: [{
|
336
|
-
type: Input,
|
337
|
-
args: [{ transform: booleanAttribute }]
|
338
|
-
}] } });
|
339
|
-
|
340
350
|
const EUI_CARD = [
|
341
351
|
EuiCardComponent,
|
342
352
|
EuiCardHeaderComponent,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-card-v2.mjs","sources":["../../eui-card-v2/eui-card-content/eui-card-content-top-content.ts","../../eui-card-v2/eui-card-content/eui-card-content.component.ts","../../eui-card-v2/eui-card-content/eui-card-content.component.html","../../eui-card-v2/eui-card-footer/eui-card-footer.component.ts","../../eui-card-v2/eui-card-header/eui-card-header-left-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-metadata-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-right-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-submetadata-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-subtitle-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-title-content.ts","../../eui-card-v2/eui-card-header/eui-card-header.component.ts","../../eui-card-v2/eui-card-header/eui-card-header.component.html","../../eui-card-v2/eui-card.component.ts","../../eui-card-v2/eui-card.component.html","../../eui-card-v2/index.ts","../../eui-card-v2/eui-components-eui-card-v2.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-content-top-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-content-top-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardContentTopContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-content-top-content'\n */\n @HostBinding('class') string = 'eui-card-content-top-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-content-v2',\n templateUrl: './eui-card-content.component.html',\n styleUrl: './eui-card-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-content'\n */\n @HostBinding('class') string = 'eui-card-content';\n}\n","<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-content-top-content-v2\" />\n\n<div class=\"eui-card-content-wrapper\">\n <ng-content />\n</div>","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-footer-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-footer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardFooterComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-footer'\n */\n @HostBinding('class') string = 'eui-card-footer';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-left-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-left-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderLeftContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-left-content'\n */\n @HostBinding('class') string = 'eui-card-header-left-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-metadata-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-metadata-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderMetadataContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-metadata-content'\n */\n @HostBinding('class') string = 'eui-card-header-metadata-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-right-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-right-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderRightContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-right-content'\n */\n @HostBinding('class') string = 'eui-card-header-right-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-submetadata-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-submetadata-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderSubmetadataContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-submetadata-content'\n */\n @HostBinding('class') string = 'eui-card-header-submetadata-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-subtitle-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-subtitle-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderSubtitleContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-subtitle-content'\n */\n @HostBinding('class') string = 'eui-card-header-subtitle-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-title-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-title-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderTitleContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-title-content'\n */\n @HostBinding('class') string = 'eui-card-header-title-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-v2',\n templateUrl: './eui-card-header.component.html',\n styleUrl: './eui-card-header.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header'\n */\n @HostBinding('class') string = 'eui-card-header';\n}\n","<div class=\"eui-card-header__top-wrapper\">\n <ng-content select=\"eui-card-header-left-content-v2\"/>\n <ng-content select=\"eui-card-header-right-content-v2\"/>\n</div>\n\n<ng-content select=\"eui-card-header-title-content-v2\"/>\n<ng-content select=\"eui-card-header-subtitle-content-v2\"/>\n\n<ng-content select=\"eui-card-header-metadata-content-v2\"/>\n<ng-content select=\"eui-card-header-submetadata-content-v2\"/>\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { EUI_INPUT_CHECKBOX } from '@eui/components/eui-input-checkbox';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n/**\n * @description\n * The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.\n */\n@Component({\n templateUrl: './eui-card.component.html',\n selector: 'eui-card-v2',\n styleUrl: './eui-card.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n },\n ],\n imports: [\n FormsModule,\n ...EUI_INPUT_CHECKBOX,\n ],\n})\nexport class EuiCardComponent {\n /**\n * @description\n * Computes and returns the CSS classes for the component 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 this.baseStatesDirective.getCssClasses('eui-card'),\n this.isCollapsible ? 'eui-card--collapsible' : '',\n this.isCollapsed ? 'eui-card--collapsed' : '',\n this.isSelectable ? 'eui-card--selectable': '',\n this.isSelected ? 'eui-card--selected' : '',\n ]\n .join(' ')\n .trim();\n }\n /**\n * Sets the `data-e2e` attribute at the host element.\n * \n * @default 'eui-card'\n */\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-card';\n /**\n * Sets the `euiSelected` attribute in order to show the card header as selected.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isSelected = false;\n /**\n * Sets the `euiSelected` attribute in order to show the card header checkbox for selection\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isSelectable = false;\n /**\n * Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCollapsible = false;\n /**\n * Sets the `euiCollapsed` attribute which collapses the card content.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCollapsed = false;\n\n private baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n}\n","<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n","import { EuiCardContentTopContentComponent } from './eui-card-content/eui-card-content-top-content';\nimport { EuiCardContentComponent } from './eui-card-content/eui-card-content.component';\nimport { EuiCardFooterComponent } from './eui-card-footer/eui-card-footer.component';\nimport { EuiCardHeaderLeftContentComponent } from './eui-card-header/eui-card-header-left-content';\nimport { EuiCardHeaderMetadataContentComponent } from './eui-card-header/eui-card-header-metadata-content';\nimport { EuiCardHeaderRightContentComponent } from './eui-card-header/eui-card-header-right-content';\nimport { EuiCardHeaderSubmetadataContentComponent } from './eui-card-header/eui-card-header-submetadata-content';\nimport { EuiCardHeaderSubtitleContentComponent } from './eui-card-header/eui-card-header-subtitle-content';\nimport { EuiCardHeaderTitleContentComponent } from './eui-card-header/eui-card-header-title-content';\nimport { EuiCardHeaderComponent } from './eui-card-header/eui-card-header.component';\nimport { EuiCardComponent } from './eui-card.component';\n\nexport * from './eui-card.component';\nexport * from './eui-card-header/eui-card-header.component';\nexport * from './eui-card-header/eui-card-header-left-content';\nexport * from './eui-card-header/eui-card-header-right-content';\nexport * from './eui-card-header/eui-card-header-title-content';\nexport * from './eui-card-header/eui-card-header-subtitle-content';\nexport * from './eui-card-header/eui-card-header-metadata-content';\nexport * from './eui-card-header/eui-card-header-submetadata-content';\n\nexport * from './eui-card-content/eui-card-content.component';\nexport * from './eui-card-content/eui-card-content-top-content';\n\nexport * from './eui-card-footer/eui-card-footer.component';\n\nexport const EUI_CARD = [\n EuiCardComponent,\n \n EuiCardHeaderComponent,\n EuiCardHeaderLeftContentComponent,\n EuiCardHeaderRightContentComponent,\n EuiCardHeaderTitleContentComponent,\n EuiCardHeaderSubtitleContentComponent,\n EuiCardHeaderMetadataContentComponent,\n EuiCardHeaderSubmetadataContentComponent,\n\n EuiCardContentComponent,\n EuiCardContentTopContentComponent,\n EuiCardFooterComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"eui-components-eui-card-v2.mjs","sources":["../../eui-card-v2/eui-card-content/eui-card-content-top-content.ts","../../eui-card-v2/eui-card-content/eui-card-content.component.ts","../../eui-card-v2/eui-card-content/eui-card-content.component.html","../../eui-card-v2/eui-card-footer/eui-card-footer.component.ts","../../eui-card-v2/eui-card-header/eui-card-header-left-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-metadata-content.ts","../../eui-card-v2/eui-card.component.ts","../../eui-card-v2/eui-card.component.html","../../eui-card-v2/eui-card-header/eui-card-header-right-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-right-content.html","../../eui-card-v2/eui-card-header/eui-card-header-submetadata-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-subtitle-content.ts","../../eui-card-v2/eui-card-header/eui-card-header-title-content.ts","../../eui-card-v2/eui-card-header/eui-card-header.component.ts","../../eui-card-v2/eui-card-header/eui-card-header.component.html","../../eui-card-v2/index.ts","../../eui-card-v2/eui-components-eui-card-v2.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-content-top-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-content-top-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardContentTopContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-content-top-content'\n */\n @HostBinding('class') string = 'eui-card-content-top-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-content-v2',\n templateUrl: './eui-card-content.component.html',\n styleUrl: './eui-card-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-content'\n */\n @HostBinding('class') string = 'eui-card-content';\n}\n","<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-content-top-content-v2\" />\n\n<div class=\"eui-card-content-wrapper\">\n <ng-content />\n</div>","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-footer-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-footer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardFooterComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-footer'\n */\n @HostBinding('class') string = 'eui-card-footer';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-left-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-left-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderLeftContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-left-content'\n */\n @HostBinding('class') string = 'eui-card-header-left-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-metadata-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-metadata-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderMetadataContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-metadata-content'\n */\n @HostBinding('class') string = 'eui-card-header-metadata-content';\n}\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { EUI_INPUT_CHECKBOX } from '@eui/components/eui-input-checkbox';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n/**\n * @description\n * The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.\n */\n@Component({\n templateUrl: './eui-card.component.html',\n selector: 'eui-card-v2',\n styleUrl: './eui-card.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n },\n ],\n imports: [\n FormsModule,\n ...EUI_INPUT_CHECKBOX,\n ],\n})\nexport class EuiCardComponent {\n /**\n * @description\n * Computes and returns the CSS classes for the component 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 this.baseStatesDirective.getCssClasses('eui-card'),\n this.isCollapsible ? 'eui-card--collapsible' : '',\n this.isCollapsed ? 'eui-card--collapsed' : '',\n this.isSelectable ? 'eui-card--selectable': '',\n this.isSelected ? 'eui-card--selected' : '',\n ]\n .join(' ')\n .trim();\n }\n /**\n * Sets the `data-e2e` attribute at the host element.\n * \n * @default 'eui-card'\n */\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-card';\n /**\n * Sets the `euiSelected` attribute in order to show the card header as selected.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isSelected = false;\n /**\n * Sets the `euiSelected` attribute in order to show the card header checkbox for selection\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isSelectable = false;\n /**\n * Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCollapsible = false;\n /**\n * Sets the `euiCollapsed` attribute which collapses the card content.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isCollapsed = false;\n\n private baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n}\n","<div class=\"eui-card-wrapper\">\n <div class=\"eui-card-selectable-wrapper\">\n @if (isSelectable) {\n <input euiInputCheckBox [(ngModel)]=\"isSelected\"/>\n }\n </div>\n <div class=\"eui-card-header-content-wrapper\">\n <ng-content select=\"eui-card-header-v2\"/>\n\n <div class=\"eui-card-content-wrapper\">\n <ng-content select=\"eui-card-content-v2\"/>\n </div>\n </div>\n</div>\n\n<hr class=\"eui-u-hr\"/>\n\n<ng-content select=\"eui-card-footer-v2\"/>\n","import { Component, HostBinding, ChangeDetectionStrategy, forwardRef, inject } from '@angular/core';\nimport { EUI_ICON_BUTTON_EXPANDER } from '@eui/components/eui-icon-button-expander';\nimport { EuiCardComponent } from '../eui-card.component';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-right-content-v2',\n templateUrl: './eui-card-header-right-content.html',\n styleUrl: './eui-card-header-right-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ...EUI_ICON_BUTTON_EXPANDER,\n ],\n})\nexport class EuiCardHeaderRightContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-right-content'\n */\n @HostBinding('class') string = 'eui-card-header-right-content';\n\n protected euiCardParent: EuiCardComponent = inject(forwardRef(() => EuiCardComponent), { optional: true, host: true });\n\n protected onToggle(): void {\n console.log(this.euiCardParent.isCollapsed);\n this.euiCardParent.isCollapsed = !this.euiCardParent.isCollapsed;\n console.log(this.euiCardParent.isCollapsed);\n }\n}\n","@if (euiCardParent?.isCollapsible) {\n <eui-icon-button-expander [isExpanded]=\"!euiCardParent?.isCollapsed\" (buttonClick)=\"onToggle()\">\n </eui-icon-button-expander>\n} @else {\n <ng-content />\n}","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-submetadata-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-submetadata-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderSubmetadataContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-submetadata-content'\n */\n @HostBinding('class') string = 'eui-card-header-submetadata-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-subtitle-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-subtitle-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderSubtitleContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-subtitle-content'\n */\n @HostBinding('class') string = 'eui-card-header-subtitle-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-title-content-v2',\n template: '<ng-content/>',\n styleUrl: './eui-card-header-title-content.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderTitleContentComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header-title-content'\n */\n @HostBinding('class') string = 'eui-card-header-title-content';\n}\n","import { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n/**\n * @description\n * The eui-card-content component projects the content for eui-card.\n */\n@Component({\n selector: 'eui-card-header-v2',\n templateUrl: './eui-card-header.component.html',\n styleUrl: './eui-card-header.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiCardHeaderComponent {\n /**\n * Binds the class to the component.\n *\n * @default 'eui-card-header'\n */\n @HostBinding('class') string = 'eui-card-header';\n}\n","<div class=\"eui-card-header__top-wrapper\">\n <ng-content select=\"eui-card-header-left-content-v2\"/>\n <ng-content select=\"eui-card-header-right-content-v2\"/>\n</div>\n\n<ng-content select=\"eui-card-header-title-content-v2\"/>\n<ng-content select=\"eui-card-header-subtitle-content-v2\"/>\n\n<ng-content select=\"eui-card-header-metadata-content-v2\"/>\n<ng-content select=\"eui-card-header-submetadata-content-v2\"/>\n","import { EuiCardContentTopContentComponent } from './eui-card-content/eui-card-content-top-content';\nimport { EuiCardContentComponent } from './eui-card-content/eui-card-content.component';\nimport { EuiCardFooterComponent } from './eui-card-footer/eui-card-footer.component';\nimport { EuiCardHeaderLeftContentComponent } from './eui-card-header/eui-card-header-left-content';\nimport { EuiCardHeaderMetadataContentComponent } from './eui-card-header/eui-card-header-metadata-content';\nimport { EuiCardHeaderRightContentComponent } from './eui-card-header/eui-card-header-right-content';\nimport { EuiCardHeaderSubmetadataContentComponent } from './eui-card-header/eui-card-header-submetadata-content';\nimport { EuiCardHeaderSubtitleContentComponent } from './eui-card-header/eui-card-header-subtitle-content';\nimport { EuiCardHeaderTitleContentComponent } from './eui-card-header/eui-card-header-title-content';\nimport { EuiCardHeaderComponent } from './eui-card-header/eui-card-header.component';\nimport { EuiCardComponent } from './eui-card.component';\n\nexport * from './eui-card.component';\nexport * from './eui-card-header/eui-card-header.component';\nexport * from './eui-card-header/eui-card-header-left-content';\nexport * from './eui-card-header/eui-card-header-right-content';\nexport * from './eui-card-header/eui-card-header-title-content';\nexport * from './eui-card-header/eui-card-header-subtitle-content';\nexport * from './eui-card-header/eui-card-header-metadata-content';\nexport * from './eui-card-header/eui-card-header-submetadata-content';\n\nexport * from './eui-card-content/eui-card-content.component';\nexport * from './eui-card-content/eui-card-content-top-content';\n\nexport * from './eui-card-footer/eui-card-footer.component';\n\nexport const EUI_CARD = [\n EuiCardComponent,\n \n EuiCardHeaderComponent,\n EuiCardHeaderLeftContentComponent,\n EuiCardHeaderRightContentComponent,\n EuiCardHeaderTitleContentComponent,\n EuiCardHeaderSubtitleContentComponent,\n EuiCardHeaderMetadataContentComponent,\n EuiCardHeaderSubmetadataContentComponent,\n\n EuiCardContentComponent,\n EuiCardContentTopContentComponent,\n EuiCardFooterComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
@@ -264,7 +264,7 @@ class EuiChipListComponent {
|
|
264
264
|
// TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
|
265
265
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
266
266
|
getChipContent(euiChip) {
|
267
|
-
return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML)
|
267
|
+
return euiChip.chipLabel ? this.domSanitizer.bypassSecurityTrustHtml(euiChip.chipLabel.nativeElement.innerHTML) : euiChip.label;
|
268
268
|
}
|
269
269
|
// TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
|
270
270
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|