npm - @eui/components - Versions diffs - 19.2.0-snapshot-1745854088357 → 19.2.0-snapshot-1745913484358 - Mend

@eui/components 19.2.0-snapshot-1745854088357 → 19.2.0-snapshot-1745913484358

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.

Files changed (18) hide show

package/docs/dependencies.html +2 -2
package/docs/js/menu-wc.js +6 -6
package/docs/js/menu-wc_es5.js +1 -1
package/docs/js/search/search_index.js +2 -2
package/docs/miscellaneous/variables.html +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-datepicker.mjs +2 -2
package/fesm2022/eui-components-eui-datepicker.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-radio.mjs +2 -2
package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
package/fesm2022/eui-components-eui-table.mjs +2 -2
package/fesm2022/eui-components-eui-table.mjs.map +1 -1
package/package.json +7 -7

package/fesm2022/eui-components-eui-input-checkbox.mjs CHANGED Viewed

@@ -217,11 +217,11 @@ class EuiInputCheckboxComponent extends InputDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", 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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EuiInputCheckboxComponent, isStandalone: true, 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-s-primary-fill)}.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-s-primary-fill)}.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-s-primary-fill);border:var(--eui-bw-s) solid var(--eui-c-s-primary-fill)}.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-s-danger-fill);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-s-danger-fill)}.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-s-danger-fill)}.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:var(--eui-bw-s) solid var(--eui-c-primary-lighter);outline-offset:2px;border-radius:var(--eui-br-s)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EuiInputCheckboxComponent, isStandalone: true, 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-s-primary-fill)}.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-s-primary-fill)}.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-s-primary-fill);border:var(--eui-bw-s) solid var(--eui-c-s-primary-fill)}.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-s-danger-fill);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-s-danger-fill)}.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-s-danger-fill)}.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:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:2px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'input[euiInputCheckBox]', template: '', 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-s-primary-fill)}.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-s-primary-fill)}.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-s-primary-fill);border:var(--eui-bw-s) solid var(--eui-c-s-primary-fill)}.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-s-danger-fill);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-s-danger-fill)}.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-s-danger-fill)}.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:var(--eui-bw-s) solid var(--eui-c-primary-lighter);outline-offset:2px;border-radius:var(--eui-br-s)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)}\n"] }]
+            args: [{ selector: 'input[euiInputCheckBox]', template: '', 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-s-primary-fill)}.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-s-primary-fill)}.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-s-primary-fill);border:var(--eui-bw-s) solid var(--eui-c-s-primary-fill)}.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-s-danger-fill);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-s-danger-fill)}.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-s-danger-fill)}.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:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:2px!important;border-radius:var(--eui-br-s)!important}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {

package/fesm2022/eui-components-eui-input-checkbox.mjs.map CHANGED Viewed

	@@ -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/index.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/*\n Angular component that provides a custom checkbox input implementation.\n * Extends {@link InputDirective} and implements form control functionality.\n \n @component\n * @selector input[euiInputCheckBox]\n * @implements {@link OnInit}\n * @implements {@link DoCheck}\n * @implements {@link OnChanges}\n * @implements {@link ControlValueAccessor}\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputCheckBox]',\n styleUrls: ['./eui-input-checkbox.scss'],\n template: '',\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n /\n Gets the CSS classes for the checkbox component.\n * Combines base classes with validation state classes.\n \n @returns {string} Space-separated list of CSS classes\n /\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 /\n Event emitter that fires when the indeterminate state changes.\n \n @event indeterminateChange\n * @type {EventEmitter<boolean>}\n /\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /\n Controls the indeterminate (mixed) state of the checkbox.\n * When true, the checkbox appears in an indeterminate state.\n * This state is automatically cleared when the checkbox is clicked.\n \n @property {boolean} indeterminate\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 /\n Controls the invalid state of the checkbox. Used for displaying validation errors.\n \n @property {boolean} isInvalid\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 /\n Controls the checked state of the checkbox.\n \n @property {boolean} checked\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 /\n Lifecycle hook that is called after data-bound properties are initialized.\n * Sets default control value if needed.\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 /\n Lifecycle hook that performs custom change detection.\n * Updates invalid state based on control status.\n /\n ngDoCheck(): void {\n if (this.ngControl) {\n this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n /\n Lifecycle hook that is called when data-bound properties change.\n * Handles changes to checked and readonly states.\n \n @param {SimpleChanges} changes - Object containing changed properties\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 /\n Implements ControlValueAccessor writeValue method.\n * Updates the checked state of the checkbox.\n \n @param {boolean} obj - The value to write\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 /\n Event handler for checkbox change events.\n \n @param {boolean} checked - The new checked state\n * @protected\n /\n @HostListener('change', ['$event.target.checked'])\n protected onChanged(checked: boolean): void {\n this.onChange(checked);\n }\n\n /\n Event handler for space key press.\n * Prevents space key action when checkbox is readonly.\n \n @param {KeyboardEvent} event - The keyboard event\n * @protected\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 onChange = <T>(_: T): 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 /\n Sets the invalid state of the checkbox.\n \n @param {any} state - The invalid state to set (true/false)\n * @protected\n /\n protected setInvalid(state?: boolean): void;\n /\n Sets the invalid state of the checkbox.\n \n @deprecated Use the boolean version instead\n * @param state - The invalid state to set (true/false)\n * @protected\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 * check-able items.\n \n @param value\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 { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n/\n Angular module for the EUI Input Checkbox component. Provides the checkbox\n * component and its dependencies.\n \n @deprecated Use {@link `EUI_INPUT_CHECKBOX`} instead.\n /\n@NgModule({\n imports: [EuiInputCheckboxComponent],\n exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\nexport from './eui-input-checkbox.component';\nexport * from './eui-input-checkbox.module';\n\nexport const EUI_INPUT_CHECKBOX = [\n EuiInputCheckboxComponent,\n] as const;\n\n// export { EuiInputCheckboxComponent as EuiInputCheckbox } from './eui-input-checkbox.component';\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/index.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/*\n Angular component that provides a custom checkbox input implementation.\n * Extends {@link InputDirective} and implements form control functionality.\n \n @component\n * @selector input[euiInputCheckBox]\n * @implements {@link OnInit}\n * @implements {@link DoCheck}\n * @implements {@link OnChanges}\n * @implements {@link ControlValueAccessor}\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputCheckBox]',\n styleUrls: ['./eui-input-checkbox.scss'],\n template: '',\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n /\n Gets the CSS classes for the checkbox component.\n * Combines base classes with validation state classes.\n \n @returns {string} Space-separated list of CSS classes\n /\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 /\n Event emitter that fires when the indeterminate state changes.\n \n @event indeterminateChange\n * @type {EventEmitter<boolean>}\n /\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /\n Controls the indeterminate (mixed) state of the checkbox.\n * When true, the checkbox appears in an indeterminate state.\n * This state is automatically cleared when the checkbox is clicked.\n \n @property {boolean} indeterminate\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 /\n Controls the invalid state of the checkbox. Used for displaying validation errors.\n \n @property {boolean} isInvalid\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 /\n Controls the checked state of the checkbox.\n \n @property {boolean} checked\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 /\n Lifecycle hook that is called after data-bound properties are initialized.\n * Sets default control value if needed.\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 /\n Lifecycle hook that performs custom change detection.\n * Updates invalid state based on control status.\n /\n ngDoCheck(): void {\n if (this.ngControl) {\n this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n /\n Lifecycle hook that is called when data-bound properties change.\n * Handles changes to checked and readonly states.\n \n @param {SimpleChanges} changes - Object containing changed properties\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 /\n Implements ControlValueAccessor writeValue method.\n * Updates the checked state of the checkbox.\n \n @param {boolean} obj - The value to write\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 /\n Event handler for checkbox change events.\n \n @param {boolean} checked - The new checked state\n * @protected\n /\n @HostListener('change', ['$event.target.checked'])\n protected onChanged(checked: boolean): void {\n this.onChange(checked);\n }\n\n /\n Event handler for space key press.\n * Prevents space key action when checkbox is readonly.\n \n @param {KeyboardEvent} event - The keyboard event\n * @protected\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 onChange = <T>(_: T): 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 /\n Sets the invalid state of the checkbox.\n \n @param {any} state - The invalid state to set (true/false)\n * @protected\n /\n protected setInvalid(state?: boolean): void;\n /\n Sets the invalid state of the checkbox.\n \n @deprecated Use the boolean version instead\n * @param state - The invalid state to set (true/false)\n * @protected\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 * check-able items.\n \n @param value\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 { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n/\n Angular module for the EUI Input Checkbox component. Provides the checkbox\n * component and its dependencies.\n \n @deprecated Use {@link `EUI_INPUT_CHECKBOX`} instead.\n /\n@NgModule({\n imports: [EuiInputCheckboxComponent],\n exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\nexport from './eui-input-checkbox.component';\nexport * from './eui-input-checkbox.module';\n\nexport const EUI_INPUT_CHECKBOX = [\n EuiInputCheckboxComponent,\n] as const;\n\n// export { EuiInputCheckboxComponent as EuiInputCheckbox } from './eui-input-checkbox.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-input-radio.mjs CHANGED Viewed

@@ -219,11 +219,11 @@ class EuiInputRadioComponent extends InputDirective {
         this.euiDanger = this._isInvalid;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", 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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EuiInputRadioComponent, isStandalone: true, 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;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-s-danger)!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:var(--eui-bw-s) solid var(--eui-c-primary-lighter);outline-offset:2px;border-radius:var(--eui-br-max)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not([readonly]),.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EuiInputRadioComponent, isStandalone: true, 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;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-s-danger)!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:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:2px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not([readonly]),.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiInputRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'input[euiInputRadio]', template: '', 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;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-s-danger)!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:var(--eui-bw-s) solid var(--eui-c-primary-lighter);outline-offset:2px;border-radius:var(--eui-br-max)}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not([readonly]),.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)}\n"] }]
+            args: [{ selector: 'input[euiInputRadio]', template: '', 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;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-s-danger)!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:var(--eui-bw-s) solid var(--eui-c-primary-lighter)!important;outline-offset:2px!important;border-radius:var(--eui-br-max)!important}.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not([readonly]),.eui-19 :host.eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:not([readonly]){outline-color:var(--eui-c-danger-lighter)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {

package/fesm2022/eui-components-eui-input-radio.mjs.map CHANGED Viewed

	@@ -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/index.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/*\n A radio input component that implements form control functionality and custom styling.\n * This component extends InputDirective and implements form control interfaces for seamless\n * integration with Angular's form controls.\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputRadio]',\n styleUrls: ['./eui-input-radio.scss'],\n template: '',\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n /\n Gets or sets whether the radio input is in an invalid state.\n * This can be set manually or will be automatically set when used with form validation.\n \n @property {boolean} isInvalid - The invalid state of the radio input\n /\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 /\n Gets the CSS classes for the radio input component.\n * Combines base classes with invalid state modifier if applicable.\n \n @returns {string} Space-separated list of CSS classes\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 /\n Gets or sets the default checked state of the radio input.\n * This is different from the current checked state and represents the initial value.\n \n @property {any} defaultChecked - The default checked state\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 /\n Gets whether the radio input is currently selected.\n \n @returns {boolean} True if the radio input is selected, false otherwise\n /\n public get selected(): boolean {\n return this._elementRef?.nativeElement.checked;\n }\n\n /\n Gets or sets the value of the radio input.\n * The value can be of any type and will be used when the radio is selected in a form group.\n \n @property {any} value - The value associated with this radio input\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 /\n Initializes the component.\n * Sets up form control validation status subscription and handles initial state.\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 /\n Performs change detection and updates invalid state based on form control status.\n /\n ngDoCheck(): void {\n if (this.ngControl) {\n this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n /\n Handles changes to component inputs. Specifically handles changes to\n * readonly and invalid states.\n \n @param {SimpleChanges} changes - Object containing changed properties\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 /\n Implements ControlValueAccessor.writeValue.\n * Updates the checked state based on the form control value.\n \n @param {string} obj - The value to write\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 /\n Registers a callback function that is called when the control's value changes.\n \n @param {Function} fn - The callback function\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 /\n Registers a callback function that is called when the control is touched.\n \n @param {Function} fn - The callback function\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 /\n Sets the disabled state of the radio input.\n \n @param {boolean} isDisabled - Whether the radio input should be disabled\n /\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /\n Handles change events on the radio input.\n * Updates the model value when the radio selection changes.\n \n @param {ChangeEvent<any>} event - The change event\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 /\n Handles space key press events. Prevents selection changes when the input\n * is readonly.\n \n @param {KeyboardEvent} event - The keyboard event\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 /\n Sets the invalid state of the radio input.\n * Updates both the internal state and the visual appearance.\n \n @param {boolean} state - The invalid state to set\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 { EuiInputRadioComponent } from './eui-input-radio.component';\n\n/\n Angular module that provides radio input functionality.\n \n @deprecated Use {@link `EUI_INPUT_RADIO`} instead.\n /\n@NgModule({\n imports: [EuiInputRadioComponent],\n exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n","import { EuiInputRadioComponent } from './eui-input-radio.component';\n\nexport from './eui-input-radio.component';\nexport * from './eui-input-radio.module';\n\nexport const EUI_INPUT_RADIO = [\n EuiInputRadioComponent,\n] as const;\n\n// export { EuiInputRadioComponent as EuiInputRadio } from './eui-input-radio.component';\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/index.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/*\n A radio input component that implements form control functionality and custom styling.\n * This component extends InputDirective and implements form control interfaces for seamless\n * integration with Angular's form controls.\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputRadio]',\n styleUrls: ['./eui-input-radio.scss'],\n template: '',\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n /\n Gets or sets whether the radio input is in an invalid state.\n * This can be set manually or will be automatically set when used with form validation.\n \n @property {boolean} isInvalid - The invalid state of the radio input\n /\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 /\n Gets the CSS classes for the radio input component.\n * Combines base classes with invalid state modifier if applicable.\n \n @returns {string} Space-separated list of CSS classes\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 /\n Gets or sets the default checked state of the radio input.\n * This is different from the current checked state and represents the initial value.\n \n @property {any} defaultChecked - The default checked state\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 /\n Gets whether the radio input is currently selected.\n \n @returns {boolean} True if the radio input is selected, false otherwise\n /\n public get selected(): boolean {\n return this._elementRef?.nativeElement.checked;\n }\n\n /\n Gets or sets the value of the radio input.\n * The value can be of any type and will be used when the radio is selected in a form group.\n \n @property {any} value - The value associated with this radio input\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 /\n Initializes the component.\n * Sets up form control validation status subscription and handles initial state.\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 /\n Performs change detection and updates invalid state based on form control status.\n /\n ngDoCheck(): void {\n if (this.ngControl) {\n this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n /\n Handles changes to component inputs. Specifically handles changes to\n * readonly and invalid states.\n \n @param {SimpleChanges} changes - Object containing changed properties\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 /\n Implements ControlValueAccessor.writeValue.\n * Updates the checked state based on the form control value.\n \n @param {string} obj - The value to write\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 /\n Registers a callback function that is called when the control's value changes.\n \n @param {Function} fn - The callback function\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 /\n Registers a callback function that is called when the control is touched.\n \n @param {Function} fn - The callback function\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 /\n Sets the disabled state of the radio input.\n \n @param {boolean} isDisabled - Whether the radio input should be disabled\n /\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /\n Handles change events on the radio input.\n * Updates the model value when the radio selection changes.\n \n @param {ChangeEvent<any>} event - The change event\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 /\n Handles space key press events. Prevents selection changes when the input\n * is readonly.\n \n @param {KeyboardEvent} event - The keyboard event\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 /\n Sets the invalid state of the radio input.\n * Updates both the internal state and the visual appearance.\n \n @param {boolean} state - The invalid state to set\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 { EuiInputRadioComponent } from './eui-input-radio.component';\n\n/\n Angular module that provides radio input functionality.\n \n @deprecated Use {@link `EUI_INPUT_RADIO`} instead.\n /\n@NgModule({\n imports: [EuiInputRadioComponent],\n exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n","import { EuiInputRadioComponent } from './eui-input-radio.component';\n\nexport from './eui-input-radio.component';\nexport * from './eui-input-radio.module';\n\nexport const EUI_INPUT_RADIO = [\n EuiInputRadioComponent,\n] as const;\n\n// export { EuiInputRadioComponent as EuiInputRadio } from './eui-input-radio.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-table-v2.mjs CHANGED Viewed

@@ -913,7 +913,7 @@ class EuiTableV2Component {
         return prop ? prop.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self) : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiTableV2Component, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: EuiTableV2SelectableRowService }, { token: EuiTableV2SortService }, { token: i3.BaseStatesDirective }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EuiTableV2Component, isStandalone: true, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class=\"eui-table-v2__scroll-viewport\"\n        [itemSize]=\"itemSize\"\n        [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n        tabindex=\"0\">\n        <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n                    <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"bodyTemplate\"\n                                [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n                    <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track $index) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]=\"bodyTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]=\"itemSize\">\n        <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i5.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EuiTableV2Component, isStandalone: true, selector: "eui-table-v2, table[euiTableV2]", inputs: { data: "data", propId: "propId", itemSize: "itemSize", paginator: "paginator", filter: "filter", preselectedRows: "preselectedRows", isVirtualScroll: ["isVirtualScroll", "isVirtualScroll", booleanAttribute], isVirtualScrollCache: ["isVirtualScrollCache", "isVirtualScrollCache", booleanAttribute], hasStickyHeader: ["hasStickyHeader", "hasStickyHeader", booleanAttribute], hasStickyFooter: ["hasStickyFooter", "hasStickyFooter", booleanAttribute], hasStickyCols: ["hasStickyCols", "hasStickyCols", booleanAttribute], isTableResponsive: ["isTableResponsive", "isTableResponsive", booleanAttribute], isAsync: ["isAsync", "isAsync", booleanAttribute], virtualScrollAsyncItemsLength: ["virtualScrollAsyncItemsLength", "virtualScrollAsyncItemsLength", numberAttribute], virtualScrollNbRows: ["virtualScrollNbRows", "virtualScrollNbRows", numberAttribute], isColsOrderable: ["isColsOrderable", "isColsOrderable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isSelectOnlyVisibleRows: ["isSelectOnlyVisibleRows", "isSelectOnlyVisibleRows", booleanAttribute], isTableBordered: ["isTableBordered", "isTableBordered", booleanAttribute] }, outputs: { scrollChange: "scrollChange", rowsSelect: "rowsSelect", sortChange: "sortChange" }, host: { properties: { "class": "this.cssClasses" } }, providers: [EuiTableV2SelectableRowService, EuiTableV2SortService], queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], viewQueries: [{ propertyName: "cdkVirtualScrollViewport", first: true, predicate: ["cdkVirtualScrollViewport"], descendants: true }, { propertyName: "cdkVirtualScrollViewportElement", first: true, predicate: ["cdkVirtualScrollViewportElement"], descendants: true, read: ElementRef }, { propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true }, { propertyName: "tbodyRef", first: true, predicate: ["tbodyRef"], descendants: true }, { propertyName: "tfootRef", first: true, predicate: ["tfootRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i3.BaseStatesDirective }], ngImport: i0, template: "@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class=\"eui-table-v2__scroll-viewport\"\n        [itemSize]=\"itemSize\"\n        [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n        tabindex=\"0\">\n        <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n                    <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"bodyTemplate\"\n                                [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n                    <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track $index) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]=\"bodyTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]=\"itemSize\">\n        <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: i5.EuiSkeletonComponent, selector: "eui-skeleton", inputs: ["circle", "line", "square", "rectangle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EuiTableV2Component, decorators: [{
             type: Component,
@@ -936,7 +936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             directive: BaseStatesDirective,
                             inputs: [],
                         },
-                    ], template: "@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class=\"eui-table-v2__scroll-viewport\"\n        [itemSize]=\"itemSize\"\n        [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n        tabindex=\"0\">\n        <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n                    <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"bodyTemplate\"\n                                [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n                    <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track $index) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]=\"bodyTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]=\"itemSize\">\n        <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-primary-lightest)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
+                    ], template: "@if (isVirtualScroll) {\n    <cdk-virtual-scroll-viewport\n        #cdkVirtualScrollViewport\n        #cdkVirtualScrollViewportElement\n        class=\"eui-table-v2__scroll-viewport\"\n        [itemSize]=\"itemSize\"\n        [style.overflow]=\"cdkVirtualScrollViewportOverflowValue\"\n        tabindex=\"0\">\n        <table class=\"{{ cssClasses }}\" [style.width]=\"hostWidth\">\n            @if (headerTemplate) {\n                <thead #theadRef [style.top]=\"stickyHeaderTopPosition\">\n                    <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n                </thead>\n            }\n            @if (bodyTemplate) {\n                <tbody #tbodyRef>\n                    <ng-container *cdkVirtualFor=\"let row of dataRendered; let i = index; trackBy: trackByFn\">\n                        @if (row) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"bodyTemplate\"\n                                [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                            </ng-template>\n                        } @else {\n                            <ng-template [ngTemplateOutlet]=\"skeletonLoading\"></ng-template>\n                        }\n                    </ng-container>\n\n                    @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                        <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n                    }\n                </tbody>\n            }\n            @if (footerTemplate) {\n                <tfoot #tfootRef [style.bottom]=\"stickyFooterBottomPosition\">\n                    <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n                </tfoot>\n            }\n        </table>\n    </cdk-virtual-scroll-viewport>\n} @else {\n    @if (headerTemplate) {\n        <thead #theadRef>\n            <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n        </thead>\n    }\n    @if (bodyTemplate) {\n        <tbody #tbodyRef>\n            @for (row of dataRendered; let i = $index; track $index) {\n                <ng-container>\n                    <ng-template\n                        [ngTemplateOutlet]=\"bodyTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: row, index: i }\">\n                    </ng-template>\n                </ng-container>\n            }\n            @if (noDataTemplate && (data?.length === 0 || dataRendered?.length === 0)) {\n                <ng-template [ngTemplateOutlet]=\"noDataTemplate\"></ng-template>\n            }\n        </tbody>\n    }\n    @if (footerTemplate) {\n        <tfoot #tfootRef>\n            <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n        </tfoot>\n    }\n}\n\n<ng-template #skeletonLoading>\n    <tr [style.height.px]=\"itemSize\">\n        <td *ngFor=\"let __ of nbCols\"><eui-skeleton line euiRounded></eui-skeleton></td>\n    </tr>\n</ng-template>\n", styles: [".eui-19 .eui-table-v2__scroll-viewport{min-height:100%;width:100%}.eui-19 .eui-table-v2__scrollable-wrapper{overflow:auto}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-table-v2__scrollable-wrapper::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-table-v2__scrollable-wrapper{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-table-v2__orderable-cols-preview,.eui-19 .eui-table-v2__orderable-rows-preview{display:none}.eui-19 .eui-table-v2--highlighted{background-color:var(--eui-c-accent);text-decoration:none}.eui-19 .eui-table-v2--virtual-scroll{width:100%;height:100%}.eui-19 .eui-table-v2--cols-orderable .cdk-drag-placeholder{background-color:var(--eui-c-white);color:var(--eui-c-info);cursor:move;opacity:1}.eui-19 .eui-table-v2--cols-orderable tr{display:table-row}.eui-19 .eui-table-v2--cols-orderable tr th.cdk-drag:not(.cdk-drag-disabled){cursor:move}.eui-19 .eui-table-v2--loading:before{animation:.8s linear infinite spin;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:1000001}.eui-19 .eui-table-v2--loading:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.eui-19 .eui-table-v2--sticky{max-width:none!important}.eui-19 .eui-table-v2--sticky-header thead{position:sticky;top:0;z-index:8}.eui-19 .eui-table-v2--sticky-header thead th,.eui-19 .eui-table-v2--sticky-header thead td{background-color:inherit}.eui-19 .eui-table-v2--sticky-header.eui-table-v2-sticky-col thead{z-index:9}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(odd) td{background-color:inherit}.eui-19 .eui-table-v2--sticky tbody tr:nth-of-type(2n) td{background-color:inherit}.eui-19 .eui-table-v2--sticky-footer tfoot{position:sticky;bottom:-1px;z-index:8}.eui-19 .eui-table-v2--sticky-footer tfoot tr td{background-color:inherit}.eui-19 .eui-table-v2--sticky-cols .eui-table-v2__col--sticky{position:sticky;z-index:1}.eui-19 .eui-table-v2__row--selected td{background-color:var(--eui-c-active-bg)}@media screen and (max-width: 767px){.eui-19 .eui-table-v2.eui-table-default--responsive{width:100%!important}.eui-19 .eui-table-v2.eui-table-default--responsive thead,.eui-19 .eui-table-v2.eui-table-default--responsive tbody,.eui-19 .eui-table-v2.eui-table-default--responsive tfoot,.eui-19 .eui-table-v2.eui-table-default--responsive th,.eui-19 .eui-table-v2.eui-table-default--responsive td,.eui-19 .eui-table-v2.eui-table-default--responsive tr{display:block}.eui-19 .eui-table-v2.eui-table-default--responsive thead tr{left:-9999px;position:absolute;top:-9999px}.eui-19 .eui-table-v2.eui-table-default--responsive tr{height:auto}.eui-19 .eui-table-v2.eui-table-default--responsive td{border:var(--eui-bw-none);border-bottom:1px solid var(--eui-c-neutral-bg);padding-left:50%;position:relative;text-align:left!important;left:unset!important;right:unset!important}.eui-19 .eui-table-v2.eui-table-default--responsive td:before{color:var(--eui-c-neutral-light);content:attr(data-col-label);left:var(--eui-s-xs);padding-right:var(--eui-s-xs);position:absolute;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m-bold)}.eui-19 .eui-table-v2.eui-table-default--responsive tfoot tr td:empty{display:none!important}.eui-19 .eui-table-v2 .actionsColumn,.eui-19 .eui-table-v2 .actions-column{justify-content:flex-start;text-align:left;width:100%}.eui-19 .eui-table-v2__sticky-container{height:auto;width:auto!important}.eui-19 .eui-table-v2--sticky-cols th,.eui-19 .eui-table-v2--sticky-cols td,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky{width:auto;z-index:auto}.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols th .eui-table__col--sticky.eui-table__col--sticky-shadowed-last,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-first,.eui-19 .eui-table-v2--sticky-cols td .eui-table__col--sticky.eui-table__col--sticky-shadowed-last{box-shadow:none!important}.eui-19 .eui-table-v2--sticky-cols tfoot tr td:empty{display:none!important}}.eui-19 .eui-table-v2__filter{align-items:center;display:flex;justify-content:flex-end;position:relative}.eui-19 .eui-table-v2__filter--responsive{width:100%}.eui-19 .eui-table-v2__filter-input{padding-left:var(--eui-s-3xl)!important}.eui-19 .eui-table-v2__filter-search-icon{left:var(--eui-s-xs);position:absolute;top:var(--eui-s-xs)}.eui-19 .eui-table-v2__sortable-col-multisort-index{font:var(--eui-f-s)}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content{align-items:center;display:flex;vertical-align:middle;white-space:nowrap;justify-content:space-between}.eui-19 .eui-table-v2__sortable-col .eui-table-v2__sortable-col-content .eui-table-v2__sortable-col-content-label{align-items:center;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: EuiTableV2SelectableRowService }, { type: EuiTableV2SortService }, { type: i3.BaseStatesDirective }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']