@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
|
@@ -23,7 +23,7 @@ export class EuiAvatarComponent {
|
|
|
23
23
|
this.hasNoBackground = false;
|
|
24
24
|
}
|
|
25
25
|
static { 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 }); }
|
|
26
|
-
static { 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-
|
|
26
|
+
static { 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 }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiAvatarComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
@@ -31,6 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
31
31
|
{
|
|
32
32
|
directive: BaseStatesDirective,
|
|
33
33
|
inputs: [
|
|
34
|
+
'euiPrimary',
|
|
34
35
|
'euiSecondary',
|
|
35
36
|
'euiSuccess',
|
|
36
37
|
'euiInfo',
|
|
@@ -46,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
46
47
|
'euiSizeVariant',
|
|
47
48
|
],
|
|
48
49
|
},
|
|
49
|
-
], 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-
|
|
50
|
+
], 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"] }]
|
|
50
51
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
51
52
|
type: HostBinding,
|
|
52
53
|
args: ['class']
|
|
@@ -77,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
77
78
|
type: Input,
|
|
78
79
|
args: [{ transform: booleanAttribute }]
|
|
79
80
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktYXZhdGFyL2V1aS1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWF2YXRhci9ldWktYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQStCN0QsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixJQUNXLFVBQVU7UUFDakIsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1lBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3BELElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzFELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFXRCxZQUNXLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBVlosWUFBTyxHQUFHLFlBQVksQ0FBQztRQUNwQyxTQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ1csY0FBUyxHQUFrQixRQUFRLENBQUM7UUFFakQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2Ysb0JBQWUsR0FBRyxLQUFLLENBQUM7SUFJN0QsQ0FBQzttSEF0Qkssa0JBQWtCO3VHQUFsQixrQkFBa0IsdUtBZVAsZ0JBQWdCLHFEQUNoQixnQkFBZ0IsZ0NBQ2hCLGdCQUFnQiwyREFDaEIsZ0JBQWdCLG9uQkNsRHhDLHVWQVFBOztnR0R3QmEsa0JBQWtCO2tCQTdCOUIsU0FBUzsrQkFDSSw2Q0FBNkMsbUJBR3RDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixZQUFZO2dDQUNaLGNBQWM7Z0NBQ2QsWUFBWTtnQ0FDWixTQUFTO2dDQUNULFlBQVk7Z0NBQ1osV0FBVztnQ0FDWCxXQUFXO2dDQUNYLFlBQVk7Z0NBRVosV0FBVztnQ0FDWCxVQUFVO2dDQUNWLFVBQVU7Z0NBQ1YsV0FBVztnQ0FDWCxZQUFZO2dDQUNaLGdCQUFnQjs2QkFDbkI7eUJBQ0o7cUJBQ0o7d0ZBSVUsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQVVtQixPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBQ1YsSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQUM2QixTQUFTO3NCQUE3RCxXQUFXO3VCQUFDLGlCQUFpQjs7c0JBQUcsS0FBSzt1QkFBQyxZQUFZO2dCQUVYLFNBQVM7c0JBQWhELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsYUFBYTtzQkFBcEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxNQUFNO3NCQUE3QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGVBQWU7c0JBQXRELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZGl2W2V1aUF2YXRhcl0sIHNwYW5bZXVpQXZhdGFyXSwgZXVpLWF2YXRhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9zdHlsZXMvX2luZGV4LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aVByaW1hcnknLFxuICAgICAgICAgICAgICAgICdldWlTZWNvbmRhcnknLFxuICAgICAgICAgICAgICAgICdldWlTdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAnZXVpSW5mbycsXG4gICAgICAgICAgICAgICAgJ2V1aVdhcm5pbmcnLFxuICAgICAgICAgICAgICAgICdldWlEYW5nZXInLFxuICAgICAgICAgICAgICAgICdldWlBY2NlbnQnLFxuICAgICAgICAgICAgICAgICdldWlWYXJpYW50JyxcblxuICAgICAgICAgICAgICAgICdldWlTaXplWFMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplUycsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZTJYTCcsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVWYXJpYW50JyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpQXZhdGFyQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktYXZhdGFyJyksXG4gICAgICAgICAgICB0aGlzLmlzU2hhcGVTcXVhcmUgPyAnZXVpLWF2YXRhci0tc2hhcGUtc3F1YXJlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc0ZsYXQgPyAnZXVpLWF2YXRhci0tZmxhdCBldWktLWJhc2ljJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5oYXNOb0JhY2tncm91bmQgPyAnZXVpLWF2YXRhci0tbm8tYmFja2dyb3VuZCcgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpIEBJbnB1dCgpIGUyZUF0dHIgPSAnZXVpLWF2YXRhcic7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ3N0YXR1cyc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBASW5wdXQoJ2FyaWEtbGFiZWwnKSBhcmlhTGFiZWw6IHN0cmluZyB8IG51bGwgPSAnYXZhdGFyJztcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBoYXNTaGFkb3cgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaXNTaGFwZVNxdWFyZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0ZsYXQgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgaGFzTm9CYWNrZ3JvdW5kID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgKSB7fVxufVxuIiwiPGRpdiAqbmdJZj1cImhhc1NoYWRvd1wiIGNsYXNzPVwiZXVpLWF2YXRhci1zaGFkb3dcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImV1aS1hdmF0YXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1hdmF0YXItaWNvblwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLXRleHRcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLWF2YXRhci1pbWFnZVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktYXZhdGFyLWJhZGdlXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -18,7 +18,7 @@ export class EuiBadgeComponent {
|
|
|
18
18
|
this.ariaLabel = 'badge';
|
|
19
19
|
}
|
|
20
20
|
static { 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 }); }
|
|
21
|
-
static { 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-
|
|
21
|
+
static { 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 }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiBadgeComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
41
41
|
'euiOutline',
|
|
42
42
|
],
|
|
43
43
|
},
|
|
44
|
-
], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-
|
|
44
|
+
], 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"] }]
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
46
46
|
type: HostBinding,
|
|
47
47
|
args: ['class']
|
|
@@ -56,7 +56,7 @@ export class EuiButtonComponent {
|
|
|
56
56
|
this.buttonClick.emit(this);
|
|
57
57
|
}
|
|
58
58
|
static { 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 }); }
|
|
59
|
-
static { 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 }); }
|
|
59
|
+
static { 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 }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
81
81
|
'euiResponsive',
|
|
82
82
|
],
|
|
83
83
|
},
|
|
84
|
-
], 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(--
|
|
84
|
+
], 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"] }]
|
|
85
85
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
86
86
|
type: HostBinding,
|
|
87
87
|
args: ['class']
|
|
@@ -45,9 +45,6 @@ export class EuiChipComponent {
|
|
|
45
45
|
if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {
|
|
46
46
|
this.role = 'listitem';
|
|
47
47
|
}
|
|
48
|
-
if (!this.baseStatesDirective.euiVariant) {
|
|
49
|
-
this.baseStatesDirective.euiPrimary = true;
|
|
50
|
-
}
|
|
51
48
|
}
|
|
52
49
|
onRemove(event) {
|
|
53
50
|
if (event instanceof KeyboardEvent && event.code === 'Backspace') {
|
|
@@ -58,7 +55,7 @@ export class EuiChipComponent {
|
|
|
58
55
|
}
|
|
59
56
|
}
|
|
60
57
|
static { 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 }); }
|
|
61
|
-
static { 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-
|
|
58
|
+
static { 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 }); }
|
|
62
59
|
}
|
|
63
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiChipComponent, decorators: [{
|
|
64
61
|
type: Component,
|
|
@@ -83,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
83
80
|
'euiDisabled',
|
|
84
81
|
],
|
|
85
82
|
},
|
|
86
|
-
], 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-
|
|
83
|
+
], 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"] }]
|
|
87
84
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
88
85
|
type: HostBinding,
|
|
89
86
|
args: ['class']
|
|
@@ -123,4 +120,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
|
|
|
123
120
|
type: ViewChild,
|
|
124
121
|
args: ['chipLabel']
|
|
125
122
|
}] } });
|
|
126
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWNoaXAvZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsVUFBVSxFQUNWLGVBQWUsRUFHZixNQUFNLEVBQ04sWUFBWSxFQUNaLFNBQVMsRUFFVCxnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxLQUFLLElBQUksTUFBTSxNQUFNLENBQUM7QUFFN0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBbUMvRCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ3pCLElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztZQUNsRCxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqRCxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUM1QzthQUNJLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDVCxJQUFJLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBZ0NELFlBQ1ksV0FBdUIsRUFDeEIsbUJBQXdDO1FBRHZDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3hCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFoQ3pCLFNBQUksR0FBRyxRQUFRLENBQUM7UUFDRCxjQUFTLEdBQUcsY0FBYyxDQUFDO1FBSXBFLFlBQU8sR0FBRyxVQUFVLENBQUM7UUFFWixrQkFBYSxHQUFXLElBQUksQ0FBQztRQUd0QyxnQ0FBZ0M7UUFDaEMsbUhBQW1IO1FBQ25ILDhEQUE4RDtRQUNyRCxTQUFJLEdBQVE7WUFDakIsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDYixPQUFPLEVBQUU7Z0JBQ0wsS0FBSyxFQUFFLG1CQUFtQjtnQkFDMUIsZ0JBQWdCLEVBQUUsSUFBSTtnQkFDdEIsUUFBUSxFQUFFLE9BQU87YUFDcEI7U0FDSixDQUFDO1FBRXNDLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFaEQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvRixDQUFDO0lBU3hILENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzFELENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsUUFBUSxDQUFDLCtCQUErQixDQUFDLEVBQUUsQ0FBQztZQUNwRyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtRQUMxQixDQUFDO0lBQ0wsQ0FBQztJQUVNLFFBQVEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksS0FBSyxZQUFZLGFBQWEsSUFBSyxLQUF1QixDQUFDLElBQUksS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUNsRixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDakQsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEMsQ0FBQztJQUNMLENBQUM7bUhBaEVRLGdCQUFnQjt1R0FBaEIsZ0JBQWdCLDRQQWtDTCxnQkFBZ0IseUNBQ2hCLGdCQUFnQiwrUEFJRixtQkFBbUIsbW1CQzdGekQseWZBZUE7O2dHRHVDYSxnQkFBZ0I7a0JBL0I1QixTQUFTOytCQUVJLHNDQUFzQyxtQkFFL0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLFlBQVk7Z0NBQ1osY0FBYztnQ0FDZCxZQUFZO2dDQUNaLFNBQVM7Z0NBQ1QsWUFBWTtnQ0FDWixXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsWUFBWTtnQ0FFWixXQUFXO2dDQUNYLFVBQVU7Z0NBQ1YsVUFBVTtnQ0FDVixVQUFVO2dDQUNWLGdCQUFnQjtnQ0FFaEIsWUFBWTtnQ0FDWixhQUFhOzZCQUNoQjt5QkFDSjtxQkFDSjtpSEFJRyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFXTSxJQUFJO3NCQUE3QixXQUFXO3VCQUFDLFdBQVc7Z0JBQ2lCLFNBQVM7c0JBQWpELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUl2QyxPQUFPO3NCQUZOLFdBQVc7dUJBQUMsZUFBZTs7c0JBQzNCLEtBQUs7Z0JBR0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFJRyxJQUFJO3NCQUFaLEtBQUs7Z0JBU2tDLGVBQWU7c0JBQXRELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsU0FBUztzQkFBaEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFNUIsTUFBTTtzQkFBZixNQUFNO2dCQUVpRCxRQUFRO3NCQUEvRCxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDOUIsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgZm9yd2FyZFJlZixcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgUXVlcnlMaXN0LFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBWaWV3Q2hpbGQsXG4gICAgRWxlbWVudFJlZixcbiAgICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIHV1aWQgZnJvbSAndXVpZCc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUljb25TdmdDb21wb25lbnQgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuXG5pbXBvcnQgeyBFdWlDaGlwIH0gZnJvbSAnLi9tb2RlbHMvZXVpLWNoaXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWNoaXAuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnZXVpLWNoaXAsIHNwYW5bZXVpQ2hpcF0sIGxpW2V1aUNoaXBdJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlQcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU2Vjb25kYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU3VjY2VzcycsXG4gICAgICAgICAgICAgICAgJ2V1aUluZm8nLFxuICAgICAgICAgICAgICAgICdldWlXYXJuaW5nJyxcbiAgICAgICAgICAgICAgICAnZXVpRGFuZ2VyJyxcbiAgICAgICAgICAgICAgICAnZXVpQWNjZW50JyxcbiAgICAgICAgICAgICAgICAnZXVpVmFyaWFudCcsXG5cbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVhTJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWlTaXplTScsXG4gICAgICAgICAgICAgICAgJ2V1aVNpemVMJyxcbiAgICAgICAgICAgICAgICAnZXVpU2l6ZVZhcmlhbnQnLFxuXG4gICAgICAgICAgICAgICAgJ2V1aU91dGxpbmUnLFxuICAgICAgICAgICAgICAgICdldWlEaXNhYmxlZCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUNoaXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1jaGlwJyksXG4gICAgICAgICAgICB0aGlzLmlzQ2hpcFJlbW92YWJsZSA/ICdldWktY2hpcC0tcmVtb3ZhYmxlJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc1NxdWFyZWQgPyAnZXVpLWNoaXAtLXNxdWFyZWQnIDogJycsXG4gICAgICAgIF1cbiAgICAgICAgICAgIC5qb2luKCcgJylcbiAgICAgICAgICAgIC50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ3N0YXR1cyc7XG4gICAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKSBhcmlhTGFiZWwgPSAnQ2hpcCBjb250ZW50JztcblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWUyZScpXG4gICAgQElucHV0KClcbiAgICBlMmVBdHRyID0gJ2V1aS1jaGlwJztcblxuICAgIEBJbnB1dCgpIGV1aUludGVybmFsSWQ6IHN0cmluZyA9IG51bGw7XG4gICAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8vIFRPRE86IHR5cGUgc2hvdWxkIGJlIHNwZWNpZmljXG4gICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgQElucHV0KCkgZGF0YTogYW55ID0ge1xuICAgICAgICBpZDogdXVpZC52NCgpLFxuICAgICAgICB0b29sdGlwOiB7XG4gICAgICAgICAgICBjb2xvcjogJ2V1aVRvb2x0aXBQcmltYXJ5JyxcbiAgICAgICAgICAgIGNvbnRlbnRBbGlnbm1lbnQ6IG51bGwsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fib3ZlJyxcbiAgICAgICAgfSxcbiAgICB9O1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGlzQ2hpcFJlbW92YWJsZSA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc1NxdWFyZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aUNoaXBDb21wb25lbnQgfCBFdWlDaGlwIHwgeyBjaGlwOiBFdWlDaGlwQ29tcG9uZW50IHwgRXVpQ2hpcDsgZXZlbnQ/OiBFdmVudCB9PigpO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUljb25TdmdDb21wb25lbnQpKSBldWlJY29uczogUXVlcnlMaXN0PEV1aUljb25TdmdDb21wb25lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoJ2NoaXBMYWJlbCcpIGNoaXBMYWJlbDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5kYXRhLmlkICYmIHRoaXMuaWQpIHtcbiAgICAgICAgICAgIHRoaXMuZGF0YSA9IE9iamVjdC5hc3NpZ24odGhpcy5kYXRhLCB7IGlkOiB0aGlzLmlkIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jbGFzc0xpc3QuY29udGFpbnMoJ2V1aS1jaGlwLWxpc3RfX2NoaXAtY29udGFpbmVyJykpIHtcbiAgICAgICAgICAgIHRoaXMucm9sZSA9ICdsaXN0aXRlbSdcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBvblJlbW92ZShldmVudD86IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIEtleWJvYXJkRXZlbnQgJiYgKGV2ZW50IGFzIEtleWJvYXJkRXZlbnQpLmNvZGUgPT09ICdCYWNrc3BhY2UnKSB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZS5lbWl0KHsgY2hpcDogdGhpcy5kYXRhLCBldmVudCB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMucmVtb3ZlLmVtaXQodGhpcy5kYXRhKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWktY2hpcC13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1jaGlwX19jb250ZW50LWNvbnRhaW5lclwiICNjaGlwTGFiZWw+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZXVpLWljb24tYnV0dG9uXG4gICAgICAgICpuZ0lmPVwiaXNDaGlwUmVtb3ZhYmxlXCJcbiAgICAgICAgY2xhc3M9XCJldWktY2hpcF9fcmVtb3ZlLWljb25cIlxuICAgICAgICBpY29uPVwiZXVpLWVjbC1jbG9zZS1vdXRsaW5lXCJcbiAgICAgICAgYXJpYUxhYmVsPVwiUmVtb3ZlIGNoaXBcIlxuICAgICAgICBoYXNOb1BhZGRpbmdcbiAgICAgICAgKGtleWRvd24uZW50ZXIpPVwib25SZW1vdmUoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duLmJhY2tzcGFjZSk9XCJvblJlbW92ZSgkZXZlbnQpXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uUmVtb3ZlKCRldmVudClcIj5cbiAgICA8L2V1aS1pY29uLWJ1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -93,11 +93,11 @@ export class EuiIconSvgComponent {
|
|
|
93
93
|
this.iconStyle = `${fill} ${height} ${width}`;
|
|
94
94
|
}
|
|
95
95
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", fillColor: "fillColor", set: "set", size: "size", style: "style", iconUrl: "iconUrl", transform: "transform", euiVariant: "euiVariant", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isInputIcon: ["isInputIcon", "isInputIcon", booleanAttribute], euiStart: ["euiStart", "euiStart", booleanAttribute], euiEnd: ["euiEnd", "euiEnd", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", fillColor: "fillColor", set: "set", size: "size", style: "style", iconUrl: "iconUrl", transform: "transform", euiVariant: "euiVariant", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isInputIcon: ["isInputIcon", "isInputIcon", booleanAttribute], euiStart: ["euiStart", "euiStart", booleanAttribute], euiEnd: ["euiEnd", "euiEnd", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
97
97
|
}
|
|
98
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
|
-
args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-
|
|
100
|
+
args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"] }]
|
|
101
101
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
102
102
|
type: Optional
|
|
103
103
|
}, {
|