@eui/components 19.0.2-snapshot-1734693575503 → 19.0.2-snapshot-1734778610938
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiAppBreadcrumbComponent.html +4 -4
- package/docs/components/EuiAppComponent.html +4 -4
- package/docs/components/EuiAppFooterComponent.html +4 -4
- package/docs/components/EuiAppHeaderComponent.html +4 -4
- package/docs/components/EuiAppToolbarComponent.html +4 -4
- package/docs/components/EuiAppTopMessageComponent.html +4 -4
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/fesm2022/eui-components-eui-alert.mjs +2 -2
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +6 -6
- 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-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
- package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +4 -4
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app.component.d.ts.map +1 -1
- package/package.json +19 -19
|
@@ -71,7 +71,7 @@ class EuiAlertComponent {
|
|
|
71
71
|
this.closeAlert.emit(false);
|
|
72
72
|
}
|
|
73
73
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_padding: var(--eui-s-m);--_border-radius: var(--eui-br-s);--_title-font: var(--eui-f-m-compact-bold);--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_title-color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_title-color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_title-color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-neutral-min);--_close-hover-color: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-info-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-success-darker)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-warning-darker)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
75
75
|
}
|
|
76
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
87
87
|
'euiVariant',
|
|
88
88
|
],
|
|
89
89
|
},
|
|
90
|
-
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--
|
|
90
|
+
], template: "@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--_padding: var(--eui-s-m);--_border-radius: var(--eui-br-s);--_title-font: var(--eui-f-m-compact-bold);--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--info{--_color: var(--eui-c-text);--_title-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-bg);--_close-hover-color: var(--eui-c-info-lightest)}.eui-19 :host.eui-alert--success{--_color: var(--eui-c-text);--_title-color: var(--eui-c-success-darker);--_bg-color: var(--eui-c-success-bg);--_close-hover-color: var(--eui-c-success-lightest)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-c-text);--_title-color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-bg);--_close-hover-color: var(--eui-c-danger-lightest)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-c-text);--_title-color: var(--eui-c-warning-darker);--_bg-color: var(--eui-c-warning-bg);--_close-hover-color: var(--eui-c-warning-lightest)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-neutral-min);--_close-hover-color: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-c-info-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-c-success-darker)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-c-warning-darker)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
|
|
91
91
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
92
92
|
type: HostBinding,
|
|
93
93
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isBordered = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n @Output() closeAlert = new EventEmitter<boolean>();\n\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n this.uniqueId = crypto.randomUUID();\n }\n\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\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-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-alert-title',\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiAlertTitleComponent {\n // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n Component,\n HostBinding,\n EventEmitter,\n Input,\n ChangeDetectionStrategy,\n Output,\n OnInit,\n ContentChild,\n forwardRef,\n QueryList,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiAlertComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-alert'),\n this.isMuted ? 'eui-alert--muted' : '',\n this.isFocusable ? 'eui-alert--focusable' : '',\n this.isCloseable ? 'eui-alert--closeable' : '',\n this.isBordered ? 'eui-alert--bordered': '',\n !this.isVisible ? 'eui-alert--hidden' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.role') role = 'alert';\n @HostBinding('attr.aria-describedby')\n @Input()\n get ariaDescribedBy(): string {\n return `alertContent-${this.uniqueId}`;\n }\n @HostBinding('attr.tabindex')\n get tabindex(): string {\n return this.isFocusable ? '0' : '-1';\n }\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-alert';\n\n @Input({ transform: booleanAttribute }) isMuted = false;\n @Input({ transform: booleanAttribute }) isBordered = false;\n @Input({ transform: booleanAttribute }) isCloseable = false;\n @Input({ transform: booleanAttribute }) isFocusable = false;\n @Input({ transform: booleanAttribute }) isVisible = true;\n\n @Output() closeAlert = new EventEmitter<boolean>();\n\n @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n alertIconType: string;\n alertIconFillColor: string;\n\n private uniqueId: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n this.uniqueId = crypto.randomUUID();\n }\n\n onCloseClick(): void {\n this.isVisible = false;\n this.closeAlert.emit(false);\n }\n}\n","@if (alertTitle) {\n <div class=\"eui-alert-container\">\n <div class=\"eui-alert-title-wrapper\">\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content select=\"eui-alert-title\"/>\n </div>\n <ng-content *ngTemplateOutlet=\"body\"/>\n </div>\n\n} @else {\n @if (!isMuted) {\n <ng-content *ngTemplateOutlet=\"icon\"/>\n }\n <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n <div class=\"eui-alert-content\">\n <ng-content/>\n </div>\n</ng-template>\n\n@if (isCloseable) {\n <eui-icon-button class=\"eui-alert-close\"\n icon=\"close:outline\"\n euiRounded\n (buttonClick)=\"onCloseClick()\"\n fillColor=\"neutral-light\"\n ariaLabel=\"Close alert icon\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n imports: [\n // Angular and 3rd party\n CommonModule, TranslateModule,\n // eUI internals\n BaseStatesDirective,\n ...EUI_MODULES,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ class EuiAvatarComponent {
|
|
|
27
27
|
].join(' ').trim();
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiAvatarComponent, isStandalone: false, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size:
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiAvatarComponent, isStandalone: false, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
51
51
|
'euiSizeVariant',
|
|
52
52
|
],
|
|
53
53
|
},
|
|
54
|
-
], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size:
|
|
54
|
+
], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: 3rem;--_icon-size: 1.5rem;--_font-size: var(--eui-f-size-xl);--_font-weight: var(--eui-f-weight-bold);--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral-bg-light-contrast)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_font-size: var(--eui-f-size-xl)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar--shape-square .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}\n"] }]
|
|
55
55
|
}], propDecorators: { cssClasses: [{
|
|
56
56
|
type: HostBinding,
|
|
57
57
|
args: ['class']
|
|
@@ -118,11 +118,11 @@ class EuiAvatarTextComponent {
|
|
|
118
118
|
this.string = 'eui-avatar-text';
|
|
119
119
|
}
|
|
120
120
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiAvatarTextComponent, isStandalone: false, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-text{color:var(--_color);font:var(--
|
|
121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiAvatarTextComponent, isStandalone: false, selector: "eui-avatar-text", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-text{color:var(--_color);font-weight:var(--_font-weight);font-size:var(--_font-size)}\n"] }); }
|
|
122
122
|
}
|
|
123
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarTextComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'eui-avatar-text', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-text{color:var(--_color);font:var(--
|
|
125
|
+
args: [{ selector: 'eui-avatar-text', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-text{color:var(--_color);font-weight:var(--_font-weight);font-size:var(--_font-size)}\n"] }]
|
|
126
126
|
}], propDecorators: { string: [{
|
|
127
127
|
type: HostBinding,
|
|
128
128
|
args: ['class']
|
|
@@ -175,11 +175,11 @@ class EuiAvatarBadgeComponent {
|
|
|
175
175
|
].join(' ').trim();
|
|
176
176
|
}
|
|
177
177
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiAvatarBadgeComponent, isStandalone: false, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-badge{position:absolute;left:
|
|
178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: EuiAvatarBadgeComponent, isStandalone: false, selector: "eui-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [":host.eui-avatar-badge{position:absolute;left:70%}:host.eui-avatar-badge--top{top:0%}:host.eui-avatar-badge--bottom{top:60%}:host.eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}\n"] }); }
|
|
179
179
|
}
|
|
180
180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarBadgeComponent, decorators: [{
|
|
181
181
|
type: Component,
|
|
182
|
-
args: [{ selector: 'eui-avatar-badge', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-badge{position:absolute;left:
|
|
182
|
+
args: [{ selector: 'eui-avatar-badge', template: '<ng-content/>', standalone: false, styles: [":host.eui-avatar-badge{position:absolute;left:70%}:host.eui-avatar-badge--top{top:0%}:host.eui-avatar-badge--bottom{top:60%}:host.eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}\n"] }]
|
|
183
183
|
}], propDecorators: { cssClasses: [{
|
|
184
184
|
type: HostBinding,
|
|
185
185
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n templateUrl: './eui-avatar.component.html',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\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\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiAvatarComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-avatar'),\n this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n this.hasNoBackground ? 'eui-avatar--no-background' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n @Input({ transform: booleanAttribute }) hasShadow = false;\n @Input({ transform: booleanAttribute }) isShapeSquare = false;\n @Input({ transform: booleanAttribute }) isFlat = false;\n @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n protected baseStatesDirective = inject(BaseStatesDirective);\n}\n","<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-list',\n template: '<ng-content/>',\n styleUrl: './avatar-list.scss',\n standalone: false,\n})\nexport class EuiAvatarListComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-avatar-list';\n }\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-icon',\n template: '<ng-content/>',\n styleUrl: './avatar-icon.scss',\n standalone: false,\n})\nexport class EuiAvatarIconComponent {\n @HostBinding('class') string = 'eui-avatar-icon';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-text',\n template: '<ng-content/>',\n styleUrl: './avatar-text.scss',\n standalone: false,\n\n})\nexport class EuiAvatarTextComponent {\n @HostBinding('class') string = 'eui-avatar-text';\n}\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n@Component({\n selector: 'eui-avatar-image',\n templateUrl: './avatar-image.component.html',\n styleUrl: './avatar-image.scss',\n standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n @HostBinding('class') string = 'eui-avatar-image';\n\n @Input() imageUrl;\n\n public imageUrlGenerated = 'assets';\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\n }\n\n ngOnInit(): void {\n let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (!assetsBaseUrl) {\n assetsBaseUrl = 'assets';\n }\n\n if (!this.imageUrl) {\n this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n } else {\n this.imageUrlGenerated = this.imageUrl;\n }\n }\n}\n","@if (imageUrlGenerated) {\n <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-badge',\n template: '<ng-content/>',\n styleUrl: './avatar-badge.scss',\n standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-avatar-badge',\n `eui-avatar-badge--${this.position}`,\n ].join(' ').trim();\n }\n\n @Input() position: 'top' | 'bottom' = 'top';\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n];\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n BaseStatesDirective,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\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-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/avatar-list/avatar-list.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n templateUrl: './eui-avatar.component.html',\n styleUrl: './styles/_index.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\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\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiAvatarComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-avatar'),\n this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n this.hasNoBackground ? 'eui-avatar--no-background' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n @Input({ transform: booleanAttribute }) hasShadow = false;\n @Input({ transform: booleanAttribute }) isShapeSquare = false;\n @Input({ transform: booleanAttribute }) isFlat = false;\n @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n protected baseStatesDirective = inject(BaseStatesDirective);\n}\n","<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n <ng-content select=\"eui-avatar-icon\"></ng-content>\n <ng-content select=\"eui-avatar-text\"></ng-content>\n <ng-content select=\"eui-avatar-image\"></ng-content>\n <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-list',\n template: '<ng-content/>',\n styleUrl: './avatar-list.scss',\n standalone: false,\n})\nexport class EuiAvatarListComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-avatar-list';\n }\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-icon',\n template: '<ng-content/>',\n styleUrl: './avatar-icon.scss',\n standalone: false,\n})\nexport class EuiAvatarIconComponent {\n @HostBinding('class') string = 'eui-avatar-icon';\n}\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-text',\n template: '<ng-content/>',\n styleUrl: './avatar-text.scss',\n standalone: false,\n\n})\nexport class EuiAvatarTextComponent {\n @HostBinding('class') string = 'eui-avatar-text';\n}\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n@Component({\n selector: 'eui-avatar-image',\n templateUrl: './avatar-image.component.html',\n styleUrl: './avatar-image.scss',\n standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n @HostBinding('class') string = 'eui-avatar-image';\n\n @Input() imageUrl;\n\n public imageUrlGenerated = 'assets';\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\n }\n\n ngOnInit(): void {\n let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (!assetsBaseUrl) {\n assetsBaseUrl = 'assets';\n }\n\n if (!this.imageUrl) {\n this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n } else {\n this.imageUrlGenerated = this.imageUrl;\n }\n }\n}\n","@if (imageUrlGenerated) {\n <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-badge',\n template: '<ng-content/>',\n styleUrl: './avatar-badge.scss',\n standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-avatar-badge',\n `eui-avatar-badge--${this.position}`,\n ].join(' ').trim();\n }\n\n @Input() position: 'top' | 'bottom' = 'top';\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './avatar-list/avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n EuiAvatarComponent,\n EuiAvatarIconComponent,\n EuiAvatarTextComponent,\n EuiAvatarImageComponent,\n EuiAvatarBadgeComponent,\n EuiAvatarListComponent,\n];\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n BaseStatesDirective,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,7 @@ class EuiBadgeComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, 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));--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.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(--
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, 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);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.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 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
70
70
|
'euiOutline',
|
|
71
71
|
],
|
|
72
72
|
},
|
|
73
|
-
], 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));--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.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(--
|
|
73
|
+
], 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);--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.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 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
|
|
74
74
|
}], propDecorators: { cssClasses: [{
|
|
75
75
|
type: HostBinding,
|
|
76
76
|
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/eui-components-eui-badge.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, ViewChild, ElementRef, AfterViewInit, ChangeDetectorRef, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\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 standalone: false,\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\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\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 @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n @Input() maxCharCount: number;\n @Input() charReplacement: string;\n @Input({ transform: booleanAttribute }) euiIconBadge = false;\n @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n @ViewChild('contentRef') content: ElementRef;\n\n protected hasContentUpdated = false;\n protected updatedContent: string;\n\n protected baseStatesDirective = inject(BaseStatesDirective);\n private cdRef = inject(ChangeDetectorRef);\n\n private hasContent = true;\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 onContentChanged(): void {\n this._checkContent();\n }\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 { CommonModule } from '@angular/common';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, ObserversModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA+Ba,iBAAiB,CAAA;AA5B9B,IAAA,WAAA,GAAA;QAsC2C,IAAO,CAAA,OAAA,GAAG,WAAW;QAClC,IAAI,CAAA,IAAA,GAAG,QAAQ;QACY,IAAS,CAAA,SAAA,GAAkB,OAAO;QAI/C,IAAY,CAAA,YAAA,GAAG,KAAK;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK;QAIpD,IAAiB,CAAA,iBAAA,GAAG,KAAK;AAGzB,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACnD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAEjC,IAAU,CAAA,UAAA,GAAG,IAAI;AA0B5B;AApDG,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;;IAsBtB,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;;IAGT,gBAAgB,GAAA;QACZ,IAAI,CAAC,aAAa,EAAE;;IAGhB,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;;;;8GAjD5B,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,EAgBN,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,gBAAgB,CAChB,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAgB,uqBChDxC,6QASA,EAAA,MAAA,EAAA,CAAA,
|
|
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/eui-components-eui-badge.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, ViewChild, ElementRef, AfterViewInit, ChangeDetectorRef, booleanAttribute, inject } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\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 standalone: false,\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\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\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 @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n @HostBinding('attr.role') role = 'status';\n @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n @Input() maxCharCount: number;\n @Input() charReplacement: string;\n @Input({ transform: booleanAttribute }) euiIconBadge = false;\n @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n @ViewChild('contentRef') content: ElementRef;\n\n protected hasContentUpdated = false;\n protected updatedContent: string;\n\n protected baseStatesDirective = inject(BaseStatesDirective);\n private cdRef = inject(ChangeDetectorRef);\n\n private hasContent = true;\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 onContentChanged(): void {\n this._checkContent();\n }\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 { CommonModule } from '@angular/common';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, ObserversModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -77,7 +77,7 @@ class EuiChipComponent {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiChipComponent, isStandalone: false, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], 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", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [":host.eui-chip{--_color: var(--eui-
|
|
80
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiChipComponent, isStandalone: false, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], 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", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [":host.eui-chip{--_color: var(--eui-c-neutral);--_bg-color: var(--eui-c-neutral-bg);--_border-outline-color: var(--eui-c-neutral);--_close-hover-color: var(--eui-c-neutral-lightest)}:host.eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}:host.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}:host.eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}:host.eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}:host.eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}:host.eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}:host.eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}:host.eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}:host.eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}:host.eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}:host.eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}:host.eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}:host.eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}:host.eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-19 :host.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s);background-color:var(--_bg-color);color:var(--_color)}.eui-19 :host.eui-chip .eui-chip-wrapper,.eui-19 :host.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 :host.eui-chip ::ng-deep .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-chip .eui-chip__close:not(.eui-chip--outline) ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-19 :host.eui-chip--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper,.eui-19 :host.eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep svg,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep .eui-flag-icon,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep .eui-flag-icon.eui-flag-icon--rounded,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
81
81
|
}
|
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
83
83
|
type: Component,
|
|
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
98
98
|
'euiDisabled',
|
|
99
99
|
],
|
|
100
100
|
},
|
|
101
|
-
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [":host.eui-chip{--_color: var(--eui-
|
|
101
|
+
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [":host.eui-chip{--_color: var(--eui-c-neutral);--_bg-color: var(--eui-c-neutral-bg);--_border-outline-color: var(--eui-c-neutral);--_close-hover-color: var(--eui-c-neutral-lightest)}:host.eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}:host.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}:host.eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}:host.eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}:host.eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}:host.eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}:host.eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}:host.eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}:host.eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}:host.eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}:host.eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}:host.eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}:host.eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}:host.eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-19 :host.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s);background-color:var(--_bg-color);color:var(--_color)}.eui-19 :host.eui-chip .eui-chip-wrapper,.eui-19 :host.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 :host.eui-chip ::ng-deep .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-chip .eui-chip__close:not(.eui-chip--outline) ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-19 :host.eui-chip--outline{background-color:var(--eui-c-white)}.eui-19 :host.eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper,.eui-19 :host.eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep svg,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep .eui-flag-icon,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-19 :host.eui-chip--size-s .eui-chip-wrapper ::ng-deep .eui-flag-icon.eui-flag-icon--rounded,.eui-19 :host.eui-chip--size-s .eui-chip__content-container ::ng-deep .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"] }]
|
|
102
102
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
103
103
|
type: HostBinding,
|
|
104
104
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n id: string | number;\n euiInternalId: string;\n label: string;\n isRemovable = false;\n isOutline = false;\n isRounded = false;\n isDisabled = false;\n typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n tooltip: EuiChipTooltip = new EuiChipTooltip();\n iconClass?: string;\n iconSvgName?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiChipTooltip {\n tooltipMessage: string;\n position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n delay? = 0;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n templateUrl: './eui-chip.component.html',\n selector: 'eui-chip, span[euiChip], li[euiChip]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\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 'euiOutline',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-chip'),\n this.isChipRemovable ? 'eui-chip--removable' : '',\n this.isFilled ? 'eui-chip--filled': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'status';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-chip';\n\n @Input() euiInternalId: string = null;\n @Input() tooltipMessage: string;\n @Input() id: string | number;\n // TODO: type should be specific\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() data: any = {\n id: crypto.randomUUID(),\n tooltip: {\n color: 'euiTooltipPrimary',\n contentAlignment: null,\n position: 'above',\n },\n };\n\n @Input({ transform: booleanAttribute }) isChipRemovable = false;\n @Input({ transform: booleanAttribute }) isSquared = false;\n @Input({ transform: booleanAttribute }) isFilled = false;\n\n @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n constructor(\n private _elementRef: ElementRef,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngAfterContentInit(): void {\n if (!this.data.id && this.id) {\n this.data = Object.assign(this.data, { id: this.id });\n }\n\n if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n this.role = 'listitem'\n }\n }\n\n public onRemove(event?: Event): void {\n if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n this.remove.emit({ chip: this.data, event });\n } else {\n this.remove.emit(this.data);\n }\n }\n}\n","<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n declarations: [EuiChipComponent],\n exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\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-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n id: string | number;\n euiInternalId: string;\n label: string;\n isRemovable = false;\n isOutline = false;\n isRounded = false;\n isDisabled = false;\n typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n tooltip: EuiChipTooltip = new EuiChipTooltip();\n iconClass?: string;\n iconSvgName?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiChipTooltip {\n tooltipMessage: string;\n position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n delay? = 0;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n templateUrl: './eui-chip.component.html',\n selector: 'eui-chip, span[euiChip], li[euiChip]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\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 'euiOutline',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-chip'),\n this.isChipRemovable ? 'eui-chip--removable' : '',\n this.isFilled ? 'eui-chip--filled': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'status';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-chip';\n\n @Input() euiInternalId: string = null;\n @Input() tooltipMessage: string;\n @Input() id: string | number;\n // TODO: type should be specific\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() data: any = {\n id: crypto.randomUUID(),\n tooltip: {\n color: 'euiTooltipPrimary',\n contentAlignment: null,\n position: 'above',\n },\n };\n\n @Input({ transform: booleanAttribute }) isChipRemovable = false;\n @Input({ transform: booleanAttribute }) isSquared = false;\n @Input({ transform: booleanAttribute }) isFilled = false;\n\n @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n constructor(\n private _elementRef: ElementRef,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngAfterContentInit(): void {\n if (!this.data.id && this.id) {\n this.data = Object.assign(this.data, { id: this.id });\n }\n\n if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n this.role = 'listitem'\n }\n }\n\n public onRemove(event?: Event): void {\n if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n this.remove.emit({ chip: this.data, event });\n } else {\n this.remove.emit(this.data);\n }\n }\n}\n","<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n declarations: [EuiChipComponent],\n exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|