@eui/components 19.2.1 → 19.2.2-snapshot-1746624054534
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/directives/eui-tooltip/container/eui-tooltip-container.component.d.ts.map +1 -1
- package/docs/components/EuiDiscussionThreadComponent.html +81 -6
- package/docs/components/EuiDiscussionThreadItemComponent.html +4 -0
- package/docs/components/EuiHeaderUserProfileComponent.html +6 -0
- package/docs/components/EuiNavbarComponent.html +0 -4
- package/docs/components/EuiNavbarItemComponent.html +4 -0
- package/docs/components/EuiTableV2Component.html +1 -1
- package/docs/components/EuiTimelineComponent.html +4 -4
- package/docs/components/EuiTimelineItemComponent.html +4 -4
- package/docs/components/EuiToolbarComponent.html +6 -3
- package/docs/components/EuiTooltipContainerComponent.html +0 -4
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts +6 -0
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
- package/eui-navbar/eui-navbar.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +5 -5
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +4 -4
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +18 -7
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +6 -10
- package/fesm2022/eui-components-eui-navbar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-tabs-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +18 -10
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/package.json +8 -8
|
@@ -87,7 +87,7 @@ class EuiBadgeComponent {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiBadgeComponent, isStandalone: true, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiBadgeComponent, isStandalone: true, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"], dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
91
91
|
}
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
@@ -109,7 +109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
109
109
|
'euiOutline',
|
|
110
110
|
],
|
|
111
111
|
},
|
|
112
|
-
], template: "@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--
|
|
112
|
+
], template: "@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_empty-size: var(--eui-s-s);--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-s-primary-surface);--_color-on-bg: var(--eui-c-s-primary-surface-contrast);--_color: var(--eui-c-s-primary-surface-contrast);--_border-color: var(--eui-c-s-primary-border-light)}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-s-secondary-surface-light);--_color-on-bg: var(--eui-c-s-secondary-surface-light-contrast);--_color: var(--eui-c-s-secondary-surface-light-contrast);--_border-color: var(--eui-c-s-secondary-border-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-s-info-surface);--_color-on-bg: var(--eui-c-s-info-surface-contrast);--_color: var(--eui-c-s-info-surface-contrast);--_border-color: var(--eui-c-s-info-border-light)}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-s-success-surface);--_color-on-bg: var(--eui-c-s-success-surface-contrast);--_color: var(--eui-c-s-success-surface-contrast);--_border-color: var(--eui-c-s-success-border-light)}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-s-warning-surface);--_color-on-bg: var(--eui-c-s-warning-surface-contrast);--_color: var(--eui-c-s-warning-surface-contrast);--_border-color: var(--eui-c-s-warning-border-light)}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-s-danger-surface);--_color-on-bg: var(--eui-c-s-danger-surface-contrast);--_color: var(--eui-c-s-danger-surface-contrast);--_border-color: var(--eui-c-s-danger-border-light)}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-s-accent-surface);--_color-on-bg: var(--eui-c-s-accent-surface-contrast);--_color: var(--eui-c-s-accent-surface-contrast);--_border-color: var(--eui-c-s-accent-border-light)}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_color: var(--eui-c-s-primary-on-surface-light);--_border-color: var(--eui-c-s-primary-border)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_color: var(--eui-c-s-secondary-on-surface-light);--_border-color: var(--eui-c-s-secondary-border)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_color: var(--eui-c-s-info-on-surface-light);--_border-color: var(--eui-c-s-info-border)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_color: var(--eui-c-s-success-on-surface-light);--_border-color: var(--eui-c-s-success-border)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_color: var(--eui-c-s-warning-on-surface-light);--_border-color: var(--eui-c-s-warning-border)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_color: var(--eui-c-s-danger-on-surface-light);--_border-color: var(--eui-c-s-danger-border)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_color: var(--eui-c-s-accent-on-surface-light);--_border-color: var(--eui-c-s-accent-border)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--_empty-size);height:var(--_empty-size)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 .eui-avatar-badge :host{border-color:var(--eui-c-white)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-neutral-min)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
|
|
113
113
|
}], propDecorators: { cssClasses: [{
|
|
114
114
|
type: HostBinding,
|
|
115
115
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/index.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n Input,\n ViewChild,\n ElementRef,\n AfterViewInit,\n ChangeDetectorRef,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n/**\n * @description\n * A badge component that can display text, numbers, or icons with various states and styles.\n * Supports content truncation, empty states, and icon-only modes.\n *\n */\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n templateUrl: './eui-badge.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ObserversModule],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n /**\n * @description\n * Computes and returns the CSS classes for the badge based on its current state\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n !this.hasContent ? 'eui-badge--empty' : '',\n this.euiIconBadge ? 'eui-badge--icon-only' : '',\n ].join(' ').trim();\n }\n\n /** @description Data attribute for e2e testing */\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n\n /** @description ARIA role for accessibility */\n @HostBinding('attr.role') role = 'status';\n\n /** @description ARIA label for accessibility */\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n /**\n * @description Maximum number of characters to display before truncating\n */\n @Input() maxCharCount: number;\n\n /**\n * @description String to display when content is truncated\n */\n @Input() charReplacement: string;\n\n /**\n * @description Whether the badge contains only an icon\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiIconBadge = false;\n\n /**\n * @description Whether to display the badge as a dot\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n /** @description Reference to the content element */\n @ViewChild('contentRef') content: ElementRef;\n\n /** @description Tracks if content has been updated due to truncation */\n protected hasContentUpdated = false;\n\n /** @description Updated content after truncation when hasContentUpdated is true */\n protected updatedContent: string;\n\n /** @description Instance of BaseStatesDirective for managing component states */\n protected baseStatesDirective = inject(BaseStatesDirective);\n\n /** @description Change detector reference for manual change detection */\n private cdRef = inject(ChangeDetectorRef);\n\n /** @description Tracks whether the badge has any content */\n private hasContent = true;\n\n /**\n * @description\n * After view initialization, checks if the badge has content and handles content truncation\n */\n ngAfterViewInit(): void {\n setTimeout(() => {\n const innerHtml = this.content.nativeElement.innerHTML;\n if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n this.hasContent = false;\n }\n this._checkContent();\n }, 1);\n }\n\n /**\n * @description\n * Handles content changes and triggers content checking\n */\n onContentChanged(): void {\n this._checkContent();\n }\n\n /**\n * @description\n * Checks if content exceeds maxCharCount and updates content if necessary\n * @private\n */\n private _checkContent(): void {\n if (this.maxCharCount) {\n const contentText = this.content.nativeElement.outerText;\n if (contentText && contentText.length > this.maxCharCount) {\n this.hasContentUpdated = true;\n this.updatedContent = this.charReplacement || '99+';\n this.cdRef.markForCheck();\n }\n }\n }\n}\n","@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n/**\n * @description\n * Module that provides the EuiBadge component and its dependencies.\n *\n * @deprecated Use {@link EUI_BADGE} instead.\n *\n */\n@NgModule({\n imports: [EuiBadgeComponent],\n exports: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","import { EuiBadgeComponent } from './eui-badge.component';\n\nexport * from './eui-badge.component';\nexport * from './eui-badge.module';\n\nexport const EUI_BADGE = [\n EuiBadgeComponent,\n] as const;\n\n// export { EuiBadgeComponent as EuiBadge } from './eui-badge.component';\n","/**\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-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/index.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import {\n Component,\n HostBinding,\n ChangeDetectionStrategy,\n Input,\n ViewChild,\n ElementRef,\n AfterViewInit,\n ChangeDetectorRef,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n/**\n * @description\n * A badge component that can display text, numbers, or icons with various states and styles.\n * Supports content truncation, empty states, and icon-only modes.\n *\n */\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n templateUrl: './eui-badge.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ObserversModule],\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n /**\n * @description\n * Computes and returns the CSS classes for the badge based on its current state\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n !this.hasContent ? 'eui-badge--empty' : '',\n this.euiIconBadge ? 'eui-badge--icon-only' : '',\n ].join(' ').trim();\n }\n\n /** @description Data attribute for e2e testing */\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n\n /** @description ARIA role for accessibility */\n @HostBinding('attr.role') role = 'status';\n\n /** @description ARIA label for accessibility */\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n /**\n * @description Maximum number of characters to display before truncating\n */\n @Input() maxCharCount: number;\n\n /**\n * @description String to display when content is truncated\n */\n @Input() charReplacement: string;\n\n /**\n * @description Whether the badge contains only an icon\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiIconBadge = false;\n\n /**\n * @description Whether to display the badge as a dot\n * @default false\n */\n @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n /** @description Reference to the content element */\n @ViewChild('contentRef') content: ElementRef;\n\n /** @description Tracks if content has been updated due to truncation */\n protected hasContentUpdated = false;\n\n /** @description Updated content after truncation when hasContentUpdated is true */\n protected updatedContent: string;\n\n /** @description Instance of BaseStatesDirective for managing component states */\n protected baseStatesDirective = inject(BaseStatesDirective);\n\n /** @description Change detector reference for manual change detection */\n private cdRef = inject(ChangeDetectorRef);\n\n /** @description Tracks whether the badge has any content */\n private hasContent = true;\n\n /**\n * @description\n * After view initialization, checks if the badge has content and handles content truncation\n */\n ngAfterViewInit(): void {\n setTimeout(() => {\n const innerHtml = this.content.nativeElement.innerHTML;\n if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n this.hasContent = false;\n }\n this._checkContent();\n }, 1);\n }\n\n /**\n * @description\n * Handles content changes and triggers content checking\n */\n onContentChanged(): void {\n this._checkContent();\n }\n\n /**\n * @description\n * Checks if content exceeds maxCharCount and updates content if necessary\n * @private\n */\n private _checkContent(): void {\n if (this.maxCharCount) {\n const contentText = this.content.nativeElement.outerText;\n if (contentText && contentText.length > this.maxCharCount) {\n this.hasContentUpdated = true;\n this.updatedContent = this.charReplacement || '99+';\n this.cdRef.markForCheck();\n }\n }\n }\n}\n","@if (hasContentUpdated) {\n <span class=\"eui-badge-wrapper\">\n {{ updatedContent }}\n </span>\n} @else {\n <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n <ng-content></ng-content>\n </span>\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n/**\n * @description\n * Module that provides the EuiBadge component and its dependencies.\n *\n * @deprecated Use {@link EUI_BADGE} instead.\n *\n */\n@NgModule({\n imports: [EuiBadgeComponent],\n exports: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","import { EuiBadgeComponent } from './eui-badge.component';\n\nexport * from './eui-badge.component';\nexport * from './eui-badge.module';\n\nexport const EUI_BADGE = [\n EuiBadgeComponent,\n] as const;\n\n// export { EuiBadgeComponent as EuiBadge } from './eui-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAeA;;;;;AAKG;MA2BU,iBAAiB,CAAA;AA1B9B,IAAA,WAAA,GAAA;;QA2C2C,IAAO,CAAA,OAAA,GAAG,WAAW;;QAGlC,IAAI,CAAA,IAAA,GAAG,QAAQ;;QAGY,IAAS,CAAA,SAAA,GAAkB,OAAO;AAYvF;;;AAGG;QACqC,IAAY,CAAA,YAAA,GAAG,KAAK;AAE5D;;;AAGG;QACqC,IAAc,CAAA,cAAA,GAAG,KAAK;;QAMpD,IAAiB,CAAA,iBAAA,GAAG,KAAK;;AAMzB,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;;AAGnD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;;QAGjC,IAAU,CAAA,UAAA,GAAG,IAAI;AAuC5B;AArGG;;;;;AAKG;AACH,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;YACnD,CAAC,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,EAAE;YAC1C,IAAI,CAAC,YAAY,GAAG,sBAAsB,GAAG,EAAE;AAClD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAoDtB;;;AAGG;IACH,eAAe,GAAA;QACX,UAAU,CAAC,MAAK;YACZ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS;AACtD,YAAA,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;YAE3B,IAAI,CAAC,aAAa,EAAE;SACvB,EAAE,CAAC,CAAC;;AAGT;;;AAGG;IACH,gBAAgB,GAAA;QACZ,IAAI,CAAC,aAAa,EAAE;;AAGxB;;;;AAIG;IACK,aAAa,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS;YACxD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;AACvD,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,IAAI,KAAK;AACnD,gBAAA,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;;;;8GAlG5B,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,mQAuCN,gBAAgB,CAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAMhB,gBAAgB,CC5FxC,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,6QASA,4nIDiBc,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAqBhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA1B7B,SAAS;+BACI,0CAA0C,EAAA,eAAA,EAGnC,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,CAAC,EACV,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,cAAc;gCACd,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,WAAW;gCACX,YAAY;gCACZ,UAAU;gCACV,UAAU;gCACV,gBAAgB;gCAChB,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,qkIAAA,CAAA,EAAA;8BAUU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAUmB,OAAO,EAAA,CAAA;sBAA7C,WAAW;uBAAC,eAAe;;sBAAG;gBAGL,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAG6B,SAAS,EAAA,CAAA;sBAA7D,WAAW;uBAAC,iBAAiB;;sBAAG,KAAK;uBAAC,YAAY;gBAK1C,YAAY,EAAA,CAAA;sBAApB;gBAKQ,eAAe,EAAA,CAAA;sBAAvB;gBAMuC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAME,cAAc,EAAA,CAAA;sBAArD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAGb,OAAO,EAAA,CAAA;sBAA/B,SAAS;uBAAC,YAAY;;;AE5F3B;;;;;;AAMG;MAKU,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAd,cAAc,EAAA,OAAA,EAAA,CAHb,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACjB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHb,iBAAiB,CAAA,EAAA,CAAA,CAAA;;2FAGlB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA;;;ACRY,MAAA,SAAS,GAAG;IACrB,iBAAiB;;AAGrB;;ACTA;;AAEG;;;;"}
|
|
@@ -95,11 +95,11 @@ class EuiBlockContentComponent {
|
|
|
95
95
|
return this.elRef.nativeElement.querySelector(':focus');
|
|
96
96
|
}
|
|
97
97
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
98
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockContentComponent, isStandalone: true, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-
|
|
98
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockContentComponent, isStandalone: true, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-s-secondary-border-light);border-left-color:var(--eui-c-s-secondary-border-light);color:var(--eui-c-s-primary-base);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
99
99
|
}
|
|
100
100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
|
-
args: [{ selector: 'eui-block-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-
|
|
102
|
+
args: [{ selector: 'eui-block-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-s-secondary-border-light);border-left-color:var(--eui-c-s-secondary-border-light);color:var(--eui-c-s-primary-base);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
|
|
103
103
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
|
|
104
104
|
type: HostBinding,
|
|
105
105
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/index.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n SimpleChange,\n} from '@angular/core';\n\n/**\n * @description\n * Component that wraps content and manages focus state when content is blocked.\n * Provides accessibility attributes and handles focus restoration when blocking/unblocking.\n */\n@Component({\n selector: 'eui-block-content',\n template: '<ng-content/>',\n styleUrls: ['./eui-block-content.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n /** CSS classes applied to the host element */\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n /**\n * ARIA role for the content wrapper\n * @default 'region'\n */\n @Input() @HostBinding('attr.role') role = 'region';\n\n /**\n * ARIA label for the content wrapper\n * @default 'block content wrapper'\n */\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n /**\n * Whether the content is currently blocked\n * When true, focused elements within will be blurred and state saved\n * @default false\n */\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** Stores the element that was focused before content was blocked */\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {}\n\n /**\n * Handles changes to the blocked state.\n * Manages focus when content is blocked or unblocked.\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes['isBlocked']);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /**\n * Removes focus from the currently focused element when blocking\n * Stores the element reference for later restoration\n *\n * @param activeElement - The currently focused element\n */\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * Restores focus to the previously focused element when unblocking\n *\n * @param element - The element that was previously focused\n */\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /**\n * Determines if the content is transitioning to a blocked state\n *\n * @param change - Angular SimpleChange object\n * @returns true if the content is being blocked, false otherwise\n */\n private isAboutToBlock(change: SimpleChange): boolean {\n return change?.currentValue && !change.previousValue;\n }\n\n /**\n * Finds the currently focused element within the block content\n *\n * @returns The currently focused HTMLElement or null if none found\n */\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n/**\n * @deprecated Import the standalone {@link EUI_BLOCK_CONTENT} instead.\n * This module is maintained for backward compatibility.\n */\n@NgModule({\n imports: [EuiBlockContentComponent],\n exports: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n","import { EuiBlockContentComponent } from './eui-block-content.component';\n\nexport * from './eui-block-content.component';\nexport * from './eui-block-content.module';\n\nexport const EUI_BLOCK_CONTENT = [\n EuiBlockContentComponent,\n] as const;\n\n// export { EuiBlockContentComponent as EuiBlockContent } from './eui-block-content.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAaA;;;;AAIG;MAOU,wBAAwB,CAAA;;AAEjC,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,mBAAmB;YACnB,IAAI,CAAC,SAAS,GAAG,4BAA4B,GAAG,EAAE;AACrD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;IAyBtB,WACY,CAAA,KAAiB,EACjB,QAAmB,EAAA;QADnB,IAAK,CAAA,KAAA,GAAL,KAAK;QACL,IAAQ,CAAA,QAAA,GAAR,QAAQ;AAxBpB;;;AAGG;QACgC,IAAI,CAAA,IAAA,GAAG,QAAQ;AAElD;;;AAGG;QACsC,IAAS,CAAA,SAAA,GAAG,uBAAuB;AAE5E;;;;AAIG;QACqC,IAAS,CAAA,SAAA,GAAG,KAAK;;QAGjD,IAAiB,CAAA,iBAAA,GAAgB,IAAI;;AAO7C;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AACtB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAE5D,IAAI,UAAU,EAAE;AACZ,gBAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;;iBAClC;AACH,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC;;;;AAK1D;;;;;AAKG;AACH,IAAA,iBAAiB,CAAC,aAA0B,EAAA;QACxC,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE;AAC3D,YAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;;aACnC;AACH,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;;AAIrC;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,OAAoB,EAAA;QAClC,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;;;AAI9D;;;;;AAKG;AACK,IAAA,cAAc,CAAC,MAAoB,EAAA;QACvC,OAAO,MAAM,EAAE,YAAY,IAAI,CAAC,MAAM,CAAC,aAAa;;AAGxD;;;;AAIG;IACK,gBAAgB,GAAA;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;;8GAhGlD,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EA2Bb,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA/B1B,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/index.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n SimpleChange,\n} from '@angular/core';\n\n/**\n * @description\n * Component that wraps content and manages focus state when content is blocked.\n * Provides accessibility attributes and handles focus restoration when blocking/unblocking.\n */\n@Component({\n selector: 'eui-block-content',\n template: '<ng-content/>',\n styleUrls: ['./eui-block-content.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n /** CSS classes applied to the host element */\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n /**\n * ARIA role for the content wrapper\n * @default 'region'\n */\n @Input() @HostBinding('attr.role') role = 'region';\n\n /**\n * ARIA label for the content wrapper\n * @default 'block content wrapper'\n */\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n /**\n * Whether the content is currently blocked\n * When true, focused elements within will be blurred and state saved\n * @default false\n */\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** Stores the element that was focused before content was blocked */\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {}\n\n /**\n * Handles changes to the blocked state.\n * Manages focus when content is blocked or unblocked.\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes['isBlocked']);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /**\n * Removes focus from the currently focused element when blocking\n * Stores the element reference for later restoration\n *\n * @param activeElement - The currently focused element\n */\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * Restores focus to the previously focused element when unblocking\n *\n * @param element - The element that was previously focused\n */\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /**\n * Determines if the content is transitioning to a blocked state\n *\n * @param change - Angular SimpleChange object\n * @returns true if the content is being blocked, false otherwise\n */\n private isAboutToBlock(change: SimpleChange): boolean {\n return change?.currentValue && !change.previousValue;\n }\n\n /**\n * Finds the currently focused element within the block content\n *\n * @returns The currently focused HTMLElement or null if none found\n */\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n/**\n * @deprecated Import the standalone {@link EUI_BLOCK_CONTENT} instead.\n * This module is maintained for backward compatibility.\n */\n@NgModule({\n imports: [EuiBlockContentComponent],\n exports: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n","import { EuiBlockContentComponent } from './eui-block-content.component';\n\nexport * from './eui-block-content.component';\nexport * from './eui-block-content.module';\n\nexport const EUI_BLOCK_CONTENT = [\n EuiBlockContentComponent,\n] as const;\n\n// export { EuiBlockContentComponent as EuiBlockContent } from './eui-block-content.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -43,11 +43,11 @@ class EuiBlockDocumentComponent {
|
|
|
43
43
|
].join(' ').trim();
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockDocumentComponent, isStandalone: true, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiBlockDocumentComponent, isStandalone: true, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary-base);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"] }]
|
|
50
|
+
args: [{ selector: 'eui-block-document', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eui-block-document__loader\"></div>\n", styles: [".eui-19 :host.eui-block-document .eui-block-document__loader{display:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:\"\";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:var(--eui-bw-none);color:transparent;font:0/0 a;text-shadow:none}.eui-19 :host.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-s-primary-base);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;height:120px;width:120px}\n"] }]
|
|
51
51
|
}], propDecorators: { cssClasses: [{
|
|
52
52
|
type: HostBinding,
|
|
53
53
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-block-document.mjs","sources":["../../eui-block-document/eui-block-document.component.ts","../../eui-block-document/eui-block-document.component.html","../../eui-block-document/eui-block-document.module.ts","../../eui-block-document/index.ts","../../eui-block-document/eui-components-eui-block-document.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, HostBinding, booleanAttribute } from '@angular/core';\n\n/**\n * @description\n * EuiBlockDocumentComponent creates a document overlay that can be toggled into\n * a blocked state. When blocked, a loading indicator is displayed.\n * Uses OnPush change detection strategy for better performance.\n */\n@Component({\n selector: 'eui-block-document',\n templateUrl: './eui-block-document.component.html',\n styleUrls: ['./eui-block-document.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiBlockDocumentComponent {\n /**\n * Applies CSS classes to the host element.\n * Always includes 'eui-block-document' and conditionally adds\n * 'eui-block-document--blocked' when isBlocked is true.\n *\n * @returns String of space-separated CSS classes\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-block-document',\n this.isBlocked ? 'eui-block-document--blocked' : '',\n ].join(' ').trim();\n }\n\n /**\n * Controls whether the document is in blocked state.\n * When true, displays the loading indicator.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /**\n * ARIA role for the document component.\n *\n * @default 'region'\n */\n @HostBinding('attr.role') role = 'region';\n\n /**\n * ARIA label for the document component.\n *\n * @default 'eUI Block Document'\n */\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Block Document'\n}\n","<div class=\"eui-block-document__loader\"></div>\n","import { NgModule } from '@angular/core';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n/**\n * EuiBlockDocumentModule is an Angular module that declares and exports the EuiBlockDocumentComponent.\n *\n * @deprecated Use {@link EUI_BLOCK_DOCUMENT} instead.\n */\n@NgModule({\n imports: [EuiBlockDocumentComponent],\n exports: [EuiBlockDocumentComponent],\n})\nexport class EuiBlockDocumentModule {}\n","import { EuiBlockDocumentComponent } from './eui-block-document.component';\n\nexport * from './eui-block-document.component';\nexport * from './eui-block-document.module';\n\nexport const EUI_BLOCK_DOCUMENT = [\n EuiBlockDocumentComponent,\n] as const;\n\n// export { EuiBlockDocumentComponent as EuiBlockDocument } from './eui-block-document.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;MAOU,yBAAyB,CAAA;AANtC,IAAA,WAAA,GAAA;AAsBI;;;;;AAKG;QACqC,IAAS,CAAA,SAAA,GAAG,KAAK;AAEzD;;;;AAIG;QACuB,IAAI,CAAA,IAAA,GAAG,QAAQ;AAEzC;;;;AAIG;QACsC,IAAS,CAAA,SAAA,GAAG,oBAAoB;AAC5E;AApCG;;;;;;AAMG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,oBAAoB;YACpB,IAAI,CAAC,SAAS,GAAG,6BAA6B,GAAG,EAAE;AACtD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAbb,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAsBd,gBAAgB,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpCxC,oDACA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-block-document.mjs","sources":["../../eui-block-document/eui-block-document.component.ts","../../eui-block-document/eui-block-document.component.html","../../eui-block-document/eui-block-document.module.ts","../../eui-block-document/index.ts","../../eui-block-document/eui-components-eui-block-document.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, HostBinding, booleanAttribute } from '@angular/core';\n\n/**\n * @description\n * EuiBlockDocumentComponent creates a document overlay that can be toggled into\n * a blocked state. When blocked, a loading indicator is displayed.\n * Uses OnPush change detection strategy for better performance.\n */\n@Component({\n selector: 'eui-block-document',\n templateUrl: './eui-block-document.component.html',\n styleUrls: ['./eui-block-document.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiBlockDocumentComponent {\n /**\n * Applies CSS classes to the host element.\n * Always includes 'eui-block-document' and conditionally adds\n * 'eui-block-document--blocked' when isBlocked is true.\n *\n * @returns String of space-separated CSS classes\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-block-document',\n this.isBlocked ? 'eui-block-document--blocked' : '',\n ].join(' ').trim();\n }\n\n /**\n * Controls whether the document is in blocked state.\n * When true, displays the loading indicator.\n *\n * @default false\n */\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /**\n * ARIA role for the document component.\n *\n * @default 'region'\n */\n @HostBinding('attr.role') role = 'region';\n\n /**\n * ARIA label for the document component.\n *\n * @default 'eUI Block Document'\n */\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Block Document'\n}\n","<div class=\"eui-block-document__loader\"></div>\n","import { NgModule } from '@angular/core';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n/**\n * EuiBlockDocumentModule is an Angular module that declares and exports the EuiBlockDocumentComponent.\n *\n * @deprecated Use {@link EUI_BLOCK_DOCUMENT} instead.\n */\n@NgModule({\n imports: [EuiBlockDocumentComponent],\n exports: [EuiBlockDocumentComponent],\n})\nexport class EuiBlockDocumentModule {}\n","import { EuiBlockDocumentComponent } from './eui-block-document.component';\n\nexport * from './eui-block-document.component';\nexport * from './eui-block-document.module';\n\nexport const EUI_BLOCK_DOCUMENT = [\n EuiBlockDocumentComponent,\n] as const;\n\n// export { EuiBlockDocumentComponent as EuiBlockDocument } from './eui-block-document.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;MAOU,yBAAyB,CAAA;AANtC,IAAA,WAAA,GAAA;AAsBI;;;;;AAKG;QACqC,IAAS,CAAA,SAAA,GAAG,KAAK;AAEzD;;;;AAIG;QACuB,IAAI,CAAA,IAAA,GAAG,QAAQ;AAEzC;;;;AAIG;QACsC,IAAS,CAAA,SAAA,GAAG,oBAAoB;AAC5E;AApCG;;;;;;AAMG;AACH,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,oBAAoB;YACpB,IAAI,CAAC,SAAS,GAAG,6BAA6B,GAAG,EAAE;AACtD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;8GAbb,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAsBd,gBAAgB,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpCxC,oDACA,EAAA,MAAA,EAAA,CAAA,2sCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDaa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;+BACI,oBAAoB,EAAA,eAAA,EAGb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,2sCAAA,CAAA,EAAA;8BAW3C,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAcoB,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAOZ,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAOiB,SAAS,EAAA,CAAA;sBAAjD;;sBAAS,WAAW;uBAAC,iBAAiB;;;AE/C3C;;;;AAIG;MAKU,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAtB,sBAAsB,EAAA,OAAA,EAAA,CAHrB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CACzB,yBAAyB,CAAA,EAAA,CAAA,CAAA;+GAE1B,sBAAsB,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,OAAO,EAAE,CAAC,yBAAyB,CAAC;AACvC,iBAAA;;;ACNY,MAAA,kBAAkB,GAAG;IAC9B,yBAAyB;;AAG7B;;ACTA;;AAEG;;;;"}
|
|
@@ -108,7 +108,7 @@ class EuiButtonComponent {
|
|
|
108
108
|
this.buttonClick.emit(this);
|
|
109
109
|
}
|
|
110
110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
-
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], 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-bg);--_on-bg-color: var(--eui-c-s-secondary-on-bg);--_border-color: var(--eui-c-s-secondary-border-outline);--_hover-color: var(--eui-c-s-secondary-bg-hover);--_on-hover-color: var(--eui-c-s-secondary);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-secondary-bg);--_on-basic-hover-color: var(--eui-c-s-secondary);--_outline-color: var(--eui-c-s-secondary);--_outline-hover-color: var(--eui-c-s-secondary-bg-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-fill);--_on-bg-color: var(--eui-c-s-primary-fill-contrast);--_border-color: var(--eui-c-s-primary);--_hover-color: var(--eui-c-s-primary-fill-hover);--_on-hover-color: var(--eui-c-s-primary-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-primary-bg);--_on-basic-hover-color: var(--eui-c-s-primary);--_outline-color: var(--eui-c-s-primary);--_outline-hover-color: var(--eui-c-s-primary-bg);--_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-fill);--_on-bg-color: var(--eui-c-s-info-fill-contrast);--_border-color: var(--eui-c-s-info);--_hover-color: var(--eui-c-s-info-fill-hover);--_on-hover-color: var(--eui-c-s-info-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-info-bg);--_on-basic-hover-color: var(--eui-c-s-info);--_outline-color: var(--eui-c-s-info);--_outline-hover-color: var(--eui-c-s-info-bg);--_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-fill);--_on-bg-color: var(--eui-c-s-success-fill-contrast);--_border-color: var(--eui-c-s-success);--_hover-color: var(--eui-c-s-success-fill-hover);--_on-hover-color: var(--eui-c-s-success-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-success-bg);--_on-basic-hover-color: var(--eui-c-s-success);--_outline-color: var(--eui-c-s-success);--_outline-hover-color: var(--eui-c-s-success-bg);--_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-fill);--_on-bg-color: var(--eui-c-s-warning-fill-contrast);--_border-color: var(--eui-c-s-warning);--_hover-color: var(--eui-c-s-warning-fill-hover);--_on-hover-color: var(--eui-c-s-warning-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-warning-bg);--_on-basic-hover-color: var(--eui-c-s-warning);--_outline-color: var(--eui-c-s-warning);--_outline-hover-color: var(--eui-c-s-warning-bg);--_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-fill);--_on-bg-color: var(--eui-c-s-danger-fill-contrast);--_border-color: var(--eui-c-s-danger);--_hover-color: var(--eui-c-s-danger-fill-hover);--_on-hover-color: var(--eui-c-s-danger-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-danger-bg);--_on-basic-hover-color: var(--eui-c-s-danger);--_outline-color: var(--eui-c-s-danger);--_outline-hover-color: var(--eui-c-s-danger-bg);--_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-fill);--_on-bg-color: var(--eui-c-s-accent-fill-contrast);--_border-color: var(--eui-c-s-accent-fill-hover);--_hover-color: var(--eui-c-s-accent-fill-hover);--_on-hover-color: var(--eui-c-s-accent-fill-hover-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-s-accent-bg);--_on-basic-hover-color: var(--eui-c-s-accent);--_outline-color: var(--eui-c-s-accent);--_outline-hover-color: var(--eui-c-s-accent-bg);--_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;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.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--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{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--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.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--size-m ::ng-deep .eui-icon-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]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive ::ng-deep .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive ::ng-deep .eui-button__container>label,.eui-19 :host.eui-button--responsive ::ng-deep .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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
111
|
+
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], 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;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.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--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{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--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.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--size-m ::ng-deep .eui-icon-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 ::ng-deep .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive ::ng-deep .eui-button__container>label,.eui-19 :host.eui-button--responsive ::ng-deep .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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
112
112
|
}
|
|
113
113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
@@ -135,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
135
135
|
'euiEnd',
|
|
136
136
|
],
|
|
137
137
|
},
|
|
138
|
-
], 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-
|
|
138
|
+
], 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;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.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--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{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--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.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--size-m ::ng-deep .eui-icon-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 ::ng-deep .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive ::ng-deep .eui-button__container>label,.eui-19 :host.eui-button--responsive ::ng-deep .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)}\n"] }]
|
|
139
139
|
}], propDecorators: { cssClasses: [{
|
|
140
140
|
type: HostBinding,
|
|
141
141
|
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 ]\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\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
|
+
{"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 ]\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\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;AAmDI;;;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;AAkC3D;;;;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;AAjHG;;;;;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;AAClD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AA2Cf;;;;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;;8GAhHtB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,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,EAkCP,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAMhB,gBAAgB,CAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAMhB,gBAAgB,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAMhB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAMhB,gBAAgB,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChHxC,kFAGA,EAAA,MAAA,EAAA,CAAA,8lTAAA,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,8lTAAA,CAAA,EAAA;8BAUG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAiBmB,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;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,CA9Hf,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAlB,kBAAkB,CAAA,EAAA,CAAA,CAAA;+GA8HlB,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;;;AE/KY,MAAA,UAAU,GAAG;IACtB,kBAAkB;;AAGtB;;ACRA;;AAEG;;;;"}
|
|
@@ -655,7 +655,7 @@ class EuiCardComponent {
|
|
|
655
655
|
this.uiStateService.setState(nextState);
|
|
656
656
|
}
|
|
657
657
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
658
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiCardComponent, isStandalone: true, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesOnChanges: true, hostDirectives: [{ directive: i1$1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiHighlighted", "euiHighlighted", "euiDisabled", "euiDisabled", "euiLoading", "euiLoading", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-content select=\"eui-card-header\" />\n<ng-content select=\"eui-card-media\" />\n<ng-content select=\"eui-card-content\" />\n<ng-content select=\"eui-card-footer\" />\n", styles: [".eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-19 :host.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-2)}@media screen and (max-width: 767px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-19 :host.eui-card .eui-card-header__title-container-title{white-space:normal}.eui-19 :host.eui-card .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-19 :host.eui-card.eui-card--disabled,.eui-19 :host.eui-card.eui-card--is-loading,.eui-19 :host.eui-card[disabled],.eui-19 :host.eui-card.disabled{opacity:.45;pointer-events:none}.eui-19 :host.eui-card.eui-card--primary{border-left:6px solid var(--eui-c-s-primary-
|
|
658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiCardComponent, isStandalone: true, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesOnChanges: true, hostDirectives: [{ directive: i1$1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiHighlighted", "euiHighlighted", "euiDisabled", "euiDisabled", "euiLoading", "euiLoading", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-content select=\"eui-card-header\" />\n<ng-content select=\"eui-card-media\" />\n<ng-content select=\"eui-card-content\" />\n<ng-content select=\"eui-card-footer\" />\n", styles: [".eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-19 :host.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-2)}@media screen and (max-width: 767px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-19 :host.eui-card .eui-card-header__title-container-title{white-space:normal}.eui-19 :host.eui-card .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-19 :host.eui-card.eui-card--disabled,.eui-19 :host.eui-card.eui-card--is-loading,.eui-19 :host.eui-card[disabled],.eui-19 :host.eui-card.disabled{opacity:.45;pointer-events:none}.eui-19 :host.eui-card.eui-card--primary{border-left:6px solid var(--eui-c-s-primary-base)}.eui-19 :host.eui-card.eui-card--secondary{border-left:6px solid var(--eui-c-s-secondary-base)}.eui-19 :host.eui-card.eui-card--info{border-left:6px solid var(--eui-c-s-info-base)}.eui-19 :host.eui-card.eui-card--success{border-left:6px solid var(--eui-c-s-success-base)}.eui-19 :host.eui-card.eui-card--warning{border-left:6px solid var(--eui-c-s-warning-base)}.eui-19 :host.eui-card.eui-card--danger{border-left:6px solid var(--eui-c-s-danger-base)}.eui-19 :host.eui-card.eui-card--accent{border-left:6px solid var(--eui-c-s-accent-base)}.eui-19 :host.eui-card--highlighted{z-index:var(--eui-zi-highlighted)}.eui-19 :host.eui-card.eui-card--no-border{border:var(--eui-bw-none)}.eui-19[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
659
659
|
}
|
|
660
660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiCardComponent, decorators: [{
|
|
661
661
|
type: Component,
|
|
@@ -682,7 +682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
|
|
|
682
682
|
'euiSizeVariant',
|
|
683
683
|
],
|
|
684
684
|
},
|
|
685
|
-
], template: "<ng-content select=\"eui-card-header\" />\n<ng-content select=\"eui-card-media\" />\n<ng-content select=\"eui-card-content\" />\n<ng-content select=\"eui-card-footer\" />\n", styles: [".eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-19 :host.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-2)}@media screen and (max-width: 767px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-19 :host.eui-card .eui-card-header__title-container-title{white-space:normal}.eui-19 :host.eui-card .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-19 :host.eui-card.eui-card--disabled,.eui-19 :host.eui-card.eui-card--is-loading,.eui-19 :host.eui-card[disabled],.eui-19 :host.eui-card.disabled{opacity:.45;pointer-events:none}.eui-19 :host.eui-card.eui-card--primary{border-left:6px solid var(--eui-c-s-primary-
|
|
685
|
+
], template: "<ng-content select=\"eui-card-header\" />\n<ng-content select=\"eui-card-media\" />\n<ng-content select=\"eui-card-content\" />\n<ng-content select=\"eui-card-footer\" />\n", styles: [".eui-19 :host.eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-card);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-19 :host.eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-19 :host.eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-2)}@media screen and (max-width: 767px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-19 :host.eui-card .eui-card-header__title-container-title{white-space:normal}.eui-19 :host.eui-card .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 :host.eui-card .eui-card-header__left-content button{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content{flex-wrap:wrap}.eui-19 :host.eui-card .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-19 :host.eui-card.eui-card--disabled,.eui-19 :host.eui-card.eui-card--is-loading,.eui-19 :host.eui-card[disabled],.eui-19 :host.eui-card.disabled{opacity:.45;pointer-events:none}.eui-19 :host.eui-card.eui-card--primary{border-left:6px solid var(--eui-c-s-primary-base)}.eui-19 :host.eui-card.eui-card--secondary{border-left:6px solid var(--eui-c-s-secondary-base)}.eui-19 :host.eui-card.eui-card--info{border-left:6px solid var(--eui-c-s-info-base)}.eui-19 :host.eui-card.eui-card--success{border-left:6px solid var(--eui-c-s-success-base)}.eui-19 :host.eui-card.eui-card--warning{border-left:6px solid var(--eui-c-s-warning-base)}.eui-19 :host.eui-card.eui-card--danger{border-left:6px solid var(--eui-c-s-danger-base)}.eui-19 :host.eui-card.eui-card--accent{border-left:6px solid var(--eui-c-s-accent-base)}.eui-19 :host.eui-card--highlighted{z-index:var(--eui-zi-highlighted)}.eui-19 :host.eui-card.eui-card--no-border{border:var(--eui-bw-none)}.eui-19[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"] }]
|
|
686
686
|
}], propDecorators: { cssClasses: [{
|
|
687
687
|
type: HostBinding,
|
|
688
688
|
args: ['class']
|