@eui/components 18.0.0-next.69 → 18.0.0-next.70
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/EuiAvatarComponent.html +1 -1
- package/docs/components/EuiTableV2Component.html +1 -1
- package/docs/components/EuiTableV2SortableColComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-avatar/eui-avatar.component.mjs +4 -3
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +3 -6
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +3 -3
- package/esm2022/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.mjs +3 -3
- package/eui-avatar/eui-avatar.component.d.ts +1 -1
- package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
- package/eui-chip/eui-chip.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +3 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +2 -2
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -5
- package/fesm2022/eui-components-eui-chip.mjs.map +2 -2
- package/fesm2022/eui-components-eui-icon.mjs +2 -2
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +18 -28
- package/fesm2022/eui-components-eui-table-v2.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -27,7 +27,7 @@ var EuiAvatarComponent = class _EuiAvatarComponent {
|
|
|
27
27
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
28
|
}
|
|
29
29
|
static {
|
|
30
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiAvatarComponent, 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: ["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-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-
|
|
30
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiAvatarComponent, 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-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);box-shadow:var(--eui-sh-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-c-primary-lighter);border-radius:var(--eui-br-max);bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-avatar--success{--_bg-color: var(--eui-c-success);--_color: var(--eui-c-success-contrast)}.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-c-danger);--_color: var(--eui-c-danger-contrast)}.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-f-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.5 * var(--eui-s-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.85 * var(--eui-s-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-f-size-s);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-f-size-m);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-f-size-l);--_badge-size: var(--eui-s-l);--_badge-offset: calc(-.3 * var(--eui-s-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-f-size-xl);--_badge-size: var(--eui-s-xl);--_badge-offset: calc(-.3 * var(--eui-s-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiAvatarComponent, decorators: [{
|
|
@@ -36,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
36
36
|
{
|
|
37
37
|
directive: BaseStatesDirective,
|
|
38
38
|
inputs: [
|
|
39
|
+
"euiPrimary",
|
|
39
40
|
"euiSecondary",
|
|
40
41
|
"euiSuccess",
|
|
41
42
|
"euiInfo",
|
|
@@ -51,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
51
52
|
"euiSizeVariant"
|
|
52
53
|
]
|
|
53
54
|
}
|
|
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-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-
|
|
55
|
+
], 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-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-s-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);box-shadow:var(--eui-sh-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-c-primary-lighter);border-radius:var(--eui-br-max);bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-avatar--success{--_bg-color: var(--eui-c-success);--_color: var(--eui-c-success-contrast)}.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-c-danger);--_color: var(--eui-c-danger-contrast)}.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-f-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.5 * var(--eui-s-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-f-size-xs);--_badge-size: var(--eui-s-s);--_badge-offset: calc(-.85 * var(--eui-s-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-f-size-s);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-f-size-m);--_badge-size: var(--eui-s-m);--_badge-offset: calc(-.3 * var(--eui-s-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-f-size-l);--_badge-size: var(--eui-s-l);--_badge-offset: calc(-.3 * var(--eui-s-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-f-size-xl);--_badge-size: var(--eui-s-xl);--_badge-offset: calc(-.3 * var(--eui-s-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"] }]
|
|
55
56
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
56
57
|
type: HostBinding,
|
|
57
58
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-avatar/eui-avatar.component.ts", "../../eui-avatar/eui-avatar.component.html", "../../eui-avatar/eui-avatar-list.component.ts", "../../eui-avatar/eui-avatar-list.component.html", "../../eui-avatar/avatar-icon/avatar-icon.component.ts", "../../eui-avatar/avatar-icon/avatar-icon.component.html", "../../eui-avatar/avatar-text/avatar-text.component.ts", "../../eui-avatar/avatar-text/avatar-text.component.html", "../../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/avatar-badge/avatar-badge.component.html", "../../eui-avatar/eui-avatar.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, booleanAttribute } 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 encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\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 constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {}\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, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-list',\n templateUrl: './eui-avatar-list.component.html',\n})\nexport class EuiAvatarListComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-avatar-list',\n ].join(' ').trim();\n }\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-icon',\n templateUrl: './avatar-icon.component.html',\n})\nexport class EuiAvatarIconComponent {\n @HostBinding('class') string = 'eui-avatar-icon';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-text',\n templateUrl: './avatar-text.component.html',\n})\nexport class EuiAvatarTextComponent {\n @HostBinding('class') string = 'eui-avatar-text';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-image',\n templateUrl: './avatar-image.component.html',\n})\nexport class EuiAvatarImageComponent {\n @HostBinding('class') string = 'eui-avatar-image';\n\n @Input() imageUrl: string;\n}\n", "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-badge',\n templateUrl: './avatar-badge.component.html',\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", "<ng-content></ng-content>\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 './eui-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"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,OAAO,wBAAwB;AAC5G,SAAS,2BAA2B;;;;
|
|
4
|
+
"sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, booleanAttribute } 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 encapsulation: ViewEncapsulation.None,\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 constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {}\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, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-list',\n templateUrl: './eui-avatar-list.component.html',\n})\nexport class EuiAvatarListComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-avatar-list',\n ].join(' ').trim();\n }\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-icon',\n templateUrl: './avatar-icon.component.html',\n})\nexport class EuiAvatarIconComponent {\n @HostBinding('class') string = 'eui-avatar-icon';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-text',\n templateUrl: './avatar-text.component.html',\n})\nexport class EuiAvatarTextComponent {\n @HostBinding('class') string = 'eui-avatar-text';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-image',\n templateUrl: './avatar-image.component.html',\n})\nexport class EuiAvatarImageComponent {\n @HostBinding('class') string = 'eui-avatar-image';\n\n @Input() imageUrl: string;\n}\n", "<ng-container *ngIf=\"imageUrl; else noImage\">\n <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-avatar-badge',\n templateUrl: './avatar-badge.component.html',\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", "<ng-content></ng-content>\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 './eui-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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "i0", "Component", "HostBinding", "i0", "Component", "HostBinding", "i0", "Component", "HostBinding", "Input", "i0", "Component", "HostBinding", "Input", "i0", "BaseStatesDirective"]
|
|
7
7
|
}
|
|
@@ -19,7 +19,7 @@ var EuiBadgeComponent = class _EuiBadgeComponent {
|
|
|
19
19
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
20
|
}
|
|
21
21
|
static {
|
|
22
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, 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", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: '<span class="eui-badge-wrapper"><ng-content></ng-content></span>', isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-
|
|
22
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, 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", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: '<span class="eui-badge-wrapper"><ng-content></ng-content></span>', isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-light))}.eui-badge{display:inline-flex;border-radius:var(--eui-br-max)}.eui-badge-wrapper{display:inline-flex;align-items:center;padding:0 var(--eui-s-2xs);min-width:var(--eui-s-l);height:var(--eui-s-l);justify-content:center;font:var(--eui-f-xs-bold-compact);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-badge .eui-badge-wrapper:empty{min-width:var(--eui-s-s);height:var(--eui-s-s)}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-20%;top:-20%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border: var(--eui-c-white)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color-on-bg: var(--eui-c-neutral-lightest-contrast);--_color: var(--eui-c-neutral);--_border: var(--eui-c-neutral-light)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border: var(--eui-c-white)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border: var(--eui-c-white)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border: var(--eui-c-white)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border: var(--eui-c-white)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border: var(--eui-c-white)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-badge--size-xs .eui-badge-wrapper{height:var(--eui-s-s);min-width:var(--eui-s-s);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs-bold-compact)}.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-bold-compact)}.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-bold-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
43
43
|
"euiOutline"
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
|
-
], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-
|
|
46
|
+
], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-light))}.eui-badge{display:inline-flex;border-radius:var(--eui-br-max)}.eui-badge-wrapper{display:inline-flex;align-items:center;padding:0 var(--eui-s-2xs);min-width:var(--eui-s-l);height:var(--eui-s-l);justify-content:center;font:var(--eui-f-xs-bold-compact);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-badge .eui-badge-wrapper:empty{min-width:var(--eui-s-s);height:var(--eui-s-s)}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-20%;top:-20%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border: var(--eui-c-white)}.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color-on-bg: var(--eui-c-neutral-lightest-contrast);--_color: var(--eui-c-neutral);--_border: var(--eui-c-neutral-light)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border: var(--eui-c-white)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border: var(--eui-c-white)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border: var(--eui-c-white)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border: var(--eui-c-white)}.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent-darker);--_border: var(--eui-c-white)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-badge--size-xs .eui-badge-wrapper{height:var(--eui-s-s);min-width:var(--eui-s-s);padding:var(--eui-s-2xs) 0;font:var(--eui-f-xs-bold-compact)}.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-bold-compact)}.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-bold-compact)}\n"] }]
|
|
47
47
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
48
48
|
type: HostBinding,
|
|
49
49
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-badge/eui-badge.component.ts", "../../eui-badge/eui-badge.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'div[euiBadge], span[euiBadge], eui-badge',\n template: '<span class=\"eui-badge-wrapper\"><ng-content></ng-content></span>',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\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 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n ],\n },\n ],\n})\nexport class EuiBadgeComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-badge'),\n ].join(' ').trim();\n }\n\n // TODO check if feasible : 99+ to be displayed f.e.\n // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n // @Input() maxNumber = 99;\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 constructor(\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n imports: [CommonModule, BaseStatesDirective],\n exports: [EuiBadgeComponent],\n declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AA+B9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;0GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA3BhB,oEAAkE,UAAA,MAAA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AA+B9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;0GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA3BhB,oEAAkE,UAAA,MAAA,QAAA,CAAA,8nFAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;gGA2BnE,mBAAiB,YAAA,CAAA;QA7B7B;qBACa,4CAA0C,UAC1C,oEAAkE,iBAE3D,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,8nFAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AC9CvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;4GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;6GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;6GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;kGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
|
|
6
6
|
"names": ["BaseStatesDirective"]
|
|
7
7
|
}
|
|
@@ -57,7 +57,7 @@ var EuiButtonComponent = class _EuiButtonComponent {
|
|
|
57
57
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
58
58
|
}
|
|
59
59
|
static {
|
|
60
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: '<span class="eui-button__container">\n <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast))}.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m));text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs)}.eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px) calc(var(--eui-s-m))}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:var(--eui-f-xs)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:var(--eui-f-s)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:var(--eui-f-m)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:var(--eui-f-l)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-darker);--_on-hover-color: var(--eui-c-warning-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-dark-contrast);--_border-color: var(--eui-c-accent-dark);--_hover-color: var(--eui-c-accent-darker);--_on-hover-color: var(--eui-c-accent-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-button--basic:hover .eui-label{color:var(--_on-basic-hover-color)}.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-s-3xl);position:fixed;right:var(--eui-s-xl);z-index:calc(var(--eui-zi-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-floating{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;overflow:hidden;padding:var(--eui-s-xs);position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;height:var(--eui-s-4xl);width:var(--eui-s-4xl);z-index:1;box-shadow:var(--eui-sh-6);background-color:var(--_bg-color);color:var(--_on-bg-color)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-sh-3)}.eui-button-floating:before{border-radius:var(--eui-br-none)}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-s-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-sh-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-s-s)}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
60
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: '<span class="eui-button__container">\n <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m));text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs)}.eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px) calc(var(--eui-s-m))}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:var(--eui-f-xs)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:var(--eui-f-s)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:var(--eui-f-m)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:var(--eui-f-l)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-darker);--_on-hover-color: var(--eui-c-warning-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-dark-contrast);--_border-color: var(--eui-c-accent-dark);--_hover-color: var(--eui-c-accent-darker);--_on-hover-color: var(--eui-c-accent-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button--outline .eui-label{color:var(--_outline-color)}.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-button--basic:hover .eui-label{color:var(--_on-basic-hover-color)}.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-button--outline:hover .eui-label{color:var(--_on-outline-hover-color)}.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-s-3xl);position:fixed;right:var(--eui-s-xl);z-index:calc(var(--eui-zi-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-floating{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;overflow:hidden;padding:var(--eui-s-xs);position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;height:var(--eui-s-4xl);width:var(--eui-s-4xl);z-index:1;box-shadow:var(--eui-sh-6);background-color:var(--_bg-color);color:var(--_on-bg-color)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-sh-3)}.eui-button-floating:before{border-radius:var(--eui-br-none)}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-s-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-sh-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-s-s)}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
83
83
|
"euiResponsive"
|
|
84
84
|
]
|
|
85
85
|
}
|
|
86
|
-
], template: '<span class="eui-button__container">\n <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast))}.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m));text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs)}.eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px) calc(var(--eui-s-m))}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:var(--eui-f-xs)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:var(--eui-f-s)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:var(--eui-f-m)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:var(--eui-f-l)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-darker);--_on-hover-color: var(--eui-c-warning-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-dark-contrast);--_border-color: var(--eui-c-accent-dark);--_hover-color: var(--eui-c-accent-darker);--_on-hover-color: var(--eui-c-accent-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--
|
|
86
|
+
], template: '<span class="eui-button__container">\n <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m));text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs)}.eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px) calc(var(--eui-s-m))}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:var(--eui-f-xs)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:var(--eui-f-s)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:var(--eui-f-m)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:var(--eui-f-l)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-darker);--_on-hover-color: var(--eui-c-warning-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-dark-contrast);--_border-color: var(--eui-c-accent-dark);--_hover-color: var(--eui-c-accent-darker);--_on-hover-color: var(--eui-c-accent-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-button--outline .eui-label{color:var(--_outline-color)}.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-button--basic:hover .eui-label{color:var(--_on-basic-hover-color)}.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-button--outline:hover .eui-label{color:var(--_on-outline-hover-color)}.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-s-3xl);position:fixed;right:var(--eui-s-xl);z-index:calc(var(--eui-zi-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-button-floating{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;overflow:hidden;padding:var(--eui-s-xs);position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;height:var(--eui-s-4xl);width:var(--eui-s-4xl);z-index:1;box-shadow:var(--eui-sh-6);background-color:var(--_bg-color);color:var(--_on-bg-color)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-sh-3)}.eui-button-floating:before{border-radius:var(--eui-br-none)}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-s-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-sh-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-s-s)}\n'] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
88
88
|
type: HostBinding,
|
|
89
89
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-button/eui-button.component.ts", "../../eui-button/eui-button.component.html"],
|
|
4
4
|
"sourcesContent": ["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Renderer2,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\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 'euiSizeL',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @HostBinding('attr.id')\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n // ATTENTION : don't change those to input/transform, they are exposed OR\n // TODO v18 we should find a way to do this using transform\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\n @Input()\n public get euiDisabled(): boolean {\n return this._euiDisabled;\n }\n public set euiDisabled(value: BooleanInput) {\n this._euiDisabled = coerceBooleanProperty(value);\n if (this._euiDisabled) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n private _isChecked = false;\n private _euiDisabled= false;\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n", "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,UACA,WACA,aACA,cACA,OACA,QACA,cACA,yBACA,mBAGA,wBACG;AACP,SAAS,oBAAoB;AAE7B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAuB,6BAA6B;;;AAkC9C,IAAO,qBAAP,MAAO,oBAAkB;EAC3B,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,YAAY;MACnD,KAAK,iBAAiB,iCAAiC;MACvD,KAAK,iBAAiB,sBAAsB;MAC5C,KAAK,gBAAgB,0BAA0B;MAC/C,KAAK,cAAc,0BAA0B;MAE5C,KAAK,GAAG,EACR,KAAI;EACb;;;EAeA,IACW,YAAS;AAChB,WAAO,KAAK;EAChB;EACA,IAAW,UAAU,OAAmB;AACpC,SAAK,oBAAoB,YAAY,sBAAsB,KAAK;AAChE,SAAK,aAAa,sBAAsB,KAAK;EACjD;EACA,IACW,cAAW;AAClB,WAAO,KAAK;EAChB;EACA,IAAW,YAAY,OAAmB;AACtC,SAAK,eAAe,sBAAsB,KAAK;AAC/C,QAAI,KAAK,cAAc;AACnB,WAAK,UAAU,aAAa,KAAK,YAAY,eAAe,YAAY,MAAM;IAClF,OAAO;AACH,WAAK,UAAU,gBAAgB,KAAK,YAAY,eAAe,UAAU;IAC7E;EACJ;EAOA,YACc,WACA,aACH,qBAAwC;AAFrC,SAAA,YAAA;AACA,SAAA,cAAA;AACH,SAAA,sBAAA;AA1C4B,SAAA,UAAU;AAKT,SAAA,iBAAiB;AACjB,SAAA,gBAAgB;AAChB,SAAA,iBAAiB;AACjB,SAAA,gBAAgB;AAChB,SAAA,cAAc;AAyB5C,SAAA,cAAgD,IAAI,aAAY;AAElE,SAAA,aAAa;AACb,SAAA,eAAc;EAOtB;EAGU,UAAO;AACb,SAAK,YAAY,KAAK,IAAI;EAC9B;;0GA/DS,qBAAkB,MAAA,CAAA,EAAA,OAAA,aAAA,GAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;8FAAlB,qBAAkB,UAAA,mCAAA,QAAA,EAAA,SAAA,WAAA,IAAA,MAAA,gBAAA,CAAA,kBAAA,kBAmBP,gBAAgB,GAAA,eAAA,CAAA,iBAAA,iBAChB,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,GAAA,eAAA,CAAA,iBAAA,iBAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,WAAA,aAAA,aAAA,cAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,WAAA,EAAA,SAAA,YAAA,GAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,WAAA,UAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,cAAA,cAAA,cAAA,iBAAA,eAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UC3ExC,kFAGA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -63,9 +63,6 @@ var EuiChipComponent = class _EuiChipComponent {
|
|
|
63
63
|
if (this._elementRef.nativeElement.parentElement?.classList.contains("eui-chip-list__chip-container")) {
|
|
64
64
|
this.role = "listitem";
|
|
65
65
|
}
|
|
66
|
-
if (!this.baseStatesDirective.euiVariant) {
|
|
67
|
-
this.baseStatesDirective.euiPrimary = true;
|
|
68
|
-
}
|
|
69
66
|
}
|
|
70
67
|
onRemove(event) {
|
|
71
68
|
if (event instanceof KeyboardEvent && event.code === "Backspace") {
|
|
@@ -78,7 +75,7 @@ var EuiChipComponent = class _EuiChipComponent {
|
|
|
78
75
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
79
76
|
}
|
|
80
77
|
static {
|
|
81
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiChipComponent, 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] }, 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", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "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__remove-icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-
|
|
78
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiChipComponent, 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] }, 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", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "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__remove-icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--size-l{font:var(--eui-f-l-compact)}.eui-chip--size-l .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\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", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
82
79
|
}
|
|
83
80
|
};
|
|
84
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
@@ -104,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
104
101
|
"euiDisabled"
|
|
105
102
|
]
|
|
106
103
|
}
|
|
107
|
-
], 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__remove-icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-
|
|
104
|
+
], 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__remove-icon"\n icon="eui-ecl-close-outline"\n ariaLabel="Remove chip"\n hasNoPadding\n (keydown.enter)="onRemove($event)"\n (keydown.backspace)="onRemove($event)"\n (click)="onRemove($event)">\n </eui-icon-button>\n</div>\n', styles: [".eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_color-on-bg: var(--eui-chip-color, var(--eui-c-neutral-bg-light-contrast));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg-light));--_border-color: var(--eui-chip-border-color, var(--eui-c-neutral-dark))}.eui-chip{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;position:relative;transition:var(--eui-base-animation-transition-base);font:var(--eui-f-s-compact);min-height:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-dark)}.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-bg-light-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-dark)}.eui-chip--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-dark)}.eui-chip--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-dark)}.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-dark)}.eui-chip--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-dark)}.eui-chip--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-accent-contrast);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-dark)}.eui-chip{background-color:var(--_bg-color);color:var(--_color-on-bg);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip .eui-label{color:var(--_color-on-bg)}.eui-chip--outline{background-color:var(--eui-c-white);color:var(--_color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-chip--primary.eui-chip--outline .eui-label{color:var(--eui-c-primary)}.eui-chip--info.eui-chip--outline .eui-label{color:var(--eui-c-info)}.eui-chip--success.eui-chip--outline .eui-label{color:var(--eui-c-success)}.eui-chip--warning.eui-chip--outline .eui-label{color:var(--eui-c-warning)}.eui-chip--danger.eui-chip--outline .eui-label{color:var(--eui-c-danger)}.eui-chip--size-s{font:var(--eui-f-xs-compact)}.eui-chip--size-s .eui-icon-svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-chip--size-m{font:var(--eui-f-m-compact)}.eui-chip--size-m .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--size-l{font:var(--eui-f-l-compact)}.eui-chip--size-l .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-chip--squared{border-radius:var(--eui-br-none)}\n"] }]
|
|
108
105
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
109
106
|
type: HostBinding,
|
|
110
107
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"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"],
|
|
4
|
-
"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 sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\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 ViewEncapsulation,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\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 encapsulation: ViewEncapsulation.None,\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 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n\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.isSquared ? 'eui-chip--squared' : '',\n ]\n .join(' ')\n .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: uuid.v4(),\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\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
|
|
5
|
-
"mappings": ";AAAM,IAAO,UAAP,MAAc;EAchB,YAAY,SAAS,CAAA,GAAE;AAVvB,SAAA,cAAc;AACd,SAAA,YAAY;AACZ,SAAA,YAAY;AACZ,SAAA,aAAa;AACb,SAAA,YAA4F;AAC5F,SAAA,YAA+E;AAC/E,SAAA,UAA0B,IAAI,eAAc;AAKxC,WAAO,OAAO,MAAM,MAAM;EAC9B;;AAGE,IAAO,iBAAP,MAAqB;EAMvB,YAAY,SAAS,CAAA,GAAE;AAJvB,SAAA,WAAuE;AACvE,SAAA,mBAA6D;AAC7D,SAAA,QAAS;AAGL,WAAO,OAAO,MAAM,MAAM;EAC9B;;;;AC3BJ,SACI,WACA,aACA,OACA,yBACA,mBACA,YACA,iBAGA,QACA,cACA,WAEA,wBACG;AACP,YAAY,UAAU;AAEtB,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;;;;;AAmC9B,IAAO,mBAAP,MAAO,kBAAgB;EACzB,IACI,aAAU;AACV,WAAO;MACH,KAAK,oBAAoB,cAAc,UAAU;MACjD,KAAK,kBAAkB,wBAAwB;MAC/C,KAAK,YAAY,sBAAsB;MAEtC,KAAK,GAAG,EACR,KAAI;EACb;EAgCA,YACY,aACD,qBAAwC;AADvC,SAAA,cAAA;AACD,SAAA,sBAAA;AAhCe,SAAA,OAAO;AACQ,SAAA,YAAY;AAIrD,SAAA,UAAU;AAED,SAAA,gBAAwB;AAMxB,SAAA,OAAY;MACjB,IAAS,QAAE;MACX,SAAS;QACL,OAAO;QACP,kBAAkB;QAClB,UAAU;;;AAIsB,SAAA,kBAAkB;AAClB,SAAA,YAAY;AAE1C,SAAA,SAAS,IAAI,aAAY;EASnC;EAEA,qBAAkB;AACd,QAAI,CAAC,KAAK,KAAK,MAAM,KAAK,IAAI;AAC1B,WAAK,OAAO,OAAO,OAAO,KAAK,MAAM,EAAE,IAAI,KAAK,GAAE,CAAE;IACxD;AAEA,QAAI,KAAK,YAAY,cAAc,eAAe,UAAU,SAAS,+BAA+B,GAAG;AACnG,WAAK,OAAO;IAChB;
|
|
4
|
+
"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 sizeClass: 'euiSizeS' | 'euiSizeM' | 'euiSizeL' | 'euiSizeXL' | 'euiSize2XL' = 'euiSizeM';\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 ViewEncapsulation,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport * as uuid from 'uuid';\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 encapsulation: ViewEncapsulation.None,\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 'euiSizeM',\n 'euiSizeL',\n 'euiSizeVariant',\n\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.isSquared ? 'eui-chip--squared' : '',\n ]\n .join(' ')\n .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: uuid.v4(),\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\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__remove-icon\"\n icon=\"eui-ecl-close-outline\"\n ariaLabel=\"Remove chip\"\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (click)=\"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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|