suis 1.8.1 → 1.8.2

package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs

@@ -13,7 +13,7 @@ export class SuisInputCheckboxComponent extends SuisCheckboxBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisInputCheckboxComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (input)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (change)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisInputCheckboxComponent, decorators: [{
             type: Component,
@@ -23,6 +23,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisInputCheckboxComponent),
                         },
-                    ], template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (input)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
+                    ], template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (change)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBaUIzRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCOytHQUFuRCwwQkFBMEI7bUdBQTFCLDBCQUEwQixrRUFSMUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2FBQzFEO1NBQ0YsaURDcEJILHc1QkFvQ0EsbzVCRDFCWSxJQUFJLDZGQUFFLGtCQUFrQiwyR0FBRSxpQkFBaUI7OzRGQVkxQywwQkFBMEI7a0JBZnRDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsQ0FBQyxtQkFHckMsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDMUQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDaGVja2JveEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWNoZWNrYm94LmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWlucHV0LWNoZWNrYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIFN1aXNMYWJlbENvbXBvbmVudCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaW5wdXQtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXRDaGVja2JveENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0lucHV0Q2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBTdWlzQ2hlY2tib3hCYXNlIHt9XG4iLCI8aW5wdXRcbiAgI2lucHV0XG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIGNsYXNzPVwic3Vpcy1pbnB1dC1jaGVja2JveFwiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAoZm9jdXMpPVwib25Ub3VjaCgpXCJcbi8+XG5cbjxzdWlzLWxhYmVsXG4gIGNsYXNzPVwic3Vpcy1pbnB1dC1jaGVja2JveF9fbGFiZWxcIlxuICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fbGFiZWwtLWludmFsaWRdPVwiaW52YWxpZFwiXG4gIFtjbGFzcy5zdWlzLWlucHV0LWNoZWNrYm94X19sYWJlbC0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbZm9yXT1cImlkXCJcbiAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgW3BvaW50ZXJdPVwidHJ1ZVwiXG4gIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4+XG4gIDxkaXZcbiAgICBbdGFiaW5kZXhdPVwicmVhZG9ubHkgPyAtMSA6IDBcIlxuICAgIGNsYXNzPVwic3Vpcy1pbnB1dC1jaGVja2JveF9fY2hlY2tcIlxuICAgIFtjbGFzcy5zdWlzLWlucHV0LWNoZWNrYm94X19jaGVjay0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fY2hlY2stLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgPlxuICAgIDxzdWlzLWljb25cbiAgICAgICpuZ0lmPVwidmFsdWVcIlxuICAgICAgdHlwZT1cImNoZWNrXCJcbiAgICAgIHNpemU9XCJsZ1wiXG4gICAgICBbY29sb3JdPVwicmVhZG9ubHkgPyAndGVydGlhcnknIDogJ3ByaW1hcnknXCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvZGl2PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3N1aXMtbGFiZWw+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBaUIzRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsZ0JBQWdCOytHQUFuRCwwQkFBMEI7bUdBQTFCLDBCQUEwQixrRUFSMUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2FBQzFEO1NBQ0YsaURDcEJILHk1QkFvQ0EsbzVCRDFCWSxJQUFJLDZGQUFFLGtCQUFrQiwyR0FBRSxpQkFBaUI7OzRGQVkxQywwQkFBMEI7a0JBZnRDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsQ0FBQyxtQkFHckMsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDMUQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDaGVja2JveEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWNoZWNrYm94LmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWlucHV0LWNoZWNrYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIFN1aXNMYWJlbENvbXBvbmVudCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaW5wdXQtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXRDaGVja2JveENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0lucHV0Q2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBTdWlzQ2hlY2tib3hCYXNlIHt9XG4iLCI8aW5wdXRcbiAgI2lucHV0XG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIGNsYXNzPVwic3Vpcy1pbnB1dC1jaGVja2JveFwiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgKGZvY3VzKT1cIm9uVG91Y2goKVwiXG4vPlxuXG48c3Vpcy1sYWJlbFxuICBjbGFzcz1cInN1aXMtaW5wdXQtY2hlY2tib3hfX2xhYmVsXCJcbiAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2xhYmVsLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fbGFiZWwtLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgW2Zvcl09XCJpZFwiXG4gIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gIFtwb2ludGVyXT1cInRydWVcIlxuICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuPlxuICA8ZGl2XG4gICAgW3RhYmluZGV4XT1cInJlYWRvbmx5ID8gLTEgOiAwXCJcbiAgICBjbGFzcz1cInN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrXCJcbiAgICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fY2hlY2stLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gID5cbiAgICA8c3Vpcy1pY29uXG4gICAgICAqbmdJZj1cInZhbHVlXCJcbiAgICAgIHR5cGU9XCJjaGVja1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgW2NvbG9yXT1cInJlYWRvbmx5ID8gJ3RlcnRpYXJ5JyA6ICdwcmltYXJ5J1wiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zdWlzLWxhYmVsPlxuIl19

package/fesm2022/suis.mjs

@@ -896,7 +896,7 @@ class SuisInputCheckboxComponent extends SuisCheckboxBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisInputCheckboxComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (input)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (change)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisInputCheckboxComponent, decorators: [{
             type: Component,
@@ -906,7 +906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisInputCheckboxComponent),
                         },
-                    ], template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (input)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
+                    ], template: "<input\n  #input\n  type=\"checkbox\"\n  class=\"suis-input-checkbox\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [value]=\"value\"\n  [disabled]=\"readonly\"\n  (change)=\"onChange($event)\"\n  (focus)=\"onTouch()\"\n/>\n\n<suis-label\n  class=\"suis-input-checkbox__label\"\n  [class.suis-input-checkbox__label--invalid]=\"invalid\"\n  [class.suis-input-checkbox__label--readonly]=\"readonly\"\n  [for]=\"id\"\n  [required]=\"required\"\n  [pointer]=\"true\"\n  [readonly]=\"readonly\"\n>\n  <div\n    [tabindex]=\"readonly ? -1 : 0\"\n    class=\"suis-input-checkbox__check\"\n    [class.suis-input-checkbox__check--invalid]=\"invalid\"\n    [class.suis-input-checkbox__check--readonly]=\"readonly\"\n  >\n    <suis-icon\n      *ngIf=\"value\"\n      type=\"check\"\n      size=\"lg\"\n      [color]=\"readonly ? 'tertiary' : 'primary'\"\n    ></suis-icon>\n  </div>\n  <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }] });
 
 class SuisInputChipsComponent extends SuisInputBase {