@eui/components 18.2.4-snapshot-1733710123090 → 18.2.4-snapshot-1733882948889
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/EuiMenuComponent.html +25 -1
- package/docs/components/EuiMenuItemComponent.html +19 -0
- package/docs/components/EuiSidebarMenuComponent.html +25 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +2 -2
- package/esm2022/eui-icon-button/eui-icon-button.component.mjs +2 -2
- package/esm2022/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
- package/esm2022/eui-icon-state/eui-icon-state.component.mjs +2 -2
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +6 -3
- package/esm2022/eui-menu/eui-menu.component.mjs +7 -3
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +7 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +1 -1
- package/esm2022/layout/eui-toolbar/toolbar-search/toolbar-search.component.mjs +2 -2
- package/eui-menu/eui-menu-item.component.d.ts +3 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts +3 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-icon-button-expander.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-button-expander.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon-state.mjs +2 -2
- package/fesm2022/eui-components-eui-icon-state.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +2 -2
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +11 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +6 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAG3D,qBAMa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,eAAe;
|
|
1
|
+
{"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,YAAY,EAEZ,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAG3D,qBAMa,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,eAAe;IA4C/D,OAAO,CAAC,UAAU;IA1CJ,IAAI,SAAc;IACZ,SAAS,SAAM;IAE/C,IACW,UAAU,IAAI,MAAM,CAE9B;IAC6B,QAAQ,SAAQ;IAC9C,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IACI,YAAY,IAAI,OAAO,CAE1B;IAEQ,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,UAAQ;IACpB,YAAY,qCAAmC;IAC/C,SAAS,qCAAmC;IAEtD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,mBAAmB,UAAS;IAEY,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;gBAE9C,UAAU,EAAE,UAAU;IAE1C,QAAQ,IAAI,IAAI;IAQhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAYlC,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAW/C,IAAI,eAAe,IAAI,MAAM,CAK5B;IAEM,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,GAAG,IAAI;IAWhD,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAU1C,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAO/C,eAAe,IAAI,IAAI;IAK9B,oBAAoB,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIpB;;;OAGG;IACH,0BAA0B,CAAC,gBAAgB,UAAQ,GAAG,OAAO;IAU7D;;;OAGG;IACH,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAIzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,YAAY;IAQpB;;;OAGG;IACH,OAAO,CAAC,aAAa;yCA1KZ,oBAAoB;2CAApB,oBAAoB;sCAiLi2/B,OAAQ;yCAAR,OAAQ;mDAAR,OAAQ;0CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;CADz4/B"}
|
|
@@ -20,6 +20,7 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy, A
|
|
|
20
20
|
hasFilter: boolean;
|
|
21
21
|
hasIcons: boolean;
|
|
22
22
|
hasTooltip: boolean;
|
|
23
|
+
hasTooltipOnExpanded: boolean;
|
|
23
24
|
/**
|
|
24
25
|
* Expand all items in the menu. Affects only items that have no expanded property set.
|
|
25
26
|
* e.g. items = [{label: test, expanded: true}, {label: test2, expanded: false}, {label: test3}] will expand only test3.
|
|
@@ -165,12 +166,13 @@ export declare class EuiMenuComponent implements OnInit, OnChanges, OnDestroy, A
|
|
|
165
166
|
*/
|
|
166
167
|
private isFilterEnabled;
|
|
167
168
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMenuComponent, never>;
|
|
168
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuComponent, "eui-menu", never, { "items": { "alias": "items"; "required": false; }; "searchFilterLabel": { "alias": "searchFilterLabel"; "required": false; }; "externalLinkLabel": { "alias": "externalLinkLabel"; "required": false; }; "fragmentId": { "alias": "fragmentId"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "hasIcons": { "alias": "hasIcons"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "expandAllItems": { "alias": "expandAllItems"; "required": false; }; "isFlat": { "alias": "isFlat"; "required": false; }; "hasScrollToItem": { "alias": "hasScrollToItem"; "required": false; }; "hasBoldRootLevel": { "alias": "hasBoldRootLevel"; "required": false; }; }, { "isClick": "isClick"; "itemClick": "itemClick"; "expandToggle": "expandToggle"; }, never, never, false, never>;
|
|
169
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiMenuComponent, "eui-menu", never, { "items": { "alias": "items"; "required": false; }; "searchFilterLabel": { "alias": "searchFilterLabel"; "required": false; }; "externalLinkLabel": { "alias": "externalLinkLabel"; "required": false; }; "fragmentId": { "alias": "fragmentId"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "hasIcons": { "alias": "hasIcons"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "hasTooltipOnExpanded": { "alias": "hasTooltipOnExpanded"; "required": false; }; "expandAllItems": { "alias": "expandAllItems"; "required": false; }; "isFlat": { "alias": "isFlat"; "required": false; }; "hasScrollToItem": { "alias": "hasScrollToItem"; "required": false; }; "hasBoldRootLevel": { "alias": "hasBoldRootLevel"; "required": false; }; }, { "isClick": "isClick"; "itemClick": "itemClick"; "expandToggle": "expandToggle"; }, never, never, false, never>;
|
|
169
170
|
static ngAcceptInputType_isCollapsed: unknown;
|
|
170
171
|
static ngAcceptInputType_hasCollapsedInitials: unknown;
|
|
171
172
|
static ngAcceptInputType_hasFilter: unknown;
|
|
172
173
|
static ngAcceptInputType_hasIcons: unknown;
|
|
173
174
|
static ngAcceptInputType_hasTooltip: unknown;
|
|
175
|
+
static ngAcceptInputType_hasTooltipOnExpanded: unknown;
|
|
174
176
|
static ngAcceptInputType_expandAllItems: unknown;
|
|
175
177
|
static ngAcceptInputType_isFlat: unknown;
|
|
176
178
|
static ngAcceptInputType_hasScrollToItem: unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,SAAS,EACT,aAAa,EAEb,SAAS,EACT,iBAAiB,EAEjB,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAMxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAE3D,qBAMa,gBAAiB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa;
|
|
1
|
+
{"version":3,"file":"eui-menu.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export declare class EuiSidebarMenuComponent {
|
|
|
9
9
|
hasFilter: boolean;
|
|
10
10
|
hasIcons: boolean;
|
|
11
11
|
hasTooltip: boolean;
|
|
12
|
+
hasTooltipOnExpanded: boolean;
|
|
12
13
|
expandAllItems: boolean;
|
|
13
14
|
hasBoldRootLevel: boolean;
|
|
14
15
|
style: string;
|
|
@@ -21,12 +22,13 @@ export declare class EuiSidebarMenuComponent {
|
|
|
21
22
|
protected onMenuItemClicked(item: EuiMenuItem): void;
|
|
22
23
|
protected onMenuClicked(event: boolean): void;
|
|
23
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiSidebarMenuComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EuiSidebarMenuComponent, "eui-sidebar-menu", never, { "items": { "alias": "items"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "hasIcons": { "alias": "hasIcons"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "expandAllItems": { "alias": "expandAllItems"; "required": false; }; "hasBoldRootLevel": { "alias": "hasBoldRootLevel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "fragmentId": { "alias": "fragmentId"; "required": false; }; "searchFilterLabel": { "alias": "searchFilterLabel"; "required": false; }; "externalTarget": { "alias": "externalTarget"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "menuClick": "menuClick"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EuiSidebarMenuComponent, "eui-sidebar-menu", never, { "items": { "alias": "items"; "required": false; }; "hasCollapsedInitials": { "alias": "hasCollapsedInitials"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "hasIcons": { "alias": "hasIcons"; "required": false; }; "hasTooltip": { "alias": "hasTooltip"; "required": false; }; "hasTooltipOnExpanded": { "alias": "hasTooltipOnExpanded"; "required": false; }; "expandAllItems": { "alias": "expandAllItems"; "required": false; }; "hasBoldRootLevel": { "alias": "hasBoldRootLevel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "fragmentId": { "alias": "fragmentId"; "required": false; }; "searchFilterLabel": { "alias": "searchFilterLabel"; "required": false; }; "externalTarget": { "alias": "externalTarget"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "menuClick": "menuClick"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
25
26
|
static ngAcceptInputType_hasCollapsedInitials: unknown;
|
|
26
27
|
static ngAcceptInputType_isCollapsed: unknown;
|
|
27
28
|
static ngAcceptInputType_hasFilter: unknown;
|
|
28
29
|
static ngAcceptInputType_hasIcons: unknown;
|
|
29
30
|
static ngAcceptInputType_hasTooltip: unknown;
|
|
31
|
+
static ngAcceptInputType_hasTooltipOnExpanded: unknown;
|
|
30
32
|
static ngAcceptInputType_expandAllItems: unknown;
|
|
31
33
|
static ngAcceptInputType_hasBoldRootLevel: unknown;
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-sidebar-menu.component.d.ts","sourceRoot":"","sources":["../../eui-sidebar-menu/eui-sidebar-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkE,YAAY,EAAuC,MAAM,eAAe,CAAC;AAClJ,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;;AAGvD,qBASa,uBAAuB;IACV,MAAM,SAAsB;IAEzC,KAAK,EAAE,WAAW,EAAE,CAAM;IAEK,oBAAoB,UAAS;IAC7B,WAAW,UAAS;IACpB,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAQ;IAClB,cAAc,UAAS;IACvB,gBAAgB,UAAS;IAExD,KAAK,SAAM;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,SAAM;IAChB,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IACtD,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAsB;IAEpE,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAIpD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"eui-sidebar-menu.component.d.ts","sourceRoot":"","sources":["../../eui-sidebar-menu/eui-sidebar-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkE,YAAY,EAAuC,MAAM,eAAe,CAAC;AAClJ,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;;AAGvD,qBASa,uBAAuB;IACV,MAAM,SAAsB;IAEzC,KAAK,EAAE,WAAW,EAAE,CAAM;IAEK,oBAAoB,UAAS;IAC7B,WAAW,UAAS;IACpB,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAQ;IAClB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,gBAAgB,UAAS;IAExD,KAAK,SAAM;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,SAAM;IAChB,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IACtD,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAsB;IAEpE,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAIpD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;yCA1BpC,uBAAuB;2CAAvB,uBAAuB;mDA8BsopC,OAAQ;0CAAR,OAAQ;wCAAR,OAAQ;uCAAR,OAAQ;yCAAR,OAAQ;mDAAR,OAAQ;6CAAR,OAAQ;+CAAR,OAAQ;CADjrpC"}
|
|
@@ -23,11 +23,11 @@ class EuiIconButtonExpanderComponent {
|
|
|
23
23
|
this.buttonClick.emit(event);
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconButtonExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: { fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isDirectionForward: ["isDirectionForward", "isDirectionForward", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n", styles: [":host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}:host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}:host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiIconButtonExpanderComponent, selector: "eui-icon-button-expander", inputs: { fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", isExpanded: ["isExpanded", "isExpanded", booleanAttribute], isDirectionForward: ["isDirectionForward", "isDirectionForward", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n", styles: [".eui-18 :host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}.eui-18 :host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-18 .eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}.eui-18 :host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconButtonExpanderComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'eui-icon-button-expander', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n", styles: [":host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}:host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}:host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\n"] }]
|
|
30
|
+
args: [{ selector: 'eui-icon-button-expander', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n", styles: [".eui-18 :host.eui-icon-button-expander{display:inline-flex;border-radius:var(--eui-br-max)}.eui-18 :host.eui-icon-button-expander:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-icon-button-expander-toggle{background-color:transparent;border:var(--eui-bw-none);border-radius:var(--eui-br-max);cursor:pointer;padding:var(--eui-s-2xs);align-items:center;display:flex;justify-content:center;position:relative;transition:all .2s linear!important}.eui-18 .eui-icon-button-expander-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button-expander-toggle--expanded{transform:rotate(180deg)}.eui-18 :host.eui-icon-button-expander--direction-forward .eui-icon-button-expander-toggle--expanded{transform:rotate(90deg)}\n"] }]
|
|
31
31
|
}], propDecorators: { cssClasses: [{
|
|
32
32
|
type: HostBinding,
|
|
33
33
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon-button-expander.mjs","sources":["../../eui-icon-button-expander/eui-icon-button-expander.component.ts","../../eui-icon-button-expander/eui-icon-button-expander.component.html","../../eui-icon-button-expander/eui-icon-button-expander.module.ts","../../eui-icon-button-expander/eui-components-eui-icon-button-expander.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button-expander',\n templateUrl: './eui-icon-button-expander.component.html',\n styleUrls: [ './eui-icon-button-expander.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiIconButtonExpanderComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button-expander',\n this.isDirectionForward ? 'eui-icon-button-expander--direction-forward': '',\n ].join(' ').trim();\n }\n\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n @Input({ transform: booleanAttribute }) isExpanded = false;\n @Input({ transform: booleanAttribute }) isDirectionForward = false;\n // TODO handle disabled attr (see button implementation)\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n}\n","<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonExpanderComponent],\n exports: [EuiIconButtonExpanderComponent],\n})\nexport class EuiIconButtonExpanderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,8BAA8B,CAAA;AAN3C,IAAA,WAAA,GAAA;QAgBa,IAAI,CAAA,IAAA,GAAkE,GAAG;QAG1C,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAkB,CAAA,kBAAA,GAAG,KAAK;;QAE1B,IAAW,CAAA,WAAA,GAAG,KAAK;AAEjD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS;AAKpD;AAtBG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,0BAA0B;YAC1B,IAAI,CAAC,kBAAkB,GAAG,6CAA6C,GAAE,EAAE;AAC9E,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AActB,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;+GArBvB,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,yJAanB,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAEhB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,4HCxBxC,06BAuBA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon-button-expander.mjs","sources":["../../eui-icon-button-expander/eui-icon-button-expander.component.ts","../../eui-icon-button-expander/eui-icon-button-expander.component.html","../../eui-icon-button-expander/eui-icon-button-expander.module.ts","../../eui-icon-button-expander/eui-components-eui-icon-button-expander.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button-expander',\n templateUrl: './eui-icon-button-expander.component.html',\n styleUrls: [ './eui-icon-button-expander.component.scss' ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiIconButtonExpanderComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button-expander',\n this.isDirectionForward ? 'eui-icon-button-expander--direction-forward': '',\n ].join(' ').trim();\n }\n\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n @Input({ transform: booleanAttribute }) isExpanded = false;\n @Input({ transform: booleanAttribute }) isDirectionForward = false;\n // TODO handle disabled attr (see button implementation)\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n}\n","<button\n type=\"button\"\n class=\"eui-icon-button-expander-toggle\"\n [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n [attr.aria-expanded]=\"isExpanded\"\n aria-controls=\"expander-content\"\n (click)=\"onClick($event)\">\n @if (fillColor) {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n }\n\n } @else {\n @if (isDirectionForward) {\n <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n }\n }\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonExpanderComponent],\n exports: [EuiIconButtonExpanderComponent],\n})\nexport class EuiIconButtonExpanderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -36,11 +36,11 @@ class EuiIconButtonComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", tabindex: "tabindex", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-18 .eui-icon-button{display:inline-flex}.eui-18 .eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-18 .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-18 .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-18 .eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-18 .eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-18 .eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"] }]
|
|
43
|
+
args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-18 .eui-icon-button{display:inline-flex}.eui-18 .eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-18 .eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-18 .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-18 .eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-18 .eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-18 .eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-18 .eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"] }]
|
|
44
44
|
}], propDecorators: { cssClasses: [{
|
|
45
45
|
type: HostBinding,
|
|
46
46
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n @Input() tabindex = 0;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAuBa,IAAI,CAAA,IAAA,GAAkE,GAAG;QAEzE,IAAQ,CAAA,QAAA,GAAG,CAAC;QAEmB,IAAY,CAAA,YAAA,GAAG,KAAK;QACpB,IAAkB,CAAA,kBAAA,GAAG,KAAK;QAC1B,IAAe,CAAA,eAAA,GAAG,IAAI;QACtB,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAW,CAAA,WAAA,GAAG,KAAK;AAEjD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS;AAWpD;AArCG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,iBAAiB;YACjB,IAAI,CAAC,YAAY,GAAG,iCAAiC,GAAE,EAAE;YACzD,IAAI,CAAC,kBAAkB,GAAG,wCAAwC,GAAE,EAAE;YACtE,IAAI,CAAC,eAAe,GAAG,qCAAqC,GAAE,EAAE;YAChE,IAAI,CAAC,UAAU,GAAG,0BAA0B,GAAE,EAAE;YAChD,IAAI,CAAC,WAAW,GAAG,2BAA2B,GAAE,EAAE;AACrD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAiBf,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGhC,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK;;;+GAnC3B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAqBX,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAAA,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCxC,wXASA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n @Input() tabindex = 0;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAuBa,IAAI,CAAA,IAAA,GAAkE,GAAG;QAEzE,IAAQ,CAAA,QAAA,GAAG,CAAC;QAEmB,IAAY,CAAA,YAAA,GAAG,KAAK;QACpB,IAAkB,CAAA,kBAAA,GAAG,KAAK;QAC1B,IAAe,CAAA,eAAA,GAAG,IAAI;QACtB,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAW,CAAA,WAAA,GAAG,KAAK;AAEjD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS;AAWpD;AArCG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,iBAAiB;YACjB,IAAI,CAAC,YAAY,GAAG,iCAAiC,GAAE,EAAE;YACzD,IAAI,CAAC,kBAAkB,GAAG,wCAAwC,GAAE,EAAE;YACtE,IAAI,CAAC,eAAe,GAAG,qCAAqC,GAAE,EAAE;YAChE,IAAI,CAAC,UAAU,GAAG,0BAA0B,GAAE,EAAE;YAChD,IAAI,CAAC,WAAW,GAAG,2BAA2B,GAAE,EAAE;AACrD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAiBf,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGhC,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK;;;+GAnC3B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAqBX,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAAA,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCxC,wXASA,EAAA,MAAA,EAAA,CAAA,6iCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDDa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wXAAA,EAAA,MAAA,EAAA,CAAA,6iCAAA,CAAA,EAAA;8BAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAcX,IAAI,EAAA,CAAA;sBAAZ;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBAEuC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,kBAAkB,EAAA,CAAA;sBAAzD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,eAAe,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE5B,WAAW,EAAA,CAAA;sBAApB;;;MErBQ,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAnB,mBAAmB,EAAA,YAAA,EAAA,CAHb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAHjC,YAAY;AACZ,YAAA,aAAa,aAGP,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YANxB,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA;;4FAKR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;AAChB,qBAAA;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACpC,iBAAA;;;ACbD;;AAEG;;;;"}
|
|
@@ -15,7 +15,7 @@ class EuiIconStateComponent {
|
|
|
15
15
|
this.size = 'm';
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconStateComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuiIconStateComponent, selector: "eui-icon-state", inputs: { size: "size", ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-18 .eui-icon-state{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconStateComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
31
31
|
'euiVariant',
|
|
32
32
|
],
|
|
33
33
|
},
|
|
34
|
-
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
34
|
+
], template: "@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n", styles: [".eui-18 .eui-icon-state{display:flex;flex-direction:column}\n"] }]
|
|
35
35
|
}], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
36
36
|
type: HostBinding,
|
|
37
37
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon-state.mjs","sources":["../../eui-icon-state/eui-icon-state.component.ts","../../eui-icon-state/eui-icon-state.component.html","../../eui-icon-state/eui-icon-state.module.ts","../../eui-icon-state/eui-components-eui-icon-state.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-state',\n templateUrl: './eui-icon-state.component.html',\n styleUrl: './eui-icon-state.component.scss',\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiIconStateComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-icon-state';\n }\n\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n}\n","@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconStateComponent } from './eui-icon-state.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconStateComponent],\n exports: [EuiIconStateComponent],\n})\nexport class EuiIconStateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAsBa,qBAAqB,CAAA;AAC9B,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,gBAAgB;;AAM3B,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;QAH7B,IAAI,CAAA,IAAA,GAAkE,GAAG;;+GANzE,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,iYCtBlC,+jCAaA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon-state.mjs","sources":["../../eui-icon-state/eui-icon-state.component.ts","../../eui-icon-state/eui-icon-state.component.html","../../eui-icon-state/eui-icon-state.module.ts","../../eui-icon-state/eui-components-eui-icon-state.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-icon-state',\n templateUrl: './eui-icon-state.component.html',\n styleUrl: './eui-icon-state.component.scss',\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiIconStateComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return 'eui-icon-state';\n }\n\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() ariaLabel: string;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n}\n","@if (baseStatesDirective.euiSuccess) {\n <eui-icon-svg icon=\"checkmark-circle:outline\" aria-label=\"eUI success icon\" fillColor=\"success-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiWarning) {\n <eui-icon-svg icon=\"warning:outline\" aria-label=\"eUI warning icon\" fillColor=\"warning-darker\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiDanger) {\n <eui-icon-svg icon=\"alert-circle:outline\" aria-label=\"eUI danger icon\" fillColor=\"danger-dark\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiPrimary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI primary icon\" fillColor=\"primary\" size=\"{{size}}\"></eui-icon-svg>\n} @else if (baseStatesDirective.euiSecondary) {\n <eui-icon-svg icon=\"help-circle:outline\" aria-label=\"eUI secondary icon\" fillColor=\"neutral-light\" size=\"{{size}}\"></eui-icon-svg>\n} @else {\n <eui-icon-svg icon=\"information-circle:outline\" aria-label=\"eUI info icon\" fillColor=\"info\" size=\"{{size}}\"></eui-icon-svg>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconStateComponent } from './eui-icon-state.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconStateComponent],\n exports: [EuiIconStateComponent],\n})\nexport class EuiIconStateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAsBa,qBAAqB,CAAA;AAC9B,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,gBAAgB;;AAM3B,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;QAH7B,IAAI,CAAA,IAAA,GAAkE,GAAG;;+GANzE,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,iYCtBlC,+jCAaA,EAAA,MAAA,EAAA,CAAA,+DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDSa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnBjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAGX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACrB,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+jCAAA,EAAA,MAAA,EAAA,CAAA,+DAAA,CAAA,EAAA;wFAIG,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAKX,IAAI,EAAA,CAAA;sBAAZ;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;MEfQ,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAHhC,YAAY;AACZ,YAAA,aAAa,aAGP,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YANvB,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA;;4FAKR,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;AAChB,qBAAA;oBACD,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA;;;ACbD;;AAEG;;;;"}
|
|
@@ -100,11 +100,11 @@ class EuiIconSvgComponent {
|
|
|
100
100
|
this.iconStyle = `${fill}`;
|
|
101
101
|
}
|
|
102
102
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", 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-xl)}.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;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--loading.eui-icon-svg--size-s{height:var(--eui-is-s);width:var(--eui-is-s)}.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-s);min-width:var(--eui-s-s)}.eui-icon-svg--loading.eui-icon-svg--size-m{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg--loading.eui-icon-svg--size-m:before,.eui-icon-svg--loading.eui-icon-svg--size-m:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l{height:var(--eui-is-l);width:var(--eui-is-l)}.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-l);min-width:var(--eui-s-l)}.eui-icon-svg--loading.eui-icon-svg--size-xl{height:var(--eui-is-xl);width:var(--eui-is-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-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl{height:var(--eui-is-2xl);width:var(--eui-is-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-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg.eui-icon-svg--size-2xs svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-2xs svg>image{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-xs svg>image{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-s svg>image{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-m svg>image{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-l svg>image{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-xl svg>image{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg>image{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg>image{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg>image{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-fluid svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg.eui-icon-svg--size-fluid svg>image{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", 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-18 .eui-icon-svg{display:inline-flex;position:relative}.eui-18 .eui-icon-svg svg{pointer-events:none}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-18 .eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-18 .eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-18 .eui-icon-svg--input-icon{position:absolute}.eui-18 .eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-18 .eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-xl)}.eui-18 .eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-18 .eui-icon-svg--loading:after,.eui-18 .eui-icon-svg--loading:before{content:\"\";position:absolute;height:100%;width:100%}.eui-18 .eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-18 .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-18 .eui-icon-svg--loading--sm:before,.eui-18 .eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-18 .eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-18 .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-18 .eui-icon-svg--loading.eui-icon-svg--size-s{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-s);min-width:var(--eui-s-s)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-l);min-width:var(--eui-s-l)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs svg>image{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs svg>image{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s svg>image{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m svg>image{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l svg>image{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl svg>image{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl svg>image{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl svg>image{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl svg>image{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid svg>image{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
104
104
|
}
|
|
105
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
|
-
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-xl)}.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;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--loading.eui-icon-svg--size-s{height:var(--eui-is-s);width:var(--eui-is-s)}.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-s);min-width:var(--eui-s-s)}.eui-icon-svg--loading.eui-icon-svg--size-m{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg--loading.eui-icon-svg--size-m:before,.eui-icon-svg--loading.eui-icon-svg--size-m:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l{height:var(--eui-is-l);width:var(--eui-is-l)}.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-l);min-width:var(--eui-s-l)}.eui-icon-svg--loading.eui-icon-svg--size-xl{height:var(--eui-is-xl);width:var(--eui-is-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-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl{height:var(--eui-is-2xl);width:var(--eui-is-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-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg.eui-icon-svg--size-2xs svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-2xs svg>image{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-xs svg>image{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-s svg>image{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-m svg>image{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-l svg>image{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-xl svg>image{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg>image{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg>image{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg>image{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg.eui-icon-svg--size-fluid svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg.eui-icon-svg--size-fluid svg>image{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}\n"] }]
|
|
107
|
+
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-18 .eui-icon-svg{display:inline-flex;position:relative}.eui-18 .eui-icon-svg svg{pointer-events:none}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-18 .eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-18 .eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-18 .eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-18 .eui-icon-svg--input-icon{position:absolute}.eui-18 .eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-18 .eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-xl)}.eui-18 .eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-18 .eui-icon-svg--loading:after,.eui-18 .eui-icon-svg--loading:before{content:\"\";position:absolute;height:100%;width:100%}.eui-18 .eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-18 .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-18 .eui-icon-svg--loading--sm:before,.eui-18 .eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-18 .eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-18 .eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-18 .eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-18 .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-18 .eui-icon-svg--loading.eui-icon-svg--size-s{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-s);min-width:var(--eui-s-s)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-m:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-l);min-width:var(--eui-s-l)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-18 .eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs svg>image{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs svg>image{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s svg>image{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m svg>image{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l svg>image{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl svg>image{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl svg>image{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl svg>image{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl svg>image{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid svg>image{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.eui-18 .eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}\n"] }]
|
|
108
108
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
109
109
|
type: Optional
|
|
110
110
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n booleanAttribute,\n NgModule,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent implements AfterContentInit, OnChanges, OnInit {\n @HostBinding('attr.role') ariaRole = 'img';\n\n @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n @Input() fillColor: string;\n @Input() set = 'eui';\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n @Input() euiVariant: string; // fake it as used in showcase on samples loops (eui-tabs f.e.) shouldn't be\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n 'eui-icon-svg',\n `eui-icon-svg--size-${this.size}`,\n this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n // own cmp state => reflected with the scss states\n this.euiStart ? 'eui-icon-svg--start' : '',\n this.euiEnd ? 'eui-icon-svg--end' : '',\n this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n this.isLoading ? 'eui-icon-svg--loading': '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label') ariaLabel = 'Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle: string;\n\n @Input({ transform: booleanAttribute }) ariaHidden = true;\n @Input({ transform: booleanAttribute }) focusable = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n @Input({ transform: booleanAttribute }) euiStart = false;\n @Input({ transform: booleanAttribute }) euiEnd = false;\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\n }\n\n ngOnInit(): void {\n const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (assetsBaseUrl) {\n this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n }\n if (!this.size || this.size === '') {\n this.size = 'm';\n }\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.icon) {\n if (c.icon.currentValue !== c.icon.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.size) {\n if (c.size.currentValue !== c.size.previousValue) {\n this._setStyle();\n }\n }\n if (c && c.fillColor) {\n if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n this._setStyle();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n this._setStyle();\n }\n\n private _setIconAndSet(): void {\n if (this.icon && this.icon.indexOf(':') > -1) {\n const iconSet = this.icon.split(':');\n this.icon = iconSet[0];\n this.set = iconSet[1];\n }\n\n if (!this.set || this.set === '') {\n this.set = 'eui';\n } else {\n if (this.set === 'sharp' || this.set === 'outline' || this.set === 'filled') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n }\n\n private _setStyle(): void {\n let fill = '';\n if (this.fillColor) {\n fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n }\n // const height = `height: var(--eui-is-${this.size});`;\n // const width = `width: var(--eui-is-${this.size});`;\n // this.iconStyle = `${fill} ${height} ${width}`;\n this.iconStyle = `${fill}`;\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiIconSvgComponent],\n exports: [EuiIconSvgComponent],\n})\nexport class EuiIconModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n booleanAttribute,\n NgModule,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent implements AfterContentInit, OnChanges, OnInit {\n @HostBinding('attr.role') ariaRole = 'img';\n\n @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n @Input() fillColor: string;\n @Input() set = 'eui';\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n @Input() euiVariant: string; // fake it as used in showcase on samples loops (eui-tabs f.e.) shouldn't be\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n 'eui-icon-svg',\n `eui-icon-svg--size-${this.size}`,\n this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n // own cmp state => reflected with the scss states\n this.euiStart ? 'eui-icon-svg--start' : '',\n this.euiEnd ? 'eui-icon-svg--end' : '',\n this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n this.isLoading ? 'eui-icon-svg--loading': '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label') ariaLabel = 'Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle: string;\n\n @Input({ transform: booleanAttribute }) ariaHidden = true;\n @Input({ transform: booleanAttribute }) focusable = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n @Input({ transform: booleanAttribute }) euiStart = false;\n @Input({ transform: booleanAttribute }) euiEnd = false;\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\n }\n\n ngOnInit(): void {\n const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (assetsBaseUrl) {\n this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n }\n if (!this.size || this.size === '') {\n this.size = 'm';\n }\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.icon) {\n if (c.icon.currentValue !== c.icon.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.size) {\n if (c.size.currentValue !== c.size.previousValue) {\n this._setStyle();\n }\n }\n if (c && c.fillColor) {\n if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n this._setStyle();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n this._setStyle();\n }\n\n private _setIconAndSet(): void {\n if (this.icon && this.icon.indexOf(':') > -1) {\n const iconSet = this.icon.split(':');\n this.icon = iconSet[0];\n this.set = iconSet[1];\n }\n\n if (!this.set || this.set === '') {\n this.set = 'eui';\n } else {\n if (this.set === 'sharp' || this.set === 'outline' || this.set === 'filled') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n }\n\n private _setStyle(): void {\n let fill = '';\n if (this.fillColor) {\n fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n }\n // const height = `height: var(--eui-is-${this.size});`;\n // const width = `width: var(--eui-is-${this.size});`;\n // this.iconStyle = `${fill} ${height} ${width}`;\n this.iconStyle = `${fill}`;\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiIconSvgComponent],\n exports: [EuiIconSvgComponent],\n})\nexport class EuiIconModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -147,11 +147,11 @@ class EuiInputCheckboxComponent extends InputDirective {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-18 .eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);position:relative;
|
|
150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-18 .eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);position:relative;white-space:inherit}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
151
151
|
}
|
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
|
-
args: [{ selector: 'input[euiInputCheckBox]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-18 .eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);position:relative;
|
|
154
|
+
args: [{ selector: 'input[euiInputCheckBox]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-18 .eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);position:relative;white-space:inherit}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{align-items:center;pointer-events:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-18 .eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }]
|
|
155
155
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
156
156
|
type: Optional
|
|
157
157
|
}, {
|