@eui/eds 22.0.0-alpha.2 → 22.0.0-alpha.4

package/docs/json/documentation.json

@@ -42897,7 +42897,7 @@
             "assetsDirs": [],
             "styleUrlsData": [
                 {
-                    "data": "@use '../base' as base;\n\n// Inline SVG data URIs for check marks\n$svg-check-white: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n$svg-minus-white: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\");\n$svg-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n$svg-check-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n\n.eui-21 {\n    :host.eds-input-checkbox {\n        // Reset & base layout\n        appearance: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        position: relative;\n        vertical-align: middle;\n        cursor: pointer;\n\n        // Dimensions\n        width: var(--eds-si-xl);\n        height: var(--eds-si-xl);\n        border-radius: var(--eds-br-xs);\n\n        // Unchecked default\n        background-color: var(--eds-c-surface-elevation);\n        border: var(--eds-bw-s) solid var(--eds-c-border-neutral);\n\n        // Pseudo-element for icon\n        &::before {\n            content: '';\n            display: block;\n            width: var(--eds-si-xl);\n            height: var(--eds-si-xl);\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n        }\n\n        // Checked\n        &:checked {\n            background-color: var(--eds-c-surface-primary);\n            border-color: var(--eds-c-border-primary);\n\n            &::before {\n                background-image: #{$svg-check-white};\n            }\n        }\n\n        // Indeterminate\n        &:indeterminate {\n            background-color: var(--eds-c-surface-primary);\n            border-color: var(--eds-c-border-primary);\n\n            &::before {\n                background-image: #{$svg-minus-white};\n            }\n        }\n\n        // Disabled\n        &:disabled {\n            background-color: var(--eds-c-suface-disabled);\n            border-color: var(--eds-c-border-disabled);\n            pointer-events: none;\n            cursor: default;\n\n            &:checked::before {\n                background-image: #{$svg-check-disabled};\n            }\n        }\n\n        // Readonly\n        &[readonly] {\n            pointer-events: none;\n            cursor: default;\n\n            &:checked {\n                background-color: var(--eds-c-surface-neutral-subtle);\n                border-color: var(--eds-c-border-neutral);\n\n                &::before {\n                    background-image: #{$svg-check-dark};\n                }\n            }\n        }\n\n        // Invalid\n        &.eds-input-checkbox--invalid:not(:disabled):not([readonly]) {\n            border-color: var(--eds-c-border-critical);\n\n            &:checked {\n                background-color: var(--eds-c-surface-critical);\n                border-color: var(--eds-c-border-critical);\n\n                &::before {\n                    background-image: #{$svg-check-white};\n                }\n            }\n        }\n\n        // Focus\n        &:focus-visible {\n            outline: 2px solid var(--eds-c-focus-default, #0e47cb);\n            outline-offset: 2px;\n        }\n\n        // Invalid focus\n        &.eds-input-checkbox--invalid:focus-visible {\n            outline-color: var(--eds-c-border-critical, #d32f2f);\n        }\n    }\n}\n",
+                    "data": "@use '../base' as base;\n\n// Inline SVG data URIs for check marks\n$svg-check-white: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n$svg-minus-white: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\");\n$svg-minus-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M6 11h12v2H6z'/%3E%3C/svg%3E\");\n$svg-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n$svg-check-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\");\n\n.eui-21 {\n    :host.eds-input-checkbox {\n        // Reset & base layout\n        appearance: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        position: relative;\n        vertical-align: middle;\n        cursor: pointer;\n\n        // Dimensions\n        width: var(--eds-si-xl);\n        height: var(--eds-si-xl);\n        border-radius: var(--eds-br-xs);\n\n        // Unchecked default\n        background-color: var(--eds-c-surface-elevation);\n        border: var(--eds-bw-s) solid var(--eds-c-border-neutral);\n\n        // Pseudo-element for icon\n        &::before {\n            content: '';\n            display: block;\n            width: var(--eds-si-xl);\n            height: var(--eds-si-xl);\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n        }\n\n        // Checked\n        &:checked {\n            background-color: var(--eds-c-surface-primary);\n            border-color: var(--eds-c-border-primary);\n\n            &::before {\n                background-image: #{$svg-check-white};\n            }\n        }\n\n        // Indeterminate\n        &:indeterminate {\n            background-color: var(--eds-c-surface-primary);\n            border-color: var(--eds-c-border-primary);\n\n            &::before {\n                background-image: #{$svg-minus-white};\n            }\n        }\n\n        // Disabled\n        &:disabled {\n            background-color: var(--eds-c-suface-disabled);\n            border-color: var(--eds-c-border-disabled);\n            pointer-events: none;\n            cursor: default;\n\n            &:checked::before {\n                background-image: #{$svg-check-disabled};\n            }\n        }\n\n        // Readonly\n        &[readonly] {\n            pointer-events: none;\n            cursor: default;\n\n            &:checked {\n                background-color: var(--eds-c-surface-neutral-subtle);\n                border-color: var(--eds-c-border-neutral);\n\n                &::before {\n                    background-image: #{$svg-check-dark};\n                }\n            }\n\n            // Indeterminate + readonly — match the readonly-checked neutral\n            // treatment so the mixed-state checkbox no longer stays primary\n            &:indeterminate {\n                background-color: var(--eds-c-surface-neutral-subtle);\n                border-color: var(--eds-c-border-neutral);\n\n                &::before {\n                    background-image: #{$svg-minus-dark};\n                }\n            }\n        }\n\n        // Invalid\n        &.eds-input-checkbox--invalid:not(:disabled):not([readonly]) {\n            border-color: var(--eds-c-border-critical);\n\n            &:checked {\n                background-color: var(--eds-c-surface-critical);\n                border-color: var(--eds-c-border-critical);\n\n                &::before {\n                    background-image: #{$svg-check-white};\n                }\n            }\n        }\n\n        // Focus\n        &:focus-visible {\n            outline: 2px solid var(--eds-c-focus-default, #0e47cb);\n            outline-offset: 2px;\n        }\n\n        // Invalid focus\n        &.eds-input-checkbox--invalid:focus-visible {\n            outline-color: var(--eds-c-border-critical, #d32f2f);\n        }\n    }\n}\n",
                     "styleUrl": "./eds-input-checkbox.scss"
                 }
             ],

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eui documentation
 
