@eui/components 19.0.0-rc.4 → 19.0.0-rc.5
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/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -56,7 +56,7 @@ class EuiButtonComponent {
|
|
|
56
56
|
this.buttonClick.emit(this);
|
|
57
57
|
}
|
|
58
58
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0", type: EuiButtonComponent, isStandalone: false, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiBranding", "euiBranding", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive", "euiStart", "euiStart", "euiEnd", "euiEnd"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-19 :host.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--size-m ::ng-deep .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-dark);--_on-bg-color: var(--eui-c-info-dark-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-success-dark);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success-dark);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-dark);--_on-hover-color: var(--eui-c-warning-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-dark);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger-dark);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent-light);--_on-bg-color: var(--eui-c-accent-light-contrast);--_border-color: var(--eui-c-accent-darker);--_hover-color: var(--eui-c-accent-dark);--_on-hover-color: var(--eui-c-accent-dark-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 .eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-19 .eui-dropdown-button--disabled,.eui-19 .eui-dropdown-button:disabled{pointer-events:none}.eui-19 .eui-button-fixed{bottom:var(--eui-s-3xl);position:fixed;right:var(--eui-s-xl);z-index:calc(var(--eui-zi-btn-floating) + 1)}.eui-19 .eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-floating{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;overflow:hidden;padding:var(--eui-s-xs);position:relative;transform:translateY(35%);vertical-align:middle;height:var(--eui-s-4xl);width:var(--eui-s-4xl);z-index:1;box-shadow:var(--eui-sh-6);background-color:var(--_bg-color);color:var(--_on-bg-color)}.eui-19 .eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-sh-3)}.eui-19 .eui-button-floating:before{border-radius:var(--eui-br-none)}.eui-19 .eui-button__expand-trigger{border-top:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-s-l)}.eui-19 .eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-sh-3)}.eui-19 .eui-button__expand-trigger--collapsed{margin-top:var(--eui-s-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.0", type: EuiButtonComponent, isStandalone: false, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiBranding", "euiBranding", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive", "euiStart", "euiStart", "euiEnd", "euiEnd"] }], ngImport: i0, template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-19 :host.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--size-m ::ng-deep .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-dark);--_on-bg-color: var(--eui-c-info-dark-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-success-dark);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success-dark);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-dark);--_on-hover-color: var(--eui-c-warning-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-dark);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger-dark);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent-light);--_on-bg-color: var(--eui-c-accent-light-contrast);--_border-color: var(--eui-c-accent-darker);--_hover-color: var(--eui-c-accent-dark);--_on-hover-color: var(--eui-c-accent-dark-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiButtonComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
83
83
|
'euiEnd',
|
|
84
84
|
],
|
|
85
85
|
},
|
|
86
|
-
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-19 :host.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--size-m ::ng-deep .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-dark);--_on-bg-color: var(--eui-c-info-dark-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-success-dark);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success-dark);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-dark);--_on-hover-color: var(--eui-c-warning-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-dark);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger-dark);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent-light);--_on-bg-color: var(--eui-c-accent-light-contrast);--_border-color: var(--eui-c-accent-darker);--_hover-color: var(--eui-c-accent-dark);--_on-hover-color: var(--eui-c-accent-dark-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-19 .eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-19 .eui-dropdown-button--disabled,.eui-19 .eui-dropdown-button:disabled{pointer-events:none}.eui-19 .eui-button-fixed{bottom:var(--eui-s-3xl);position:fixed;right:var(--eui-s-xl);z-index:calc(var(--eui-zi-btn-floating) + 1)}.eui-19 .eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-button-floating{align-items:center;border-radius:var(--eui-br-max);display:inline-flex;overflow:hidden;padding:var(--eui-s-xs);position:relative;transform:translateY(35%);vertical-align:middle;height:var(--eui-s-4xl);width:var(--eui-s-4xl);z-index:1;box-shadow:var(--eui-sh-6);background-color:var(--_bg-color);color:var(--_on-bg-color)}.eui-19 .eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-sh-3)}.eui-19 .eui-button-floating:before{border-radius:var(--eui-br-none)}.eui-19 .eui-button__expand-trigger{border-top:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-s-l)}.eui-19 .eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-sh-3)}.eui-19 .eui-button__expand-trigger--collapsed{margin-top:var(--eui-s-s)}\n"] }]
|
|
86
|
+
], template: "<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n", styles: [".eui-19 :host.eui-button{--_color: var(--eui-button-color, var(--eui-c-neutral));--_bg-color: var(--eui-button-bg-color, var(--eui-c-neutral-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-neutral));--_border-color: var(--eui-button-border-color, var(--eui-c-neutral-lighter));--_hover-color: var(--eui-button-hover-color, var(--eui-c-neutral-bg));--_on-hover-color: var(--eui-button-on-hover-color, var(--eui-c-neutral-bg-contrast));--_basic-bg-color: var(--eui-button-basic-bg-color, transparent);--_basic-hover-color: var(--eui-button-basic-hover-color, var(--eui-c-neutral-bg-light));--_on-basic-hover-color: var(--eui-button-on-basic-hover-color, var(--eui-c-neutral-bg-light-contrast));--_outline-color: var(--eui-button-outline-color, var(--eui-c-neutral));--_outline-hover-color: var(--eui-button-outline-hover-color, var(--eui-c-neutral-bg));--_on-outline-hover-color: var(--eui-button-on-outline-hover-color, var(--eui-c-neutral-bg-contrast))}.eui-19 :host.eui-button{align-items:center;background-image:none;border:var(--eui-bw-none);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-ecl-2);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:var(--eui-f-m)}.eui-19 :host.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none}.eui-19 :host.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative;gap:var(--eui-s-xs);justify-content:center;width:100%}.eui-19 :host.eui-button--icon-only{padding:inherit var(--eui-s-2xs);min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}.eui-19 :host.eui-button--size-s{font:var(--eui-f-m-compact);min-height:calc(var(--eui-s-2xl) + var(--eui-s-2xs));min-width:calc(var(--eui-s-2xl) + var(--eui-s-2xs));padding:0 var(--eui-s-xs)}.eui-19 :host.eui-button--size-s ::ng-deep .eui-icon-svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-19 :host.eui-button.eui-button--size-s.eui-button--icon-only{padding:calc(var(--eui-s-xs) - 3px) var(--eui-s-2xs)}.eui-19 :host.eui-button--size-m{font:var(--eui-f-m)}.eui-19 :host.eui-button--size-m ::ng-deep .eui-icon-svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-19 :host.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-dark);--_hover-color: var(--eui-c-primary-darker);--_on-hover-color: var(--eui-c-primary-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-primary-bg);--_on-basic-hover-color: var(--eui-c-primary-bg-contrast);--_outline-color: var(--eui-c-primary);--_outline-hover-color: var(--eui-c-primary-bg);--_on-outline-hover-color: var(--eui-c-primary-bg-contrast)}.eui-19 :host.eui-button--branding{--_color: var(--eui-c-branding);--_bg-color: var(--eui-c-branding);--_on-bg-color: var(--eui-c-branding-contrast);--_border-color: var(--eui-c-branding);--_hover-color: var(--eui-c-branding-light);--_on-hover-color: var(--eui-c-branding-light-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-branding-light);--_on-basic-hover-color: var(--eui-c-branding-light-contrast);--_outline-color: var(--eui-c-branding);--_outline-hover-color: var(--eui-c-branding-light);--_on-outline-hover-color: var(--eui-c-branding-light-contrast)}.eui-19 :host.eui-button--info{--_color: var(--eui-c-info-dark);--_bg-color: var(--eui-c-info-dark);--_on-bg-color: var(--eui-c-info-dark-contrast);--_border-color: var(--eui-c-info-dark);--_hover-color: var(--eui-c-info-darker);--_on-hover-color: var(--eui-c-info-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-info-bg);--_on-basic-hover-color: var(--eui-c-info-bg-contrast);--_outline-color: var(--eui-c-info);--_outline-hover-color: var(--eui-c-info-bg);--_on-outline-hover-color: var(--eui-c-info-bg-contrast)}.eui-19 :host.eui-button--success{--_color: var(--eui-c-success-dark);--_bg-color: var(--eui-c-success-dark);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-dark);--_hover-color: var(--eui-c-success-darker);--_on-hover-color: var(--eui-c-success-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-success-bg);--_on-basic-hover-color: var(--eui-c-success-bg-contrast);--_outline-color: var(--eui-c-success-dark);--_outline-hover-color: var(--eui-c-success-bg);--_on-outline-hover-color: var(--eui-c-success-bg-contrast)}.eui-19 :host.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-dark);--_hover-color: var(--eui-c-warning-dark);--_on-hover-color: var(--eui-c-warning-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-warning-bg);--_on-basic-hover-color: var(--eui-c-warning-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-warning-bg);--_on-outline-hover-color: var(--eui-c-warning-bg-contrast)}.eui-19 :host.eui-button--danger{--_color: var(--eui-c-danger-dark);--_bg-color: var(--eui-c-danger-dark);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-dark);--_hover-color: var(--eui-c-danger-darker);--_on-hover-color: var(--eui-c-danger-darker-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-danger-bg);--_on-basic-hover-color: var(--eui-c-danger-bg-contrast);--_outline-color: var(--eui-c-danger-dark);--_outline-hover-color: var(--eui-c-danger-bg);--_on-outline-hover-color: var(--eui-c-danger-bg-contrast)}.eui-19 :host.eui-button--accent{--_color: var(--eui-c-accent-dark);--_bg-color: var(--eui-c-accent-light);--_on-bg-color: var(--eui-c-accent-light-contrast);--_border-color: var(--eui-c-accent-darker);--_hover-color: var(--eui-c-accent-dark);--_on-hover-color: var(--eui-c-accent-dark-contrast);--_basic-bg-color: transparent;--_basic-hover-color: var(--eui-c-accent-bg);--_on-basic-hover-color: var(--eui-c-accent-bg-contrast);--_outline-color: var(--eui-c-neutral);--_outline-hover-color: var(--eui-c-accent-bg);--_on-outline-hover-color: var(--eui-c-accent-bg-contrast)}.eui-19 :host.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-label{color:var(--_on-bg-color)}.eui-19 :host.eui-button:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-19 :host.eui-button.eui-button--basic{border:var(--eui-bw-none);box-shadow:none;background-color:var(--_basic-bg-color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-label{color:var(--_color)}.eui-19 :host.eui-button.eui-button--basic ::ng-deep .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-19 :host.eui-button.eui-button--outline{background-color:var(--eui-c-white);color:var(--_outline-color);border:var(--eui-bw-xs) solid var(--_border-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-label{color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--outline ::ng-deep .eui-icon-svg svg{fill:var(--_outline-color);color:var(--_outline-color)}.eui-19 :host.eui-button.eui-button--basic:hover{background-color:var(--_basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-label{color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--basic:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-basic-hover-color);color:var(--_on-basic-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover{background-color:var(--_outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-label{color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button.eui-button--outline:hover ::ng-deep .eui-icon-svg svg{fill:var(--_on-outline-hover-color);color:var(--_on-outline-hover-color)}.eui-19 :host.eui-button--rounded{border-radius:var(--eui-br-max)}.eui-19 :host.eui-button--rounded:focus:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--rounded:focus-visible:not([readonly]){border-radius:var(--eui-br-max);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-19 :host.eui-button--responsive .eui-button__container{overflow:hidden}.eui-19 :host.eui-button--responsive .eui-button__container>label,.eui-19 :host.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-button--block{width:100%}.eui-19 :host.eui-button--line-wrap{padding:var(--eui-s-s);white-space:normal}.eui-19 :host.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-s-xs) var(--eui-s-xs);min-height:var(--eui-s-m);padding:0 var(--eui-s-xl);box-shadow:var(--eui-sh-1)}.eui-19 :host.eui-button--expand-toggle:hover,.eui-19 :host.eui-button--expand-toggle:focus{box-shadow:var(--eui-sh-3)}.eui-19 :host.eui-button--start .eui-button__container{justify-content:start}.eui-19 :host.eui-button--end .eui-button__container{justify-content:end}.eui-19 :host.eui-button.disabled,.eui-19 :host.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
88
88
|
type: HostBinding,
|
|
89
89
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @HostBinding('attr.id')\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n // ATTENTION : don't change those to input/transform, they are exposed OR\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\n @Input()\n public get euiDisabled(): boolean {\n return this._euiDisabled;\n }\n public set euiDisabled(value: BooleanInput) {\n this._euiDisabled = coerceBooleanProperty(value);\n if (this._euiDisabled) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n private _isChecked = false;\n private _euiDisabled= false;\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @HostBinding('attr.id')\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n // ATTENTION : don't change those to input/transform, they are exposed OR\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\n @Input()\n public get euiDisabled(): boolean {\n return this._euiDisabled;\n }\n public set euiDisabled(value: BooleanInput) {\n this._euiDisabled = coerceBooleanProperty(value);\n if (this._euiDisabled) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n private _isChecked = false;\n private _euiDisabled= false;\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -147,11 +147,11 @@ class EuiInputCheckboxComponent extends InputDirective {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputCheckboxComponent, isStandalone: false, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)
|
|
150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputCheckboxComponent, isStandalone: false, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }); }
|
|
151
151
|
}
|
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
|
-
args: [{ selector: 'input[euiInputCheckBox]', template: '', standalone: false, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)
|
|
154
|
+
args: [{ selector: 'input[euiInputCheckBox]', template: '', standalone: false, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }]
|
|
155
155
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
156
156
|
type: Optional
|
|
157
157
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n DoCheck,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Optional,\n Renderer2,\n Self,\n SimpleChanges,\n OnInit,\n HostListener,\n Component,\n Injector,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputCheckBox]',\n styleUrls: ['./styles/_index.scss'],\n template: '',\n standalone: false,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n @HostBinding('class')\n public get cssClasses(): string {\n return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n }\n /** Event emitted when the checkbox `indeterminate` value changes. */\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /**\n * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n * set to false.\n */\n @Input()\n get indeterminate(): boolean {\n return this._indeterminate;\n }\n set indeterminate(value: BooleanInput) {\n const changed = value != this._indeterminate;\n this._indeterminate = coerceBooleanProperty(value);\n\n if (changed) {\n this.indeterminateChange.emit(this._indeterminate);\n }\n\n this._syncIndeterminate(this._checked ? false : this._indeterminate);\n }\n\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public set isInvalid(state: any) {\n this.setInvalid(state);\n }\n\n protected _isInvalid: boolean;\n\n @HostBinding('attr.type') protected type = 'checkbox';\n\n @HostBinding('attr.checked')\n @Input()\n public get checked(): boolean {\n return this._checked;\n }\n\n public set checked(value: BooleanInput) {\n this._checked = coerceBooleanProperty(value) ? true : undefined;\n }\n\n protected _checked: boolean;\n private _indeterminate = false;\n\n constructor(\n @Optional() @Self() protected ngControl: NgControl,\n protected _elementRef: ElementRef<HTMLInputElement>,\n protected _renderer: Renderer2,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n\n // if there's no id attribute set one\n if (!this._elementRef.nativeElement.id) {\n this.setIdAttribute();\n }\n\n // register control valueAccessor\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n // in case control value is null set the default one (isChecked) and sync Control State\n if (this.ngControl?.control?.value === null) {\n this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n // changing Model Expression after view checked, so detect changes\n // TODO: check why although it's checked .checked returns false\n // this.ngControl.viewToModelUpdate(this._checked);\n // this._cd.detectChanges();\n }\n }\n\n ngDoCheck(): void {\n if (this.ngControl) {\n this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['checked']) {\n const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n if (currentValue !== this?.ngControl?.control?.value) {\n this._checked = currentValue;\n this._elementRef.nativeElement.checked = currentValue;\n }\n }\n\n if (changes['readonly']) {\n const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n if (readonly) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n }\n }\n }\n\n writeValue(obj: boolean): void {\n this._checked = coerceBooleanProperty(obj) ? true : undefined;\n this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: any): void {\n this.onBlur = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n @HostListener('change', ['$event.target.checked'])\n protected onChanged(checked): void {\n this.onChange(checked);\n }\n\n @HostListener('keydown.space', ['$event'])\n protected onSpacePressed(event: KeyboardEvent): void {\n if (this.readonly) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onChange = (_): void => {\n /* Nothing to be Done so far */\n };\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected onBlur = (_: any): void => {\n /* Nothing to be Done so far */\n };\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected setInvalid(state?: any): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n }\n\n /**\n * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items.\n *\n * @param value\n * @private\n */\n private _syncIndeterminate(value: boolean): void {\n if (this._elementRef) {\n this._elementRef.nativeElement.indeterminate = value;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputCheckboxComponent],\n exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n DoCheck,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Optional,\n Renderer2,\n Self,\n SimpleChanges,\n OnInit,\n HostListener,\n Component,\n Injector,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputCheckBox]',\n styleUrls: ['./styles/_index.scss'],\n template: '',\n standalone: false,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n @HostBinding('class')\n public get cssClasses(): string {\n return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n }\n /** Event emitted when the checkbox `indeterminate` value changes. */\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /**\n * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n * set to false.\n */\n @Input()\n get indeterminate(): boolean {\n return this._indeterminate;\n }\n set indeterminate(value: BooleanInput) {\n const changed = value != this._indeterminate;\n this._indeterminate = coerceBooleanProperty(value);\n\n if (changed) {\n this.indeterminateChange.emit(this._indeterminate);\n }\n\n this._syncIndeterminate(this._checked ? false : this._indeterminate);\n }\n\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public set isInvalid(state: any) {\n this.setInvalid(state);\n }\n\n protected _isInvalid: boolean;\n\n @HostBinding('attr.type') protected type = 'checkbox';\n\n @HostBinding('attr.checked')\n @Input()\n public get checked(): boolean {\n return this._checked;\n }\n\n public set checked(value: BooleanInput) {\n this._checked = coerceBooleanProperty(value) ? true : undefined;\n }\n\n protected _checked: boolean;\n private _indeterminate = false;\n\n constructor(\n @Optional() @Self() protected ngControl: NgControl,\n protected _elementRef: ElementRef<HTMLInputElement>,\n protected _renderer: Renderer2,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n\n // if there's no id attribute set one\n if (!this._elementRef.nativeElement.id) {\n this.setIdAttribute();\n }\n\n // register control valueAccessor\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n // in case control value is null set the default one (isChecked) and sync Control State\n if (this.ngControl?.control?.value === null) {\n this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n // changing Model Expression after view checked, so detect changes\n // TODO: check why although it's checked .checked returns false\n // this.ngControl.viewToModelUpdate(this._checked);\n // this._cd.detectChanges();\n }\n }\n\n ngDoCheck(): void {\n if (this.ngControl) {\n this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['checked']) {\n const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n if (currentValue !== this?.ngControl?.control?.value) {\n this._checked = currentValue;\n this._elementRef.nativeElement.checked = currentValue;\n }\n }\n\n if (changes['readonly']) {\n const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n if (readonly) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n }\n }\n }\n\n writeValue(obj: boolean): void {\n this._checked = coerceBooleanProperty(obj) ? true : undefined;\n this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: any): void {\n this.onBlur = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n @HostListener('change', ['$event.target.checked'])\n protected onChanged(checked): void {\n this.onChange(checked);\n }\n\n @HostListener('keydown.space', ['$event'])\n protected onSpacePressed(event: KeyboardEvent): void {\n if (this.readonly) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onChange = (_): void => {\n /* Nothing to be Done so far */\n };\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected onBlur = (_: any): void => {\n /* Nothing to be Done so far */\n };\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected setInvalid(state?: any): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n }\n\n /**\n * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items.\n *\n * @param value\n * @private\n */\n private _syncIndeterminate(value: boolean): void {\n if (this._elementRef) {\n this._elementRef.nativeElement.indeterminate = value;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputCheckboxComponent],\n exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,11 +11,11 @@ class EuiInputGroupComponent {
|
|
|
11
11
|
return 'eui-input-group';
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputGroupComponent, isStandalone: false, 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/>', isInline: true, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group:not(.row) .eui-input-radio+label,.eui-19 :host.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-19 :host.eui-input-group:not(.row) div{align-items:center}.eui-19 :host.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.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-19 :host.eui-input-group.row .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputGroupComponent, isStandalone: false, 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/>', isInline: true, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group:not(.row) .eui-input-radio+label,.eui-19 :host.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-19 :host.eui-input-group:not(.row) div{align-items:center}.eui-19 :host.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .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-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'div[euiInputGroup]', template: '<ng-content/>', standalone: false, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group:not(.row) .eui-input-radio+label,.eui-19 :host.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-19 :host.eui-input-group:not(.row) div{align-items:center}.eui-19 :host.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.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-19 :host.eui-input-group.row .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }]
|
|
18
|
+
args: [{ selector: 'div[euiInputGroup]', template: '<ng-content/>', standalone: false, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group:not(.row) .eui-input-radio+label,.eui-19 :host.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-19 :host.eui-input-group:not(.row) div{align-items:center}.eui-19 :host.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .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-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }]
|
|
19
19
|
}], propDecorators: { e2eAttr: [{
|
|
20
20
|
type: HostBinding,
|
|
21
21
|
args: ['attr.data-e2e']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-input-group.mjs","sources":["../../eui-input-group/eui-input-group.component.ts","../../eui-input-group/eui-input-group-addon.component.ts","../../eui-input-group/eui-input-group-addon-item.component.ts","../../eui-input-group/eui-input-group.module.ts","../../eui-input-group/eui-components-eui-input-group.ts"],"sourcesContent":["import { Component, HostBinding, Input } 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/>',\n standalone: false,\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 { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroupAddOn], eui-input-group-addon',\n styleUrls: ['./styles/eui-input-group-addon.scss'],\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiInputGroupAddOnComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group-addon';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group-addon';\n }\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroupAddOnItem], eui-input-group-addon-item',\n styleUrls: ['./styles/eui-input-group-addon-item.scss'],\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiInputGroupAddOnItemComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group-addon-item';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group-addon-item';\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputGroupComponent } from './eui-input-group.component';\nimport { EuiInputGroupAddOnComponent } from './eui-input-group-addon.component';\nimport { EuiInputGroupAddOnItemComponent } from './eui-input-group-addon-item.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [\n EuiInputGroupComponent,\n EuiInputGroupAddOnComponent,\n EuiInputGroupAddOnItemComponent,\n ],\n exports: [\n EuiInputGroupComponent,\n EuiInputGroupAddOnComponent,\n EuiInputGroupAddOnItemComponent,\n ],\n})\nexport class EuiInputGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QAQ2C,IAAO,CAAA,OAAA,GAAG,iBAAiB;QAM9B,IAAI,CAAA,IAAA,GAAG,YAAY;AAC1D;AANG,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,iBAAiB;;8GAJnB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,gOAHrB,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-eui-input-group.mjs","sources":["../../eui-input-group/eui-input-group.component.ts","../../eui-input-group/eui-input-group-addon.component.ts","../../eui-input-group/eui-input-group-addon-item.component.ts","../../eui-input-group/eui-input-group.module.ts","../../eui-input-group/eui-components-eui-input-group.ts"],"sourcesContent":["import { Component, HostBinding, Input } 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/>',\n standalone: false,\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 { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroupAddOn], eui-input-group-addon',\n styleUrls: ['./styles/eui-input-group-addon.scss'],\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiInputGroupAddOnComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group-addon';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group-addon';\n }\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[euiInputGroupAddOnItem], eui-input-group-addon-item',\n styleUrls: ['./styles/eui-input-group-addon-item.scss'],\n template: '<ng-content></ng-content>',\n standalone: false,\n})\nexport class EuiInputGroupAddOnItemComponent {\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-input-group-addon-item';\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-input-group-addon-item';\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputGroupComponent } from './eui-input-group.component';\nimport { EuiInputGroupAddOnComponent } from './eui-input-group-addon.component';\nimport { EuiInputGroupAddOnItemComponent } from './eui-input-group-addon-item.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [\n EuiInputGroupComponent,\n EuiInputGroupAddOnComponent,\n EuiInputGroupAddOnItemComponent,\n ],\n exports: [\n EuiInputGroupComponent,\n EuiInputGroupAddOnComponent,\n EuiInputGroupAddOnItemComponent,\n ],\n})\nexport class EuiInputGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -134,11 +134,11 @@ class EuiInputRadioComponent extends InputDirective {
|
|
|
134
134
|
this.euiDanger = this._isInvalid;
|
|
135
135
|
}
|
|
136
136
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputRadioComponent, isStandalone: false, selector: "input[euiInputRadio]", inputs: { isInvalid: "isInvalid", defaultChecked: ["checked", "defaultChecked"], value: "value" }, host: { listeners: { "change": "onCheckedChanged($event)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.class", "attr.type": "this.type", "attr.checked": "this.defaultChecked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:var(--eui-br-max);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--eui-s-xl);justify-content:center;margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)
|
|
137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: EuiInputRadioComponent, isStandalone: false, selector: "input[euiInputRadio]", inputs: { isInvalid: "isInvalid", defaultChecked: ["checked", "defaultChecked"], value: "value" }, host: { listeners: { "change": "onCheckedChanged($event)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.class", "attr.type": "this.type", "attr.checked": "this.defaultChecked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:var(--eui-br-max);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--eui-s-xl);justify-content:center;margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)+::ng-deep .eui-label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):checked{background:var(--eui-c-white)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-primary);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-primary);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]+::ng-deep .eui-label{display:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked{display:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+::ng-deep .eui-label{align-items:center;display:inline-flex;min-height:calc(var(--eui-s-3xl) + var(--eui-s-2xs));pointer-events:none;position:initial}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked:before,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-danger);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }); }
|
|
138
138
|
}
|
|
139
139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiInputRadioComponent, decorators: [{
|
|
140
140
|
type: Component,
|
|
141
|
-
args: [{ selector: 'input[euiInputRadio]', template: '', standalone: false, styles: [".eui-19 :host.eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:var(--eui-br-max);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--eui-s-xl);justify-content:center;margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)
|
|
141
|
+
args: [{ selector: 'input[euiInputRadio]', template: '', standalone: false, styles: [".eui-19 :host.eui-input-radio:not(.cdk-visually-hidden){appearance:inherit;align-items:center;border-radius:var(--eui-br-max);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--eui-s-xl);justify-content:center;margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)+::ng-deep .eui-label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):checked{background:var(--eui-c-white)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-primary);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-xs) solid var(--eui-c-neutral-light);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-primary);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]+::ng-deep .eui-label{display:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked{display:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+::ng-deep label,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden)[readonly]:checked+::ng-deep .eui-label{align-items:center;display:inline-flex;min-height:calc(var(--eui-s-3xl) + var(--eui-s-2xs));pointer-events:none;position:initial}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked:before,.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-ellipse-path);background-color:var(--eui-c-danger);height:var(--eui-s-l);width:var(--eui-s-l)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }]
|
|
142
142
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
143
143
|
type: Optional
|
|
144
144
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-input-radio.mjs","sources":["../../eui-input-radio/eui-input-radio.component.ts","../../eui-input-radio/eui-input-radio.module.ts","../../eui-input-radio/eui-components-eui-input-radio.ts"],"sourcesContent":["import {\n DoCheck,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Optional,\n Renderer2,\n Self,\n SimpleChanges,\n OnInit,\n Component,\n HostListener,\n Injector,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeEvent } from 'cleave.js/react/props';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputRadio]',\n styleUrls: ['./styles/_index.scss'],\n template: '',\n standalone: false,\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n public set isInvalid(state: BooleanInput) {\n this.setInvalid(state);\n }\n protected _isInvalid: boolean;\n\n @HostBinding('class')\n public get class(): string {\n return [super.getCssClasses('eui-input-radio'), this._isInvalid ? 'eui-input-radio--invalid' : ''].join(' ').trim();\n }\n @HostBinding('attr.type') protected type = 'radio';\n\n @HostBinding('attr.checked')\n @Input('checked')\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get defaultChecked(): any {\n return this._defaultChecked ? '' : null;\n }\n public set defaultChecked(value: BooleanInput) {\n this._defaultChecked = coerceBooleanProperty(value);\n }\n protected _defaultChecked: boolean;\n\n public get selected(): boolean {\n return this._elementRef?.nativeElement.checked;\n }\n\n @Input()\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n get value(): any {\n return this._value;\n }\n set value(value) {\n this._value = value;\n if (typeof value === 'number' || typeof value === 'boolean' || !!value) {\n this._elementRef.nativeElement.value = this._value;\n }\n }\n private _value;\n\n constructor(\n @Optional() @Self() protected ngControl: NgControl,\n protected _elementRef: ElementRef<HTMLInputElement>,\n protected _renderer: Renderer2,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n\n // Firefox fix: set type to radio before first ngDoCheck runs\n this._elementRef.nativeElement.type = 'radio';\n\n // if there's no id attribute set one\n if (!this._elementRef.nativeElement.id) {\n this.setIdAttribute();\n }\n\n // register control valueAccessor\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n // in case control value is null set the default one (isChecked) and sync Control State\n // if (this.ngControl?.control?.value === null) {\n // this.ngControl.control.setValue('', { emitModelToViewChange: false });\n // changing Model Expression after view checked, so detect changes\n // TODO: check why although it's checked .checked returns false\n // this.ngControl.viewToModelUpdate(this._checked);\n // this._cd.detectChanges();\n // }\n\n if (this.ngControl) {\n this.ngControl.statusChanges.subscribe((status) => {\n this.isInvalid = status === 'INVALID';\n this.euiDanger = this.isInvalid;\n });\n }\n }\n\n ngDoCheck(): void {\n if (this.ngControl) {\n this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n // when readonly changes hide other radio (input+label)\n if (changes['readonly']) {\n const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n if (readonly) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n }\n }\n\n if (changes['isInvalid']) {\n if (changes['isInvalid'].currentValue) {\n this._renderer.addClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n } else {\n this._renderer.removeClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n }\n }\n }\n\n writeValue(obj: string): void {\n // set checked state based if radio value matches the control's one\n this._elementRef.nativeElement.checked = this._value === obj;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n @HostListener('change', ['$event'])\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected onCheckedChanged(event: ChangeEvent<any>): void {\n this._defaultChecked = event.target.checked;\n this.onChange(event.target.value === 'on' ? null : event.target.value);\n }\n\n @HostListener('keydown.space', ['$event'])\n protected onSpacePressed(event: KeyboardEvent): void {\n if (this.readonly) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n protected setInvalid(state): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n\n // set BaseDirective Attribute\n this.euiDanger = this._isInvalid;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onChange = (_): void => {\n /* Nothing to be Done so far */\n };\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onTouched = (_): void => {\n /* Nothing to be Done so far */\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputRadioComponent } from './eui-input-radio.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputRadioComponent],\n exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-eui-input-radio.mjs","sources":["../../eui-input-radio/eui-input-radio.component.ts","../../eui-input-radio/eui-input-radio.module.ts","../../eui-input-radio/eui-components-eui-input-radio.ts"],"sourcesContent":["import {\n DoCheck,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Optional,\n Renderer2,\n Self,\n SimpleChanges,\n OnInit,\n Component,\n HostListener,\n Injector,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeEvent } from 'cleave.js/react/props';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputRadio]',\n styleUrls: ['./styles/_index.scss'],\n template: '',\n standalone: false,\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n public set isInvalid(state: BooleanInput) {\n this.setInvalid(state);\n }\n protected _isInvalid: boolean;\n\n @HostBinding('class')\n public get class(): string {\n return [super.getCssClasses('eui-input-radio'), this._isInvalid ? 'eui-input-radio--invalid' : ''].join(' ').trim();\n }\n @HostBinding('attr.type') protected type = 'radio';\n\n @HostBinding('attr.checked')\n @Input('checked')\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get defaultChecked(): any {\n return this._defaultChecked ? '' : null;\n }\n public set defaultChecked(value: BooleanInput) {\n this._defaultChecked = coerceBooleanProperty(value);\n }\n protected _defaultChecked: boolean;\n\n public get selected(): boolean {\n return this._elementRef?.nativeElement.checked;\n }\n\n @Input()\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n get value(): any {\n return this._value;\n }\n set value(value) {\n this._value = value;\n if (typeof value === 'number' || typeof value === 'boolean' || !!value) {\n this._elementRef.nativeElement.value = this._value;\n }\n }\n private _value;\n\n constructor(\n @Optional() @Self() protected ngControl: NgControl,\n protected _elementRef: ElementRef<HTMLInputElement>,\n protected _renderer: Renderer2,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n\n // Firefox fix: set type to radio before first ngDoCheck runs\n this._elementRef.nativeElement.type = 'radio';\n\n // if there's no id attribute set one\n if (!this._elementRef.nativeElement.id) {\n this.setIdAttribute();\n }\n\n // register control valueAccessor\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n // in case control value is null set the default one (isChecked) and sync Control State\n // if (this.ngControl?.control?.value === null) {\n // this.ngControl.control.setValue('', { emitModelToViewChange: false });\n // changing Model Expression after view checked, so detect changes\n // TODO: check why although it's checked .checked returns false\n // this.ngControl.viewToModelUpdate(this._checked);\n // this._cd.detectChanges();\n // }\n\n if (this.ngControl) {\n this.ngControl.statusChanges.subscribe((status) => {\n this.isInvalid = status === 'INVALID';\n this.euiDanger = this.isInvalid;\n });\n }\n }\n\n ngDoCheck(): void {\n if (this.ngControl) {\n this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n // when readonly changes hide other radio (input+label)\n if (changes['readonly']) {\n const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n if (readonly) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n }\n }\n\n if (changes['isInvalid']) {\n if (changes['isInvalid'].currentValue) {\n this._renderer.addClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n } else {\n this._renderer.removeClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n }\n }\n }\n\n writeValue(obj: string): void {\n // set checked state based if radio value matches the control's one\n this._elementRef.nativeElement.checked = this._value === obj;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n @HostListener('change', ['$event'])\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected onCheckedChanged(event: ChangeEvent<any>): void {\n this._defaultChecked = event.target.checked;\n this.onChange(event.target.value === 'on' ? null : event.target.value);\n }\n\n @HostListener('keydown.space', ['$event'])\n protected onSpacePressed(event: KeyboardEvent): void {\n if (this.readonly) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n protected setInvalid(state): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n\n // set BaseDirective Attribute\n this.euiDanger = this._isInvalid;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onChange = (_): void => {\n /* Nothing to be Done so far */\n };\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onTouched = (_): void => {\n /* Nothing to be Done so far */\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputRadioComponent } from './eui-input-radio.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputRadioComponent],\n exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eui/components",
|
|
3
|
-
"version": "19.0.0-rc.
|
|
3
|
+
"version": "19.0.0-rc.5",
|
|
4
4
|
"tag": "next",
|
|
5
5
|
"description": "eUI components package",
|
|
6
6
|
"homepage": "https://eui.ecdevops.eu",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@eui/core": "19.0.0-rc.
|
|
14
|
-
"@eui/base": "19.0.0-rc.
|
|
13
|
+
"@eui/core": "19.0.0-rc.5",
|
|
14
|
+
"@eui/base": "19.0.0-rc.5",
|
|
15
15
|
"@angular/common": "^18.0.0",
|
|
16
16
|
"@angular/core": "^18.0.0",
|
|
17
17
|
"@angular/forms": "^18.0.0",
|