@eui/components 18.0.0-next.46 → 18.0.0-next.48
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/EuiIconSvgComponent.html +1 -1
- package/docs/components/EuiListItemComponent.html +5 -5
- package/docs/components/EuiSlideToggleComponent.html +1 -1
- package/docs/dependencies.html +4 -4
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +4 -4
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +7 -7
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +2 -2
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +5 -5
- package/fesm2022/eui-components-eui-icon.mjs.map +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +8 -8
- package/fesm2022/eui-components-eui-list.mjs.map +2 -2
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +4 -4
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +4 -4
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -30,11 +30,11 @@ export class EuiAppToolbarComponent {
|
|
|
30
30
|
document.documentElement.style.removeProperty('--eui-app-toolbar-height');
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAppToolbarComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { hasLanguageSelector: "hasLanguageSelector" }, host: { properties: { "class": "this.string", "attr.role": "this.role" } }, ngImport: i0, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector isToolbarSelector class=\"eui-u-mr-m\"></eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { hasLanguageSelector: "hasLanguageSelector" }, host: { properties: { "class": "this.string", "attr.role": "this.role" } }, ngImport: i0, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector isToolbarSelector class=\"eui-u-mr-m\"></eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-s-m) + 2px)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "component", type: i4.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector", "euiPrimary"], outputs: ["languageSelectorClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiAppToolbarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'eui-app-toolbar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector isToolbarSelector class=\"eui-u-mr-m\"></eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-
|
|
37
|
+
args: [{ selector: 'eui-app-toolbar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector isToolbarSelector class=\"eui-u-mr-m\"></eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-s-m) + 2px)}\n"] }]
|
|
38
38
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { string: [{
|
|
39
39
|
type: HostBinding,
|
|
40
40
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA6Ba,mBAAoB,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAsDjC,OAAO,CAAC,MAAM;IAC7C,mBAAmB,EAAE,mBAAmB;IAtDzB,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,MAAC;IACV,GAAG,SAAS;IACZ,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IAC5F,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,SAAM;IAExB,IACW,UAAU,IAAI,MAAM,CAa9B;IAED,IAEW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,SAAS,CAAC,UAAU,SAAc;IAE3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAY;IACzB,SAAS,MAAC;IAEuB,UAAU,UAAQ;IAClB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,WAAW,UAAS;IAEpB,QAAQ,UAAS;IACjB,MAAM,UAAS;gBAGL,MAAM,EAAE,SAAS,EACxD,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAmCnC,kBAAkB,IAAI,IAAI;IAK1B,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,SAAS;yCAjIR,mBAAmB;2CAAnB,mBAAmB;
|
|
1
|
+
{"version":3,"file":"eui-icon-svg.component.d.ts","sourceRoot":"","sources":["../../eui-icon/eui-icon-svg.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EACT,aAAa,EACb,gBAAgB,EAInB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA6Ba,mBAAoB,YAAW,gBAAgB,EAAE,SAAS,EAAE,MAAM;IAsDjC,OAAO,CAAC,MAAM;IAC7C,mBAAmB,EAAE,mBAAmB;IAtDzB,QAAQ,SAAS;IAElC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,MAAC;IACV,GAAG,SAAS;IACZ,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAO;IAC5F,8EAA8E;IACrE,cAAc,EAAE,MAAM,CAAC;IAChC,mFAAmF;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,SAAM;IAExB,IACW,UAAU,IAAI,MAAM,CAa9B;IAED,IAEW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAExC;IACD,SAAS,CAAC,UAAU,SAAc;IAE3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAY;IACzB,SAAS,MAAC;IAEuB,UAAU,UAAQ;IAClB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,WAAW,UAAS;IAEpB,QAAQ,UAAS;IACjB,MAAM,UAAS;gBAGL,MAAM,EAAE,SAAS,EACxD,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAYhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAmCnC,kBAAkB,IAAI,IAAI;IAK1B,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,SAAS;yCAjIR,mBAAmB;2CAAnB,mBAAmB;yCA2I00sB,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;0CAAR,OAAQ;uCAAR,OAAQ;qCAAR,OAAQ;CADj3sB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;;AAElE,qBAsBa,oBAAqB,YAAW,eAAe,EAAE,aAAa;IAsB5D,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,UAAU;IAtBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;
|
|
1
|
+
{"version":3,"file":"eui-list-item.component.d.ts","sourceRoot":"","sources":["../../../eui-list/eui-list-item/eui-list-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,SAAS,EAET,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;;AAElE,qBAsBa,oBAAqB,YAAW,eAAe,EAAE,aAAa;IAsB5D,mBAAmB,EAAE,mBAAmB;IAC/C,OAAO,CAAC,UAAU;IAtBtB,IACI,UAAU,IAAI,MAAM,CAKvB;IAEyB,IAAI,SAAc;IACL,OAAO,SAAmB;IACnC,QAAQ,SAAQ;IAE8B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACtD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7C,SAAS,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEnF,QAAQ,UAAS;IACjB,QAAQ,UAAS;gBAG9C,mBAAmB,EAAE,mBAAmB,EACvC,UAAU,EAAE,UAAU;IAI3B,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAIb,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAvCvB,oBAAoB;2CAApB,oBAAoB;uCA2C+uyB,OAAQ;uCAAR,OAAQ;CADvxyB"}
|
|
@@ -65,12 +65,12 @@ var EuiBlockContentComponent = class _EuiBlockContentComponent {
|
|
|
65
65
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
66
|
}
|
|
67
67
|
static {
|
|
68
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
68
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{-
|
|
73
|
+
args: [{ selector: "eui-block-content", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:"";height:100%;left:0;position:absolute;top:0;width:100%}\n'] }]
|
|
74
74
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
|
|
75
75
|
type: HostBinding,
|
|
76
76
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-block-content/eui-block-content.component.ts", "../../eui-block-content/eui-block-content.component.html", "../../eui-block-content/eui-block-content.module.ts"],
|
|
4
4
|
"sourcesContent": ["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\n\n@Component({\n selector: 'eui-block-content',\n templateUrl: './eui-block-content.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input() @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** keeps the state of the element that was focused before content was blocked */\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /**\n * blur (un-focus) the focused element inside BlockContent\n */\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * focus on element if it was focused before content was blocked\n */\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /**\n * returns where the element is about to block or not\n *\n * @param changes SimplyChanges\n */\n private isAboutToBlock(changes: SimpleChanges): boolean {\n const isBlockedChange = changes['isBlocked'];\n\n return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n }\n\n /**\n * finds the element which is focused inside the UxBlockContent\n */\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiBlockContentComponent],\n declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,g1BAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,g1BAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,12 +17,12 @@ var EuiBlockDocumentComponent = class _EuiBlockDocumentComponent {
|
|
|
17
17
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
18
|
}
|
|
19
19
|
static {
|
|
20
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
20
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;height:120px;width:120px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#
|
|
25
|
+
args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-zi-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0000001a;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{border-top:var(--eui-s-xs) solid currentcolor;border-right:var(--eui-s-xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-xs);border-left-width:var(--eui-s-xs);border-bottom-color:#0003;border-left-color:#0003;color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;left:50%;margin:-40px 0 0 -40px;top:50%;content:"";position:absolute;height:120px;width:120px}\n'] }]
|
|
26
26
|
}], propDecorators: { cssClasses: [{
|
|
27
27
|
type: HostBinding,
|
|
28
28
|
args: ["class"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-block-document/eui-block-document.component.ts", "../../eui-block-document/eui-block-document.component.html", "../../eui-block-document/eui-block-document.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-block-document',\n templateUrl: './eui-block-document.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockDocumentComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-block-document',\n this.isBlocked ? 'eui-block-document--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Block Document'\n}\n", "<div class=\"eui-block-document__loader\"></div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiBlockDocumentComponent],\n declarations: [EuiBlockDocumentComponent],\n})\nexport class EuiBlockDocumentModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,0lCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDQa,2BAAyB,YAAA,CAAA;QAPrC;qBACa,sBAAoB,iBAGb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,oDAAA,QAAA,CAAA,0lCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAQoB,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACZ,MAAI,CAAA;QAA7B;SAAY,WAAW;IACiB,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;;;;AEpB3C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,yBAAP,MAAO,wBAAsB;;8GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAtB,yBAAsB,cAAA,CAFhB,yBAAyB,GAAA,SAAA,CAF9B,YAAY,GAAA,SAAA,CACZ,yBAAyB,EAAA,CAAA;EAAA;;+GAG1B,yBAAsB,SAAA,CAJrB,YAAY,EAAA,CAAA;EAAA;;oGAIb,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,yBAAyB;IACnC,cAAc,CAAC,yBAAyB;GAC3C;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -104,7 +104,7 @@ var EuiIconSvgComponent = class _EuiIconSvgComponent {
|
|
|
104
104
|
_setStyle() {
|
|
105
105
|
let fill = "";
|
|
106
106
|
if (this.fillColor) {
|
|
107
|
-
fill = `fill: var(--eui-c-${this.fillColor})
|
|
107
|
+
fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;
|
|
108
108
|
}
|
|
109
109
|
const height = `height: var(--eui-is-${this.size});`;
|
|
110
110
|
const width = `width: var(--eui-is-${this.size});`;
|
|
@@ -150,14 +150,14 @@ var EuiIconSvgComponent = class _EuiIconSvgComponent {
|
|
|
150
150
|
</ng-template>
|
|
151
151
|
|
|
152
152
|
<ng-template #loading>
|
|
153
|
-
<eui-icon-svg
|
|
153
|
+
<eui-icon-svg [size]="size" fillColor="transparent" class="eui-icon-svg--loading"></eui-icon-svg>
|
|
154
154
|
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
155
155
|
</ng-template>
|
|
156
156
|
|
|
157
157
|
<ng-template #content>
|
|
158
158
|
<ng-content></ng-content>
|
|
159
159
|
</ng-template>
|
|
160
|
-
`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.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-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.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-
|
|
160
|
+
`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.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-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--basic.eui--primary .eui-icon-svg svg,.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg,.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg,.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg,.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg,.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg,.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--basic.eui--success .eui-icon-svg svg,.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg,.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--basic.eui--warning .eui-icon-svg svg,.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg,.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--basic.eui--danger .eui-icon-svg svg,.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg,.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--basic.eui--accent .eui-icon-svg svg,.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg,.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: _EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
161
161
|
}
|
|
162
162
|
};
|
|
163
163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
|
|
@@ -218,14 +218,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
|
|
|
218
218
|
</ng-template>
|
|
219
219
|
|
|
220
220
|
<ng-template #loading>
|
|
221
|
-
<eui-icon-svg
|
|
221
|
+
<eui-icon-svg [size]="size" fillColor="transparent" class="eui-icon-svg--loading"></eui-icon-svg>
|
|
222
222
|
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
223
223
|
</ng-template>
|
|
224
224
|
|
|
225
225
|
<ng-template #content>
|
|
226
226
|
<ng-content></ng-content>
|
|
227
227
|
</ng-template>
|
|
228
|
-
`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.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-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.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-
|
|
228
|
+
`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.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-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--basic.eui--primary .eui-icon-svg svg,.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg,.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg,.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg,.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg,.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg,.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--basic.eui--success .eui-icon-svg svg,.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg,.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--basic.eui--warning .eui-icon-svg svg,.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg,.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--basic.eui--danger .eui-icon-svg svg,.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg,.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--basic.eui--accent .eui-icon-svg svg,.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg,.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}\n'] }]
|
|
229
229
|
}], ctorParameters: () => [{ type: void 0, decorators: [{
|
|
230
230
|
type: Optional
|
|
231
231
|
}, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-icon/eui-icon-svg.component.ts", "../../eui-icon/eui-icon-svg.component.html", "../../eui-icon/eui-icon-button/eui-icon-button.component.ts", "../../eui-icon/eui-icon-button/eui-icon-button.component.html", "../../eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.ts", "../../eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.html", "../../eui-icon/eui-icon-input/eui-icon-input.component.ts", "../../eui-icon/eui-icon-input/eui-icon-input.component.html", "../../eui-icon/eui-icon-color.component.ts", "../../eui-icon/eui-icon.module.ts"],
|
|
4
|
-
"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} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\nimport { BaseStatesDirective } from '@eui/components/shared';\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 hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSizeVariant',\n ],\n },\n ],\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;\n @Input() set = 'eui';\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n /** @deprecated will be removed in eUI18 as it is ignored by screen readers */\n @Input() ariaLabelledby: string;\n /** @deprecated will be removed in eUI18 as the host role attribute is announced */\n @Input() role: string;\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n this.baseStatesDirective.getCssClasses('eui-icon-svg'),\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 ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string | null) {\n this._ariaLabel = value;\n }\n protected _ariaLabel = 'eUI Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle;\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 public baseStatesDirective: BaseStatesDirective,\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.isLoading) {\n this.set = 'eui';\n this.icon = 'eui-radio-button-off';\n this.fillColor = 'transparent';\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 if (c && c.size && this.baseStatesDirective.euiSizeVariant) {\n this.size = this.baseStatesDirective.euiSizeVariant;\n this._setStyle();\n }\n\n if (c && this.baseStatesDirective.euiSizeVariant) {\n this.size = this.baseStatesDirective.euiSizeVariant;\n this._setStyle();\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') {\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}) !important; color: var(--eui-c-${this.fillColor}) !important;`;\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 }\n}\n", "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"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-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } 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 {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasFocusBorder ? 'eui-icon-button--has-focus': '',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n ]\n .join(' ')\n .trim();\n }\n @HostBinding('attr.tabindex') tabindex = -1;\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\n @Input({ transform: booleanAttribute }) hasFocusBorder = false;\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n}\n", "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\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 { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, 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 ].join(' ').trim();\n }\n // @HostBinding('attr.tabindex') tabindex = -1;\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 // 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 <eui-icon-svg icon=\"eui-chevron-forward\" size=\"{{size}}\"></eui-icon-svg>\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-input',\n templateUrl: './eui-icon-input.component.html',\n styleUrls: [ './eui-icon-input.component.scss' ],\n})\nexport class EuiIconInputComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-input',\n this.euiIconPositionStart && !this.euiIconPositionEnd ? 'eui-icon-input--start' : '',\n this.euiIconPositionEnd ? 'eui-icon-input--end' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input({ transform: booleanAttribute }) euiIconPositionStart = true;\n @Input({ transform: booleanAttribute }) euiIconPositionEnd = false;\n}\n", "<span class=\"eui-icon-input-wrapper\">\n <span class=\"eui-icon-input__content\">\n <ng-content></ng-content>\n </span>\n <span class=\"eui-icon-input__icon\">\n <ng-content select=\"eui-icon-svg\"></ng-content>\n </span>\n</span>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n template: `\n <span [class]=\"iconClass\">\n <span *ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n </span>\n `,\n})\nexport class EuiIconColorComponent {\n public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n @Input() iconClass;\n\n getCssClasses(): string {\n return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconButtonComponent } from './eui-icon-button/eui-icon-button.component';\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander/eui-icon-button-expander.component';\nimport { EuiIconInputComponent } from './eui-icon-input/eui-icon-input.component';\n\nconst CMP = [\n EuiIconSvgComponent,\n EuiIconColorComponent,\n EuiIconButtonComponent,\n EuiIconButtonExpanderComponent,\n EuiIconInputComponent,\n];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [...CMP],\n exports: [...CMP],\n})\nexport class EuiIconModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SACI,yBACA,WACA,OACA,aAEA,mBAIA,QACA,UACA,wBACG;AACP,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;;;;AA+B9B,IAAO,sBAAP,MAAO,qBAAmB;EAe5B,IACW,aAAU;AACjB,WAAO;;MAEH,KAAK,oBAAoB,cAAc,cAAc;MACrD,KAAK,YAAY,iBAAiB,KAAK,SAAS,KAAK;;MAGrD,KAAK,WAAW,wBAAwB;MACxC,KAAK,SAAS,sBAAsB;MACpC,KAAK,cAAc,6BAA4B;MAE9C,KAAK,GAAG,EACR,KAAI;EACb;EAEA,IAEW,YAAS;AAChB,WAAO,KAAK;EAChB;EACA,IAAW,UAAU,OAAoB;AACrC,SAAK,aAAa;EACtB;EAeA,YACkD,QACvC,qBAAwC;AADD,SAAA,SAAA;AACvC,SAAA,sBAAA;AAtDe,SAAA,WAAW;AAI5B,SAAA,MAAM;AACN,SAAA,OAA+E;AAK/E,SAAA,QAAQ;AAER,SAAA,YAAY;AA0BX,SAAA,aAAa;AAGhB,SAAA,gBAAgB;AAGiB,SAAA,aAAa;AACb,SAAA,YAAY;AACZ,SAAA,YAAY;AACZ,SAAA,cAAc;AAEd,SAAA,WAAW;AACX,SAAA,SAAS;EAMjD;EAEA,WAAQ;AACJ,UAAM,gBAAgB,KAAK,QAAQ,WAAW,QAAQ,KAAK;AAC3D,QAAI,eAAe;AACf,WAAK,gBAAgB,KAAK,OAAO,UAAU,OAAO,IAAI;IAC1D;AACA,QAAI,KAAK,WAAW;AAChB,WAAK,MAAM;AACX,WAAK,OAAO;AACZ,WAAK,YAAY;IACrB;EACJ;EAEA,YAAY,GAAgB;AACxB,QAAI,KAAK,EAAE,KAAK;AACZ,UAAI,EAAE,IAAI,iBAAiB,EAAE,IAAI,eAAe;AAC5C,aAAK,eAAc;MACvB;IACJ;AAEA,QAAI,KAAK,EAAE,MAAM;AACb,UAAI,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe;AAC9C,aAAK,eAAc;MACvB;IACJ;AAEA,QAAI,KAAK,EAAE,MAAM;AACb,UAAI,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe;AAC9C,aAAK,UAAS;MAClB;IACJ;AACA,QAAI,KAAK,EAAE,WAAW;AAClB,UAAI,EAAE,UAAU,iBAAiB,EAAE,UAAU,eAAe;AACxD,aAAK,UAAS;MAClB;IACJ;AAEA,QAAI,KAAK,EAAE,QAAQ,KAAK,oBAAoB,gBAAgB;AACxD,WAAK,OAAO,KAAK,oBAAoB;AACrC,WAAK,UAAS;IAClB;AAEA,QAAI,KAAK,KAAK,oBAAoB,gBAAgB;AAC9C,WAAK,OAAO,KAAK,oBAAoB;AACrC,WAAK,UAAS;IAClB;EACJ;EAEA,qBAAkB;AACd,SAAK,eAAc;AACnB,SAAK,UAAS;EAClB;EAEQ,iBAAc;AAClB,QAAI,KAAK,QAAQ,KAAK,KAAK,QAAQ,GAAG,IAAI,IAAI;AAC1C,YAAM,UAAU,KAAK,KAAK,MAAM,GAAG;AACnC,WAAK,OAAO,QAAQ,CAAC;AACrB,WAAK,MAAM,QAAQ,CAAC;IACxB;AAEA,QAAI,CAAC,KAAK,OAAO,KAAK,QAAQ,IAAI;AAC9B,WAAK,MAAM;IACf,OAAO;AACH,UAAI,KAAK,QAAQ,WAAW,KAAK,QAAQ,WAAW;AAChD,aAAK,WAAW,GAAG,KAAK,IAAI,IAAI,KAAK,GAAG;MAC5C,OAAO;AACH,aAAK,WAAW,KAAK;MACzB;IACJ;EACJ;EAEQ,YAAS;AACb,QAAI,OAAO;AACX,QAAI,KAAK,WAAW;AAChB,aAAO,qBAAqB,KAAK,SAAS,
|
|
4
|
+
"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} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\nimport { BaseStatesDirective } from '@eui/components/shared';\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 hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSizeVariant',\n ],\n },\n ],\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;\n @Input() set = 'eui';\n @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n /** @deprecated will be removed in eUI18 as it is ignored by screen readers */\n @Input() ariaLabelledby: string;\n /** @deprecated will be removed in eUI18 as the host role attribute is announced */\n @Input() role: string;\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n this.baseStatesDirective.getCssClasses('eui-icon-svg'),\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 ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string | null) {\n this._ariaLabel = value;\n }\n protected _ariaLabel = 'eUI Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle;\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 public baseStatesDirective: BaseStatesDirective,\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.isLoading) {\n this.set = 'eui';\n this.icon = 'eui-radio-button-off';\n this.fillColor = 'transparent';\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 if (c && c.size && this.baseStatesDirective.euiSizeVariant) {\n this.size = this.baseStatesDirective.euiSizeVariant;\n this._setStyle();\n }\n\n if (c && this.baseStatesDirective.euiSizeVariant) {\n this.size = this.baseStatesDirective.euiSizeVariant;\n this._setStyle();\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') {\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 }\n}\n", "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"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-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } 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 {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasFocusBorder ? 'eui-icon-button--has-focus': '',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n ]\n .join(' ')\n .trim();\n }\n @HostBinding('attr.tabindex') tabindex = -1;\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\n @Input({ transform: booleanAttribute }) hasFocusBorder = false;\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n}\n", "<button class=\"eui-icon-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\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 { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, 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 ].join(' ').trim();\n }\n // @HostBinding('attr.tabindex') tabindex = -1;\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 // 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 <eui-icon-svg icon=\"eui-chevron-forward\" size=\"{{size}}\"></eui-icon-svg>\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-input',\n templateUrl: './eui-icon-input.component.html',\n styleUrls: [ './eui-icon-input.component.scss' ],\n})\nexport class EuiIconInputComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-input',\n this.euiIconPositionStart && !this.euiIconPositionEnd ? 'eui-icon-input--start' : '',\n this.euiIconPositionEnd ? 'eui-icon-input--end' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input({ transform: booleanAttribute }) euiIconPositionStart = true;\n @Input({ transform: booleanAttribute }) euiIconPositionEnd = false;\n}\n", "<span class=\"eui-icon-input-wrapper\">\n <span class=\"eui-icon-input__content\">\n <ng-content></ng-content>\n </span>\n <span class=\"eui-icon-input__icon\">\n <ng-content select=\"eui-icon-svg\"></ng-content>\n </span>\n</span>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n template: `\n <span [class]=\"iconClass\">\n <span *ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n </span>\n `,\n})\nexport class EuiIconColorComponent {\n public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n @Input() iconClass;\n\n getCssClasses(): string {\n return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconButtonComponent } from './eui-icon-button/eui-icon-button.component';\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander/eui-icon-button-expander.component';\nimport { EuiIconInputComponent } from './eui-icon-input/eui-icon-input.component';\n\nconst CMP = [\n EuiIconSvgComponent,\n EuiIconColorComponent,\n EuiIconButtonComponent,\n EuiIconButtonExpanderComponent,\n EuiIconInputComponent,\n];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [...CMP],\n exports: [...CMP],\n})\nexport class EuiIconModule {}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "HostBinding", "Input", "ViewEncapsulation", "booleanAttribute", "i0", "Component", "HostBinding", "Input", "Output", "EventEmitter", "booleanAttribute", "ChangeDetectionStrategy", "i0", "Component", "HostBinding", "Input", "booleanAttribute", "i0", "Component", "HostBinding", "Input", "i0"]
|
|
7
7
|
}
|
|
@@ -13,12 +13,12 @@ var EuiInputGroupComponent = class _EuiInputGroupComponent {
|
|
|
13
13
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
14
|
}
|
|
15
15
|
static {
|
|
16
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-xs);min-height:var(--eui-s-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-s-
|
|
16
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: _EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-xs);min-height:var(--eui-s-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-s-2xl));margin-bottom:calc(-1 * var(--eui-s-2xs));position:relative;vertical-align:middle;white-space:inherit;bottom:var(--eui-s-xl)}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-input-group.row .eui-label:first-child{font:var(--eui-f-m-bold)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:var(--eui-s-xs)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-input-group-addon>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: "div[euiInputGroup]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-xs);min-height:var(--eui-s-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-s-
|
|
21
|
+
args: [{ selector: "div[euiInputGroup]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-xs);min-height:var(--eui-s-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-s-2xl));margin-bottom:calc(-1 * var(--eui-s-2xs));position:relative;vertical-align:middle;white-space:inherit;bottom:var(--eui-s-xl)}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-input-group.row .eui-label:first-child{font:var(--eui-f-m-bold)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:var(--eui-s-xs)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-input-group-addon>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"] }]
|
|
22
22
|
}], propDecorators: { e2eAttr: [{
|
|
23
23
|
type: HostBinding,
|
|
24
24
|
args: ["attr.data-e2e"]
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-input-group/eui-input-group.component.ts", "../../eui-input-group/eui-input-group.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroup]',\n styleUrls: ['./styles/_index.scss'],\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiInputGroupComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group';\n }\n\n @HostBinding('attr.type') protected type = 'inputGroup';\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputGroupComponent } from './eui-input-group.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputGroupComponent],\n exports: [EuiInputGroupComponent],\n})\nexport class EuiInputGroupModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB;;AAS3D,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAQ2C,SAAA,UAAU;AAMb,SAAA,OAAO;;EAL3C,IACW,aAAU;AACjB,WAAO;EACX;;4GALS,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,sBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,gBAAA,SAAA,mBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB;;AAS3D,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAQ2C,SAAA,UAAU;AAMb,SAAA,OAAO;;EAL3C,IACW,aAAU;AACjB,WAAO;EACX;;4GALS,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,sBAAA,QAAA,EAAA,SAAA,UAAA,GAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,gBAAA,SAAA,mBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAHrB,6BAA2B,UAAA,MAAA,QAAA,CAAA,kuIAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAG5B,wBAAsB,YAAA,CAAA;QAPlC;qBAEa,sBAAoB,UAEpB,6BAA2B,eACtB,kBAAkB,MAAI,QAAA,CAAA,kuIAAA,EAAA,CAAA;sBAGE,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IAEpB,YAAU,CAAA;QADpB;SAAY,OAAO;IAKgB,MAAI,CAAA;QAAvC;SAAY,WAAW;;;;AChB5B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,sBAAP,MAAO,qBAAmB;;8GAAnB,sBAAmB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAnB,sBAAmB,cAAA,CAHb,sBAAsB,GAAA,SAAA,CAD3B,YAAY,GAAA,SAAA,CAEZ,sBAAsB,EAAA,CAAA;EAAA;;+GAEvB,sBAAmB,SAAA,CAJlB,YAAY,EAAA,CAAA;EAAA;;oGAIb,qBAAmB,YAAA,CAAA;QAL/B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,sBAAsB;IACrC,SAAS,CAAC,sBAAsB;GACnC;;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|