-> Generated by compodoc 2.0.0 at 2026-08-26T15:55:02.731Z, llm-md export.
+> Generated by compodoc 2.0.0 at 2026-09-09T16:24:27.310Z, llm-md export.
 
 ## Components
 
@@ -1948,6 +1948,14 @@ Description: Vertical list container. Contains eds-list-item children separated
 
 ### EdsListItem
 
+File: `packages/eds/eds-list/eds-list-item.ts`
+Selector: `eds-list-item`
+Change detection: `ChangeDetectionStrategy.OnPush`
+
+Description: A single row item in an eds-list. Content is projected in order: \[start\] \[label\] \[content\] \[end\] Example : \<eds-list-item\> \<eds-list-item-start\>\<eds-icon icon="globe" edsSizeS /\>\</eds-list-item-start\> \<eds-list-item-label\>Google\</eds-list-item-label\> \<eds-list-item-content\>\<eds-progress-bar edsSizeXS \[progress\]="79" /\>\</eds-list-item-content\> \<eds-list-item-end\>4.7K\</eds-list-item-end\> \</eds-list-item\>
+
+### EdsListItem
+
 File: `packages/eds/eds-list-items/eds-list-item.ts`
 Selector: `[eds-list-item], eds-list-item`
 Change detection: `ChangeDetectionStrategy.OnPush`
@@ -1974,14 +1982,6 @@ Methods:
 - `setActiveStyles(): void` — Applies active styling to the list item. Called by the FocusKeyManager when this item becomes the active item in the list.
 - `setInactiveStyles(): void` — Removes active styling from the list item. Called by the FocusKeyManager when another item becomes the active item.
 
-### EdsListItem
-
-File: `packages/eds/eds-list/eds-list-item.ts`
-Selector: `eds-list-item`
-Change detection: `ChangeDetectionStrategy.OnPush`
-
-Description: A single row item in an eds-list. Content is projected in order: \[start\] \[label\] \[content\] \[end\] Example : \<eds-list-item\> \<eds-list-item-start\>\<eds-icon icon="globe" edsSizeS /\>\</eds-list-item-start\> \<eds-list-item-label\>Google\</eds-list-item-label\> \<eds-list-item-content\>\<eds-progress-bar edsSizeXS \[progress\]="79" /\>\</eds-list-item-content\> \<eds-list-item-end\>4.7K\</eds-list-item-end\> \</eds-list-item\>
-
 ### EdsListItemContent
 
 File: `packages/eds/eds-list/eds-list-item-content.ts`

package/docs/properties.html

@@ -128,7 +128,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 22.0.0-alpha.2</li>
+            <b>Version</b> : 22.0.0-alpha.4</li>
     </ul>
 
 

package/fesm2022/eui-eds-eds-input-checkbox.mjs

@@ -102,7 +102,7 @@ class EdsInputCheckbox {
                 useExisting: forwardRef(() => EdsInputCheckbox),
                 multi: true,
             },
-        ], ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-input-checkbox{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;vertical-align:middle;cursor:pointer;width:var(--eds-si-xl);height:var(--eds-si-xl);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-s) solid var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox:before{content:\"\";display:block;width:var(--eds-si-xl);height:var(--eds-si-xl);background-size:contain;background-repeat:no-repeat;background-position:center}.eui-21 :host.eds-input-checkbox:checked{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:indeterminate{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:disabled{background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox:disabled:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]{pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox[readonly]:checked{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]){border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked{background-color:var(--eds-c-surface-critical);border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:2px}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:focus-visible{outline-color:var(--eds-c-border-critical, #d32f2f)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-input-checkbox{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;vertical-align:middle;cursor:pointer;width:var(--eds-si-xl);height:var(--eds-si-xl);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-s) solid var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox:before{content:\"\";display:block;width:var(--eds-si-xl);height:var(--eds-si-xl);background-size:contain;background-repeat:no-repeat;background-position:center}.eui-21 :host.eds-input-checkbox:checked{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:indeterminate{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:disabled{background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox:disabled:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]{pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox[readonly]:checked{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]:indeterminate{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]){border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked{background-color:var(--eds-c-surface-critical);border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:2px}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:focus-visible{outline-color:var(--eds-c-border-critical, #d32f2f)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsInputCheckbox, decorators: [{
             type: Component,
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         '(change)': 'onHostChange($event)',
                         '(blur)': 'onTouched()',
                         '(keydown.space)': 'onSpacePressed($any($event))',
-                    }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-input-checkbox{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;vertical-align:middle;cursor:pointer;width:var(--eds-si-xl);height:var(--eds-si-xl);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-s) solid var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox:before{content:\"\";display:block;width:var(--eds-si-xl);height:var(--eds-si-xl);background-size:contain;background-repeat:no-repeat;background-position:center}.eui-21 :host.eds-input-checkbox:checked{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:indeterminate{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:disabled{background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox:disabled:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]{pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox[readonly]:checked{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]){border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked{background-color:var(--eds-c-surface-critical);border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:2px}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:focus-visible{outline-color:var(--eds-c-border-critical, #d32f2f)}\n"] }]
+                    }, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-input-checkbox{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;vertical-align:middle;cursor:pointer;width:var(--eds-si-xl);height:var(--eds-si-xl);border-radius:var(--eds-br-xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-s) solid var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox:before{content:\"\";display:block;width:var(--eds-si-xl);height:var(--eds-si-xl);background-size:contain;background-repeat:no-repeat;background-position:center}.eui-21 :host.eds-input-checkbox:checked{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:indeterminate{background-color:var(--eds-c-surface-primary);border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-input-checkbox:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:disabled{background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox:disabled:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0b1' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]{pointer-events:none;cursor:default}.eui-21 :host.eds-input-checkbox[readonly]:checked{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox[readonly]:indeterminate{background-color:var(--eds-c-surface-neutral-subtle);border-color:var(--eds-c-border-neutral)}.eui-21 :host.eds-input-checkbox[readonly]:indeterminate:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M6 11h12v2H6z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]){border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked{background-color:var(--eds-c-surface-critical);border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E\")}.eui-21 :host.eds-input-checkbox:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:2px}.eui-21 :host.eds-input-checkbox.eds-input-checkbox--invalid:focus-visible{outline-color:var(--eds-c-border-critical, #d32f2f)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }] } });
 
 /** Convenience array for importing eds-input-checkbox. */

package/fesm2022/eui-eds-eds-input-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-input-checkbox.mjs","sources":["../../eds-input-checkbox/eds-input-checkbox.ts","../../eds-input-checkbox/index.ts","../../eds-input-checkbox/eui-eds-eds-input-checkbox.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ElementRef,\n    inject,\n    input,\n    model,\n    booleanAttribute,\n    computed,\n    effect,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[edsInputCheckbox]',\n    template: '',\n    styleUrl: './eds-input-checkbox.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => EdsInputCheckbox),\n            multi: true,\n        },\n    ],\n    host: {\n        type: 'checkbox',\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[checked]': 'checked()',\n        '[disabled]': 'disabled()',\n        '[attr.readonly]': 'readonly() || null',\n        '(click)': 'onHostClick($event)',\n        '(change)': 'onHostChange($event)',\n        '(blur)': 'onTouched()',\n        '(keydown.space)': 'onSpacePressed($any($event))',\n    },\n})\nexport class EdsInputCheckbox implements ControlValueAccessor {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-input-checkbox'\n     */\n    e2eAttr = input('eds-input-checkbox');\n\n    /**\n     * Controls the checked state of the checkbox.\n     * Two-way bindable model.\n     * @default false\n     */\n    checked = model(false);\n\n    /**\n     * Controls the indeterminate (mixed) state of the checkbox.\n     * @default false\n     */\n    indeterminate = model(false);\n\n    /**\n     * Controls whether the checkbox is disabled.\n     * @default false\n     */\n    disabled = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls whether the checkbox is readonly.\n     * @default false\n     */\n    readonly = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls whether the checkbox shows an invalid/error state.\n     * @default false\n     */\n    isInvalid = input(false, { transform: booleanAttribute });\n\n    /**\n     * Computed host CSS classes based on current state.\n     */\n    hostClasses = computed(() => {\n        return [\n            'eds-input-checkbox',\n            this.isInvalid() ? 'eds-input-checkbox--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    private _elementRef: ElementRef<HTMLInputElement> = inject(ElementRef);\n\n    constructor() {\n        // Sync indeterminate property to the native element\n        effect(() => {\n            const indet = this.indeterminate();\n            this._elementRef.nativeElement.indeterminate = indet;\n        });\n    }\n\n    // --- ControlValueAccessor ---\n\n    writeValue(value: boolean): void {\n        this.checked.set(!!value);\n    }\n\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(_isDisabled: boolean): void {\n        // Disabled is handled via the input signal binding on the host element.\n    }\n\n    // --- Event handlers ---\n\n    // ControlValueAccessor callbacks\n\n    protected onTouched: () => void = () => { /* noop */ };\n\n    protected onHostClick(event: MouseEvent): void {\n        if (this.readonly()) {\n            event.preventDefault();\n        }\n    }\n\n    protected onHostChange(event: Event): void {\n        const target = event.target as HTMLInputElement;\n        const isChecked = target.checked;\n        this.checked.set(isChecked);\n\n        // Clear indeterminate on user interaction\n        if (this.indeterminate()) {\n            this.indeterminate.set(false);\n        }\n\n        this._onChange(isChecked);\n    }\n\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly()) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    private _onChange: (value: boolean) => void = () => { /* noop */ };\n}\n","import { EdsInputCheckbox } from './eds-input-checkbox';\n\nexport { EdsInputCheckbox };\n\n/** Convenience array for importing eds-input-checkbox. */\nexport const EDS_INPUT_CHECKBOX = [\n    EdsInputCheckbox,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-input-checkbox.mjs","sources":["../../eds-input-checkbox/eds-input-checkbox.ts","../../eds-input-checkbox/index.ts","../../eds-input-checkbox/eui-eds-eds-input-checkbox.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ElementRef,\n    inject,\n    input,\n    model,\n    booleanAttribute,\n    computed,\n    effect,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[edsInputCheckbox]',\n    template: '',\n    styleUrl: './eds-input-checkbox.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => EdsInputCheckbox),\n            multi: true,\n        },\n    ],\n    host: {\n        type: 'checkbox',\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[checked]': 'checked()',\n        '[disabled]': 'disabled()',\n        '[attr.readonly]': 'readonly() || null',\n        '(click)': 'onHostClick($event)',\n        '(change)': 'onHostChange($event)',\n        '(blur)': 'onTouched()',\n        '(keydown.space)': 'onSpacePressed($any($event))',\n    },\n})\nexport class EdsInputCheckbox implements ControlValueAccessor {\n    /**\n     * Data attribute value for end-to-end testing identification.\n     * @default 'eds-input-checkbox'\n     */\n    e2eAttr = input('eds-input-checkbox');\n\n    /**\n     * Controls the checked state of the checkbox.\n     * Two-way bindable model.\n     * @default false\n     */\n    checked = model(false);\n\n    /**\n     * Controls the indeterminate (mixed) state of the checkbox.\n     * @default false\n     */\n    indeterminate = model(false);\n\n    /**\n     * Controls whether the checkbox is disabled.\n     * @default false\n     */\n    disabled = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls whether the checkbox is readonly.\n     * @default false\n     */\n    readonly = input(false, { transform: booleanAttribute });\n\n    /**\n     * Controls whether the checkbox shows an invalid/error state.\n     * @default false\n     */\n    isInvalid = input(false, { transform: booleanAttribute });\n\n    /**\n     * Computed host CSS classes based on current state.\n     */\n    hostClasses = computed(() => {\n        return [\n            'eds-input-checkbox',\n            this.isInvalid() ? 'eds-input-checkbox--invalid' : '',\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    private _elementRef: ElementRef<HTMLInputElement> = inject(ElementRef);\n\n    constructor() {\n        // Sync indeterminate property to the native element\n        effect(() => {\n            const indet = this.indeterminate();\n            this._elementRef.nativeElement.indeterminate = indet;\n        });\n    }\n\n    // --- ControlValueAccessor ---\n\n    writeValue(value: boolean): void {\n        this.checked.set(!!value);\n    }\n\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(_isDisabled: boolean): void {\n        // Disabled is handled via the input signal binding on the host element.\n    }\n\n    // --- Event handlers ---\n\n    // ControlValueAccessor callbacks\n\n    protected onTouched: () => void = () => { /* noop */ };\n\n    protected onHostClick(event: MouseEvent): void {\n        if (this.readonly()) {\n            event.preventDefault();\n        }\n    }\n\n    protected onHostChange(event: Event): void {\n        const target = event.target as HTMLInputElement;\n        const isChecked = target.checked;\n        this.checked.set(isChecked);\n\n        // Clear indeterminate on user interaction\n        if (this.indeterminate()) {\n            this.indeterminate.set(false);\n        }\n\n        this._onChange(isChecked);\n    }\n\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly()) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    private _onChange: (value: boolean) => void = () => { /* noop */ };\n}\n","import { EdsInputCheckbox } from './eds-input-checkbox';\n\nexport { EdsInputCheckbox };\n\n/** Convenience array for importing eds-input-checkbox. */\nexport const EDS_INPUT_CHECKBOX = [\n    EdsInputCheckbox,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAwCa,gBAAgB,CAAA;AAoDzB,IAAA,WAAA,GAAA;AAnDA;;;AAGG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,oBAAoB;oFAAC;AAErC;;;;AAIG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK;oFAAC;AAEtB;;;AAGG;QACH,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,KAAK;0FAAC;AAE5B;;;AAGG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD;;;AAGG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD;;;AAGG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEzD;;AAEG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACxB,OAAO;gBACH,oBAAoB;gBACpB,IAAI,CAAC,SAAS,EAAE,GAAG,6BAA6B,GAAG,EAAE;AACxD;iBACI,IAAI,CAAC,GAAG;AACR,iBAAA,IAAI,EAAE;QACf,CAAC;wFAAC;AAEM,QAAA,IAAA,CAAA,WAAW,GAAiC,MAAM,CAAC,UAAU,CAAC;;;AAgC5D,QAAA,IAAA,CAAA,SAAS,GAAe,MAAK,EAAc,CAAC;AA4B9C,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAK,EAAc,CAAC;;QAxD9D,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;YAClC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,GAAG,KAAK;AACxD,QAAA,CAAC,CAAC;IACN;;AAIA,IAAA,UAAU,CAAC,KAAc,EAAA;QACrB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7B;AAEA,IAAA,gBAAgB,CAAC,EAA4B,EAAA;AACzC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;AAEA,IAAA,gBAAgB,CAAC,WAAoB,EAAA;;IAErC;AAQU,IAAA,WAAW,CAAC,KAAiB,EAAA;AACnC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;QAC1B;IACJ;AAEU,IAAA,YAAY,CAAC,KAAY,EAAA;AAC/B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO;AAChC,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;;AAG3B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;QACjC;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;IAC7B;AAEU,IAAA,cAAc,CAAC,KAAoB,EAAA;AACzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;QAC3B;IACJ;8GA5GS,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EApBd;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;AACJ,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATS,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mhHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAuBH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBA1B5B,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,YACzB,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;qBACJ,EAAA,IAAA,EACK;AACF,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,iBAAiB,EAAE,WAAW;AAC9B,wBAAA,WAAW,EAAE,WAAW;AACxB,wBAAA,YAAY,EAAE,YAAY;AAC1B,wBAAA,iBAAiB,EAAE,oBAAoB;AACvC,wBAAA,SAAS,EAAE,qBAAqB;AAChC,wBAAA,UAAU,EAAE,sBAAsB;AAClC,wBAAA,QAAQ,EAAE,aAAa;AACvB,wBAAA,iBAAiB,EAAE,8BAA8B;AACpD,qBAAA,EAAA,MAAA,EAAA,CAAA,mhHAAA,CAAA,EAAA;;;AClCL;AACO,MAAM,kBAAkB,GAAG;IAC9B,gBAAgB;;;ACNpB;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eui/eds",
-  "version": "22.0.0-alpha.2",
+  "version": "22.0.0-alpha.4",
   "tag": "next",
   "description": "eUI EDS components package",
   "homepage": "https://eui.ecdevops.eu",
@@ -19,7 +19,6 @@
     "@angular/material": "^21.0.0 || ^22.0.0",
     "@angular/material-moment-adapter": "^21.0.0 || ^22.0.0",
     "@ngx-translate/core": "latest",
-    "cleave.js": "latest",
     "rxjs": "^7.8.1",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.45"