@inera/ids-angular 8.1.0 → 9.0.0

package/esm2022/components/form/select-multiple/select-multiple.component.mjs

@@ -1,37 +1,100 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
+import { Component, ContentChildren, DestroyRef, ElementRef, EventEmitter, Input, Output, booleanAttribute, inject, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { IDClickOutsideDirective, IDFormBase } from '@inera/ids-angular/common';
+import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class IDSelectMultipleComponent extends IDFormBase {
-    labeltext = undefined;
+    placeholder;
+    maxheight;
+    labelText;
+    selectedLabel = 'vald';
+    multiSelectedLabel = 'valda';
+    maxHeight = '8.125rem';
     disabled = false;
-    ariadisabled = false;
-    errormessage = undefined;
-    maxheight = undefined;
-    placeholder = '';
-    selectedlabel = '';
-    multiselectedlabel = '';
+    ariaDisabled = false;
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    isDropdownVisible = false;
+    selectedValues = 0;
+    get checkboxes() {
+        return this.host.nativeElement.querySelectorAll('input');
+    }
+    checkboxComponents;
+    get displayValue() {
+        if (this.selectedValues === 0)
+            return this.placeholder || '';
+        const label = this.selectedValues > 1 ? this.multiSelectedLabel : this.selectedLabel;
+        return `${this.selectedValues} ${label}`;
+    }
+    host = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    toggleVisibility() {
+        this.isDropdownVisible ? this.hideDropdown() : this.showDropdown();
+    }
+    handleClickOutside() {
+        if (this.isDropdownVisible) {
+            this.hideDropdown();
+        }
+    }
+    hideDropdown() {
+        this.closed.emit();
+        this.isDropdownVisible = false;
+    }
+    showDropdown() {
+        this.opened.emit();
+        this.isDropdownVisible = true;
+    }
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.checkboxes.forEach((checkbox) => {
+            checkbox.addEventListener('change', this.setDisplayValues);
+        });
+        this.checkboxComponents.forEach((checkbox) => {
+            checkbox.invalidChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+                this.checkShowErrorMessage();
+            });
+        });
+        this.checkShowErrorMessage();
+    }
+    checkShowErrorMessage() {
+        if (this.errorMessage) {
+            const isInvalidPresent = this.checkboxComponents.find((checkbox) => checkbox.invalid);
+            this.invalid = Boolean(isInvalidPresent);
+        }
+    }
+    setDisplayValues = () => {
+        this.selectedValues = Array.from(this.checkboxes).filter((checkbox) => checkbox.checked).length;
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSelectMultipleComponent, selector: "id-select-multiple", inputs: { labeltext: "labeltext", disabled: "disabled", ariadisabled: "ariadisabled", errormessage: "errormessage", maxheight: "maxheight", placeholder: "placeholder", selectedlabel: "selectedlabel", multiselectedlabel: "multiselectedlabel" }, usesInheritance: true, ngImport: i0, template: "<ids-select-multiple\n  [attr.light]=\"light ? true : null\"\n  [invalid]=\"invalid\"\n  [attr.disabled]=\"disabled ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.ariadisabled]=\"ariadisabled ? true : null\"\n  [labeltext]=\"labeltext\"\n  [placeholder]=\"placeholder\"\n  [selectedlabel]=\"selectedlabel\"\n  [multiselectedlabel]=\"multiselectedlabel\"\n  [maxheight]=\"maxheight\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n  <ids-error-message *ngIf=\"errormessage\">{{ errormessage }}</ids-error-message>\n</ids-select-multiple>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDSelectMultipleComponent, isStandalone: true, selector: "id-select-multiple", inputs: { placeholder: "placeholder", maxheight: "maxheight", labelText: "labelText", selectedLabel: "selectedLabel", multiSelectedLabel: "multiSelectedLabel", maxHeight: "maxHeight", disabled: ["disabled", "disabled", booleanAttribute], ariaDisabled: ["ariaDisabled", "ariaDisabled", booleanAttribute] }, outputs: { opened: "opened", closed: "closed" }, queries: [{ propertyName: "checkboxComponents", predicate: IDCheckboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-select-multiple\" \n  idClickOutside\n  (idClickOutside)=\"handleClickOutside()\">\n  <div class=\"ids-select-multiple-label-wrapper ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <label\n      id=\"expanded-default\"\n      for=\"input-expanded-default\"\n      class=\"ids-label\"\n      [class.ids-label--disabled]=\"disabled || ariaDisabled\"\n    >\n      {{ labelText }}\n    </label>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </div>\n  <div class=\"ids-select-multiple__select-wrapper\">\n    <input\n      (click)=\"toggleVisibility()\"\n      type=\"button\"\n      aria-labelledby=\"expanded-default\"\n      [attr.aria-expanded]=\"isDropdownVisible\"\n      [attr.aria-disabled]=\"ariaDisabled\"\n      id=\"input-expanded-default\"\n      class=\"ids-select-multiple__select\"\n      [value]=\"displayValue\"\n      [disabled]=\"disabled\"\n    />\n  </div>\n  <div class=\"ids-select-multiple__dropdown-wrapper\">\n    <div\n      class=\"ids-select-multiple__dropdown\"\n      [class.ids-select-multiple__dropdown--expanded]=\"isDropdownVisible\"\n    >\n      <div\n        class=\"ids-select-multiple__dropdown-scroll-area\"\n        [style.max-height]=\"maxHeight\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-select-multiple', encapsulation: ViewEncapsulation.None, template: "<ids-select-multiple\n  [attr.light]=\"light ? true : null\"\n  [invalid]=\"invalid\"\n  [attr.disabled]=\"disabled ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.ariadisabled]=\"ariadisabled ? true : null\"\n  [labeltext]=\"labeltext\"\n  [placeholder]=\"placeholder\"\n  [selectedlabel]=\"selectedlabel\"\n  [multiselectedlabel]=\"multiselectedlabel\"\n  [maxheight]=\"maxheight\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n  <ids-error-message *ngIf=\"errormessage\">{{ errormessage }}</ids-error-message>\n</ids-select-multiple>\n" }]
-        }], propDecorators: { labeltext: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], ariadisabled: [{
-                type: Input
-            }], errormessage: [{
+            args: [{ selector: 'id-select-multiple', imports: [IDClickOutsideDirective], standalone: true, template: "<div class=\"ids-select-multiple\" \n  idClickOutside\n  (idClickOutside)=\"handleClickOutside()\">\n  <div class=\"ids-select-multiple-label-wrapper ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <label\n      id=\"expanded-default\"\n      for=\"input-expanded-default\"\n      class=\"ids-label\"\n      [class.ids-label--disabled]=\"disabled || ariaDisabled\"\n    >\n      {{ labelText }}\n    </label>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </div>\n  <div class=\"ids-select-multiple__select-wrapper\">\n    <input\n      (click)=\"toggleVisibility()\"\n      type=\"button\"\n      aria-labelledby=\"expanded-default\"\n      [attr.aria-expanded]=\"isDropdownVisible\"\n      [attr.aria-disabled]=\"ariaDisabled\"\n      id=\"input-expanded-default\"\n      class=\"ids-select-multiple__select\"\n      [value]=\"displayValue\"\n      [disabled]=\"disabled\"\n    />\n  </div>\n  <div class=\"ids-select-multiple__dropdown-wrapper\">\n    <div\n      class=\"ids-select-multiple__dropdown\"\n      [class.ids-select-multiple__dropdown--expanded]=\"isDropdownVisible\"\n    >\n      <div\n        class=\"ids-select-multiple__dropdown-scroll-area\"\n        [style.max-height]=\"maxHeight\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>" }]
+        }], propDecorators: { placeholder: [{
                 type: Input
             }], maxheight: [{
                 type: Input
-            }], placeholder: [{
+            }], labelText: [{
+                type: Input
+            }], selectedLabel: [{
                 type: Input
-            }], selectedlabel: [{
+            }], multiSelectedLabel: [{
                 type: Input
-            }], multiselectedlabel: [{
+            }], maxHeight: [{
                 type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], ariaDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], checkboxComponents: [{
+                type: ContentChildren,
+                args: [IDCheckboxComponent, { descendants: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBT3ZELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxVQUFVO0lBR3ZELFNBQVMsR0FBdUIsU0FBUyxDQUFDO0lBRzFDLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFHMUIsWUFBWSxHQUFZLEtBQUssQ0FBQztJQUc5QixZQUFZLEdBQXVCLFNBQVMsQ0FBQztJQUc3QyxTQUFTLEdBQXVCLFNBQVMsQ0FBQztJQUcxQyxXQUFXLEdBQVcsRUFBRSxDQUFDO0lBR3pCLGFBQWEsR0FBVyxFQUFFLENBQUM7SUFHM0Isa0JBQWtCLEdBQVcsRUFBRSxDQUFDO3dHQXhCckIseUJBQXlCOzRGQUF6Qix5QkFBeUIscVVDUnRDLDBuQkFnQkE7OzRGRFJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBRWYsaUJBQWlCLENBQUMsSUFBSTs4QkFLckMsU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLGtCQUFrQjtzQkFEakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXNlbGVjdC1tdWx0aXBsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBJRFNlbGVjdE11bHRpcGxlQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG5cbiAgQElucHV0KClcbiAgbGFiZWx0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBhcmlhZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBlcnJvcm1lc3NhZ2U6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBtYXhoZWlnaHQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgbXVsdGlzZWxlY3RlZGxhYmVsOiBzdHJpbmcgPSAnJztcblxufVxuIiwiPGlkcy1zZWxlY3QtbXVsdGlwbGVcbiAgW2F0dHIubGlnaHRdPVwibGlnaHQgPyB0cnVlIDogbnVsbFwiXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICBbYXR0ci5kaXNhYmxlZF09XCJkaXNhYmxlZCA/IHRydWUgOiBudWxsXCJcbiAgW2F0dHIubm92YWxpZGF0aW9uXT1cIm5vdmFsaWRhdGlvbiA/IHRydWUgOiBudWxsXCJcbiAgW2F0dHIuYXJpYWRpc2FibGVkXT1cImFyaWFkaXNhYmxlZCA/IHRydWUgOiBudWxsXCJcbiAgW2xhYmVsdGV4dF09XCJsYWJlbHRleHRcIlxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICBbc2VsZWN0ZWRsYWJlbF09XCJzZWxlY3RlZGxhYmVsXCJcbiAgW211bHRpc2VsZWN0ZWRsYWJlbF09XCJtdWx0aXNlbGVjdGVkbGFiZWxcIlxuICBbbWF4aGVpZ2h0XT1cIm1heGhlaWdodFwiXG4gIChvblZhbGlkKT1cImVtaXRPblZhbGlkKCRldmVudClcIlxuICAob25JbnZhbGlkKT1cImVtaXRPbkludmFsaWQoJGV2ZW50KVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxpZHMtZXJyb3ItbWVzc2FnZSAqbmdJZj1cImVycm9ybWVzc2FnZVwiPnt7IGVycm9ybWVzc2FnZSB9fTwvaWRzLWVycm9yLW1lc3NhZ2U+XG48L2lkcy1zZWxlY3QtbXVsdGlwbGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sZ0JBQWdCLEVBQ2hCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDaEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7O0FBUWxGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxVQUFVO0lBQzlDLFdBQVcsQ0FBVTtJQUNyQixTQUFTLENBQVU7SUFDbkIsU0FBUyxDQUFVO0lBQ25CLGFBQWEsR0FBRyxNQUFNLENBQUM7SUFDdkIsa0JBQWtCLEdBQUcsT0FBTyxDQUFDO0lBQzdCLFNBQVMsR0FBRyxVQUFVLENBQUM7SUFDUSxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFFbkQsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDNUIsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdEMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQzFCLGNBQWMsR0FBRyxDQUFDLENBQUM7SUFFbkIsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBR0Qsa0JBQWtCLENBQWlDO0lBRW5ELElBQUksWUFBWTtRQUNkLElBQUksSUFBSSxDQUFDLGNBQWMsS0FBSyxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQztRQUM3RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3JGLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xCLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFeEMsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyRSxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDbkMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM3RCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUMzQyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFjLEVBQUUsRUFBRTtnQkFDNUYsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDdEYsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUMzQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUNsRyxDQUFDLENBQUM7d0dBM0VTLHlCQUF5Qjs0RkFBekIseUJBQXlCLGlSQU9oQixnQkFBZ0Isa0RBQ2hCLGdCQUFnQixpSEFZbkIsbUJBQW1CLHVFQzNDdEMsazVDQTJDTSw0Q0R2Qk0sdUJBQXVCOzs0RkFHdEIseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixXQUVyQixDQUFDLHVCQUF1QixDQUFDLGNBQ3RCLElBQUk7OEJBR1AsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDa0MsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxZQUFZO3NCQUFuRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU1QixNQUFNO3NCQUFmLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQVVQLGtCQUFrQjtzQkFEakIsZUFBZTt1QkFBQyxtQkFBbUIsRUFBRSxFQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRGVzdHJveVJlZixcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBJRENsaWNrT3V0c2lkZURpcmVjdGl2ZSwgSURGb3JtQmFzZSB9IGZyb20gJ0BpbmVyYS9pZHMtYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSURDaGVja2JveENvbXBvbmVudCB9IGZyb20gJ0BpbmVyYS9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3gnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1zZWxlY3QtbXVsdGlwbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW0lEQ2xpY2tPdXRzaWRlRGlyZWN0aXZlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgSURTZWxlY3RNdWx0aXBsZUNvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2UgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1heGhlaWdodD86IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWxUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBzZWxlY3RlZExhYmVsID0gJ3ZhbGQnO1xuICBASW5wdXQoKSBtdWx0aVNlbGVjdGVkTGFiZWwgPSAndmFsZGEnO1xuICBASW5wdXQoKSBtYXhIZWlnaHQgPSAnOC4xMjVyZW0nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGFyaWFEaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBvcGVuZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaXNEcm9wZG93blZpc2libGUgPSBmYWxzZTtcbiAgc2VsZWN0ZWRWYWx1ZXMgPSAwO1xuXG4gIGdldCBjaGVja2JveGVzKCk6IEhUTUxJbnB1dEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2lucHV0Jyk7XG4gIH1cblxuICBAQ29udGVudENoaWxkcmVuKElEQ2hlY2tib3hDb21wb25lbnQsIHtkZXNjZW5kYW50czogdHJ1ZX0pXG4gIGNoZWNrYm94Q29tcG9uZW50czogUXVlcnlMaXN0PElEQ2hlY2tib3hDb21wb25lbnQ+O1xuXG4gIGdldCBkaXNwbGF5VmFsdWUoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZFZhbHVlcyA9PT0gMCkgcmV0dXJuIHRoaXMucGxhY2Vob2xkZXIgfHwgJyc7XG4gICAgY29uc3QgbGFiZWwgPSB0aGlzLnNlbGVjdGVkVmFsdWVzID4gMSA/IHRoaXMubXVsdGlTZWxlY3RlZExhYmVsIDogdGhpcy5zZWxlY3RlZExhYmVsO1xuICAgIHJldHVybiBgJHt0aGlzLnNlbGVjdGVkVmFsdWVzfSAke2xhYmVsfWA7XG4gIH1cblxuICBob3N0ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwcml2YXRlIGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgdG9nZ2xlVmlzaWJpbGl0eSgpIHtcbiAgICB0aGlzLmlzRHJvcGRvd25WaXNpYmxlID8gdGhpcy5oaWRlRHJvcGRvd24oKSA6IHRoaXMuc2hvd0Ryb3Bkb3duKCk7XG4gIH1cblxuICBoYW5kbGVDbGlja091dHNpZGUoKSB7XG4gICAgaWYodGhpcy5pc0Ryb3Bkb3duVmlzaWJsZSkge1xuICAgICAgdGhpcy5oaWRlRHJvcGRvd24oKTtcbiAgICB9XG4gIH1cblxuICBoaWRlRHJvcGRvd24oKSB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICAgIHRoaXMuaXNEcm9wZG93blZpc2libGUgPSBmYWxzZTtcbiAgfVxuXG4gIHNob3dEcm9wZG93bigpIHtcbiAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG4gICAgdGhpcy5pc0Ryb3Bkb3duVmlzaWJsZSA9IHRydWU7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdBZnRlckNvbnRlbnRJbml0KCk7XG4gICAgdGhpcy5jaGVja2JveGVzLmZvckVhY2goKGNoZWNrYm94KSA9PiB7XG4gICAgICBjaGVja2JveC5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCB0aGlzLnNldERpc3BsYXlWYWx1ZXMpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5jaGVja2JveENvbXBvbmVudHMuZm9yRWFjaCgoY2hlY2tib3gpID0+IHtcbiAgICAgIGNoZWNrYm94LmludmFsaWRDaGFuZ2UucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSkuc3Vic2NyaWJlKCh2YWx1ZTogYm9vbGVhbikgPT4ge1xuICAgICAgICB0aGlzLmNoZWNrU2hvd0Vycm9yTWVzc2FnZSgpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgdGhpcy5jaGVja1Nob3dFcnJvck1lc3NhZ2UoKTtcbiAgfVxuXG4gIGNoZWNrU2hvd0Vycm9yTWVzc2FnZSgpIHtcbiAgICBpZiAodGhpcy5lcnJvck1lc3NhZ2UpIHtcbiAgICAgIGNvbnN0IGlzSW52YWxpZFByZXNlbnQgPSB0aGlzLmNoZWNrYm94Q29tcG9uZW50cy5maW5kKChjaGVja2JveCkgPT4gY2hlY2tib3guaW52YWxpZCk7XG4gICAgICB0aGlzLmludmFsaWQgPSBCb29sZWFuKGlzSW52YWxpZFByZXNlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHNldERpc3BsYXlWYWx1ZXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlcyA9IEFycmF5LmZyb20odGhpcy5jaGVja2JveGVzKS5maWx0ZXIoKGNoZWNrYm94KSA9PiBjaGVja2JveC5jaGVja2VkKS5sZW5ndGg7XG4gIH07XG59XG4iLCI8ZGl2IGNsYXNzPVwiaWRzLXNlbGVjdC1tdWx0aXBsZVwiIFxuICBpZENsaWNrT3V0c2lkZVxuICAoaWRDbGlja091dHNpZGUpPVwiaGFuZGxlQ2xpY2tPdXRzaWRlKClcIj5cbiAgPGRpdiBjbGFzcz1cImlkcy1zZWxlY3QtbXVsdGlwbGUtbGFiZWwtd3JhcHBlciBpZHMtbGFiZWwtd3JhcHBlciBpZHMtbGFiZWwtd3JhcHBlci0tbWFyZ2luLWJvdHRvbVwiPlxuICAgIDxsYWJlbFxuICAgICAgaWQ9XCJleHBhbmRlZC1kZWZhdWx0XCJcbiAgICAgIGZvcj1cImlucHV0LWV4cGFuZGVkLWRlZmF1bHRcIlxuICAgICAgY2xhc3M9XCJpZHMtbGFiZWxcIlxuICAgICAgW2NsYXNzLmlkcy1sYWJlbC0tZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgYXJpYURpc2FibGVkXCJcbiAgICA+XG4gICAgICB7eyBsYWJlbFRleHQgfX1cbiAgICA8L2xhYmVsPlxuICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC10b29sdGlwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaWRzLXNlbGVjdC1tdWx0aXBsZV9fc2VsZWN0LXdyYXBwZXJcIj5cbiAgICA8aW5wdXRcbiAgICAgIChjbGljayk9XCJ0b2dnbGVWaXNpYmlsaXR5KClcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBhcmlhLWxhYmVsbGVkYnk9XCJleHBhbmRlZC1kZWZhdWx0XCJcbiAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNEcm9wZG93blZpc2libGVcIlxuICAgICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJhcmlhRGlzYWJsZWRcIlxuICAgICAgaWQ9XCJpbnB1dC1leHBhbmRlZC1kZWZhdWx0XCJcbiAgICAgIGNsYXNzPVwiaWRzLXNlbGVjdC1tdWx0aXBsZV9fc2VsZWN0XCJcbiAgICAgIFt2YWx1ZV09XCJkaXNwbGF5VmFsdWVcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImlkcy1zZWxlY3QtbXVsdGlwbGVfX2Ryb3Bkb3duLXdyYXBwZXJcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImlkcy1zZWxlY3QtbXVsdGlwbGVfX2Ryb3Bkb3duXCJcbiAgICAgIFtjbGFzcy5pZHMtc2VsZWN0LW11bHRpcGxlX19kcm9wZG93bi0tZXhwYW5kZWRdPVwiaXNEcm9wZG93blZpc2libGVcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJpZHMtc2VsZWN0LW11bHRpcGxlX19kcm9wZG93bi1zY3JvbGwtYXJlYVwiXG4gICAgICAgIFtzdHlsZS5tYXgtaGVpZ2h0XT1cIm1heEhlaWdodFwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2022/components/form/spinner/public-api.mjs

@@ -1,3 +1,2 @@
 export { IDSpinnerComponent } from './spinner.component';
-export { IDSpinnerModule } from './spinner.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zcGlubmVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9zcGlubmVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFNwaW5uZXJNb2R1bGUgfSBmcm9tICcuL3NwaW5uZXIubW9kdWxlJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zcGlubmVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuL3NwaW5uZXIuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/components/form/spinner/spinner.component.mjs

@@ -1,20 +1,24 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class IDSpinnerComponent {
-    srtext = '';
-    live = 'polite';
-    light = false;
+    srText;
+    variant = '1';
+    get hostClass() {
+        return `ids-spinner ids-spinner--${this.variant}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSpinnerComponent, selector: "id-spinner", inputs: { srtext: "srtext", live: "live", light: "light" }, ngImport: i0, template: "<ids-spinner [light]=\"light\" [srtext]=\"srtext\" [live]=\"live\">\n  <ng-content></ng-content>\n</ids-spinner>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSpinnerComponent, isStandalone: true, selector: "id-spinner", inputs: { srText: "srText", variant: "variant" }, host: { properties: { "class": "hostClass" } }, ngImport: i0, template: "<p *ngIf=\"srText\" class=\"ids-spinner-sr\">{{srText}}</p>\n<div class=\"ids-bounce-1\"></div>\n<div class=\"ids-bounce-2\"></div>\n<div class=\"ids-bounce-3\"></div>\n<ng-template #spinner></ng-template>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-spinner', encapsulation: ViewEncapsulation.None, template: "<ids-spinner [light]=\"light\" [srtext]=\"srtext\" [live]=\"live\">\n  <ng-content></ng-content>\n</ids-spinner>" }]
-        }], propDecorators: { srtext: [{
+            args: [{ selector: 'id-spinner', imports: [CommonModule], standalone: true, host: {
+                        '[class]': 'hostClass',
+                    }, template: "<p *ngIf=\"srText\" class=\"ids-spinner-sr\">{{srText}}</p>\n<div class=\"ids-bounce-1\"></div>\n<div class=\"ids-bounce-2\"></div>\n<div class=\"ids-bounce-3\"></div>\n<ng-template #spinner></ng-template>" }]
+        }], propDecorators: { srText: [{
                 type: Input
-            }], live: [{
-                type: Input
-            }], light: [{
+            }], variant: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzVFLE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsTUFBTSxHQUF1QixFQUFFLENBQUM7SUFHaEMsSUFBSSxHQUFXLFFBQVEsQ0FBQztJQUd4QixLQUFLLEdBQVksS0FBSyxDQUFDO3dHQVRaLGtCQUFrQjs0RkFBbEIsa0JBQWtCLDhHQ1AvQixrSEFFYzs7NEZES0Qsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVksaUJBRVAsaUJBQWlCLENBQUMsSUFBSTs4QkFLckMsTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIElEU3Bpbm5lckNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgc3J0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQgPSAnJztcblxuICBASW5wdXQoKVxuICBsaXZlOiBzdHJpbmcgPSAncG9saXRlJztcblxuICBASW5wdXQoKVxuICBsaWdodDogYm9vbGVhbiA9IGZhbHNlO1xuXG59XG4iLCI8aWRzLXNwaW5uZXIgW2xpZ2h0XT1cImxpZ2h0XCIgW3NydGV4dF09XCJzcnRleHRcIiBbbGl2ZV09XCJsaXZlXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLXNwaW5uZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFXakQsTUFBTSxPQUFPLGtCQUFrQjtJQUVwQixNQUFNLENBQVU7SUFDaEIsT0FBTyxHQUFvQixHQUFHLENBQUM7SUFFeEMsSUFBSSxTQUFTO1FBQ1gsT0FBTyw0QkFBNEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3BELENBQUM7d0dBUFUsa0JBQWtCOzRGQUFsQixrQkFBa0Isd0tDWi9CLCtNQUlvQywyQ0RFeEIsWUFBWTs7NEZBTVgsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLFlBQVksV0FFYixDQUFDLFlBQVksQ0FBQyxjQUNYLElBQUksUUFDVjt3QkFDSixTQUFTLEVBQUUsV0FBVztxQkFDdkI7OEJBSVEsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnaG9zdENsYXNzJyxcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJRFNwaW5uZXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHNyVGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgdmFyaWFudDogJzEnIHwgJzInIHwgJzMnID0gJzEnO1xuXG4gIGdldCBob3N0Q2xhc3MoKSB7XG4gICAgcmV0dXJuIGBpZHMtc3Bpbm5lciBpZHMtc3Bpbm5lci0tJHt0aGlzLnZhcmlhbnR9YDtcbiAgfVxuXG59XG4iLCI8cCAqbmdJZj1cInNyVGV4dFwiIGNsYXNzPVwiaWRzLXNwaW5uZXItc3JcIj57e3NyVGV4dH19PC9wPlxuPGRpdiBjbGFzcz1cImlkcy1ib3VuY2UtMVwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cImlkcy1ib3VuY2UtMlwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cImlkcy1ib3VuY2UtM1wiPjwvZGl2PlxuPG5nLXRlbXBsYXRlICNzcGlubmVyPjwvbmctdGVtcGxhdGU+Il19

package/esm2022/components/form/textarea/public-api.mjs

@@ -1,3 +1,3 @@
 export { IDTextareaComponent } from './textarea.component';
-export { IDTextareaModule } from './textarea.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzNELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vdGV4dGFyZWEuY29tcG9uZW50JztcbmV4cG9ydCB7IElEVGV4dGFyZWFNb2R1bGUgfSBmcm9tICcuL3RleHRhcmVhLm1vZHVsZSc7Il19
+export { IDTextareaHintComponent } from './textarea-hint.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzNELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vdGV4dGFyZWEuY29tcG9uZW50JztcbmV4cG9ydCB7IElEVGV4dGFyZWFIaW50Q29tcG9uZW50IH0gZnJvbSAnLi90ZXh0YXJlYS1oaW50LmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/components/form/textarea/textarea-hint.component.mjs

@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDTextareaHintComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTextareaHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTextareaHintComponent, isStandalone: true, selector: "id-textarea-hint", host: { classAttribute: "ids-input__hint" }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTextareaHintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-textarea-hint",
+                    template: "<ng-content></ng-content>",
+                    standalone: true,
+                    host: {
+                        class: 'ids-input__hint'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtaGludC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vdGV4dGFyZWEvdGV4dGFyZWEtaGludC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVMUMsTUFBTSxPQUFPLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzRGQUF2Qix1QkFBdUIseUhBTnhCLDJCQUEyQjs7NEZBTTFCLHVCQUF1QjtrQkFSbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLXRleHRhcmVhLWhpbnRcIixcbiAgdGVtcGxhdGU6IFwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtaW5wdXRfX2hpbnQnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgSURUZXh0YXJlYUhpbnRDb21wb25lbnQge1xuXG59XG4iXX0=

package/esm2022/components/form/textarea/textarea.component.mjs

@@ -1,22 +1,54 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
+import { Component, ElementRef, Input, booleanAttribute, inject } from '@angular/core';
+import { IDFormBase } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 export class IDTextareaComponent extends IDFormBase {
     block = false;
-    autosize = false;
-    constructor() {
-        super();
+    autoSize = false;
+    host = inject(ElementRef);
+    autosizeInput;
+    autosizeViewport;
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        if (this.autoSize) {
+            this.autosizeInput = this.renderer.listen(this.input, 'input', () => {
+                this.updateAutosize();
+            });
+            if (visualViewport) {
+                this.autosizeViewport = this.renderer.listen(visualViewport, 'resize', () => {
+                    this.updateAutosize();
+                });
+            }
+            this.input.style.height = "auto";
+            setTimeout(() => {
+                this.updateAutosize();
+            }, 75);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTextareaComponent, selector: "id-textarea", inputs: { block: "block", autosize: "autosize" }, usesInheritance: true, ngImport: i0, template: "<ids-textarea \n  [ngStyle]=\"{ 'display': block || autosize ? 'block' : 'inline-block' }\"\n  [attr.light]=\"light ? true : null\"\n  [autosize]=\"autosize ? true : null\"\n  [block]=\"block ? true : null\"\n  [invalid]=\"invalid\" \n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-textarea>", dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+    ngOnDestroy() {
+        this.autosizeInput?.();
+        this.autosizeViewport?.();
+    }
+    updateAutosize() {
+        this.input.style.height = "auto";
+        if (this.input.scrollHeight > 70) {
+            this.input.style.height = this.input.scrollHeight + 24 + "px";
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDTextareaComponent, isStandalone: true, selector: "id-textarea", inputs: { block: ["block", "block", booleanAttribute], autoSize: ["autoSize", "autoSize", booleanAttribute] }, host: { properties: { "class.ids-textarea--block": "block", "class.ids-textarea--autosize": "autoSize" }, classAttribute: "ids-textarea" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n  <ng-content select=\"label\"></ng-content>\n  <span class=\"ids-label__tooltip\">\n    <ng-content select=\"id-tooltip\"></ng-content>\n    <ng-content select=\"id-popover\"></ng-content>\n  </span>\n</div>\n\n<ng-content></ng-content>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-textarea', encapsulation: ViewEncapsulation.None, template: "<ids-textarea \n  [ngStyle]=\"{ 'display': block || autosize ? 'block' : 'inline-block' }\"\n  [attr.light]=\"light ? true : null\"\n  [autosize]=\"autosize ? true : null\"\n  [block]=\"block ? true : null\"\n  [invalid]=\"invalid\" \n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-textarea>" }]
-        }], ctorParameters: () => [], propDecorators: { block: [{
-                type: Input
-            }], autosize: [{
-                type: Input
+            args: [{ selector: 'id-textarea', standalone: true, host: {
+                        class: 'ids-textarea',
+                        '[class.ids-textarea--block]': 'block',
+                        '[class.ids-textarea--autosize]': 'autoSize',
+                    }, template: "<div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n  <ng-content select=\"label\"></ng-content>\n  <span class=\"ids-label__tooltip\">\n    <ng-content select=\"id-tooltip\"></ng-content>\n    <ng-content select=\"id-popover\"></ng-content>\n  </span>\n</div>\n\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { block: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], autoSize: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQU92RCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsVUFBVTtJQUdqRCxLQUFLLEdBQVksS0FBSyxDQUFDO0lBR3ZCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFFMUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7d0dBVlUsbUJBQW1COzRGQUFuQixtQkFBbUIsNEhDUmhDLDhaQVVlOzs0RkRGRixtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsYUFBYSxpQkFFUixpQkFBaUIsQ0FBQyxJQUFJO3dEQUtyQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBJRFRleHRhcmVhQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG5cbiAgQElucHV0KClcbiAgYmxvY2s6IEJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBhdXRvc2l6ZTogQm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxufVxuIiwiPGlkcy10ZXh0YXJlYSBcbiAgW25nU3R5bGVdPVwieyAnZGlzcGxheSc6IGJsb2NrIHx8IGF1dG9zaXplID8gJ2Jsb2NrJyA6ICdpbmxpbmUtYmxvY2snIH1cIlxuICBbYXR0ci5saWdodF09XCJsaWdodCA/IHRydWUgOiBudWxsXCJcbiAgW2F1dG9zaXplXT1cImF1dG9zaXplID8gdHJ1ZSA6IG51bGxcIlxuICBbYmxvY2tdPVwiYmxvY2sgPyB0cnVlIDogbnVsbFwiXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIiBcbiAgW2F0dHIubm92YWxpZGF0aW9uXT1cIm5vdmFsaWRhdGlvbiA/IHRydWUgOiBudWxsXCJcbiAgKG9uVmFsaWQpPVwiZW1pdE9uVmFsaWQoJGV2ZW50KVwiXG4gIChvbkludmFsaWQpPVwiZW1pdE9uSW52YWxpZCgkZXZlbnQpXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLXRleHRhcmVhPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBWXZELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxVQUFVO0lBRVQsS0FBSyxHQUFZLEtBQUssQ0FBQztJQUN2QixRQUFRLEdBQVksS0FBSyxDQUFDO0lBRWxFLElBQUksR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFbEIsYUFBYSxDQUFjO0lBQzNCLGdCQUFnQixDQUFjO0lBRXRDLGtCQUFrQjtRQUNoQixLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMzQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDbEUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLENBQUMsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxjQUFjLEVBQUUsQ0FBQztnQkFDbkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFO29CQUMxRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ3hCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztZQUNELElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7WUFDakMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDeEIsQ0FBQyxFQUFDLEVBQUUsQ0FBQyxDQUFBO1FBQ1AsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxFQUFFLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztRQUNoRSxDQUFDO0lBQ0gsQ0FBQzt3R0F0Q1UsbUJBQW1COzRGQUFuQixtQkFBbUIsbUZBRVYsZ0JBQWdCLHNDQUNoQixnQkFBZ0IsZ01DaEJ0QyxxVEFTQTs7NEZESWEsbUJBQW1CO2tCQVYvQixTQUFTOytCQUNFLGFBQWEsY0FFWCxJQUFJLFFBQ1Y7d0JBQ0osS0FBSyxFQUFFLGNBQWM7d0JBQ3JCLDZCQUE2QixFQUFFLE9BQU87d0JBQ3RDLGdDQUFnQyxFQUFFLFVBQVU7cUJBQzdDOzhCQUl1QyxLQUFLO3NCQUE1QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBib29sZWFuQXR0cmlidXRlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tIFwiQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC10ZXh0YXJlYScsXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGV4dGFyZWEuY29tcG9uZW50Lmh0bWxcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnaWRzLXRleHRhcmVhJyxcbiAgICAnW2NsYXNzLmlkcy10ZXh0YXJlYS0tYmxvY2tdJzogJ2Jsb2NrJyxcbiAgICAnW2NsYXNzLmlkcy10ZXh0YXJlYS0tYXV0b3NpemVdJzogJ2F1dG9TaXplJyxcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJRFRleHRhcmVhQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBibG9jazogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgYXV0b1NpemU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBob3N0ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIHByaXZhdGUgYXV0b3NpemVJbnB1dD86ICgpID0+IHZvaWQ7XG4gIHByaXZhdGUgYXV0b3NpemVWaWV3cG9ydD86ICgpID0+IHZvaWQ7XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgIGlmICh0aGlzLmF1dG9TaXplKSB7XG4gICAgICB0aGlzLmF1dG9zaXplSW5wdXQgPSB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmlucHV0LCAnaW5wdXQnLCAoKSA9PiB7XG4gICAgICAgIHRoaXMudXBkYXRlQXV0b3NpemUoKTtcbiAgICAgIH0pO1xuICAgICAgaWYgKHZpc3VhbFZpZXdwb3J0KSB7XG4gICAgICAgIHRoaXMuYXV0b3NpemVWaWV3cG9ydCA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHZpc3VhbFZpZXdwb3J0LCAncmVzaXplJywgKCkgPT4ge1xuICAgICAgICAgIHRoaXMudXBkYXRlQXV0b3NpemUoKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICB0aGlzLmlucHV0LnN0eWxlLmhlaWdodCA9IFwiYXV0b1wiO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMudXBkYXRlQXV0b3NpemUoKTtcbiAgICAgIH0sNzUpXG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5hdXRvc2l6ZUlucHV0Py4oKTtcbiAgICB0aGlzLmF1dG9zaXplVmlld3BvcnQ/LigpO1xuICB9XG5cbiAgdXBkYXRlQXV0b3NpemUoKSB7XG4gICAgdGhpcy5pbnB1dC5zdHlsZS5oZWlnaHQgPSBcImF1dG9cIjtcbiAgICBpZiAodGhpcy5pbnB1dC5zY3JvbGxIZWlnaHQgPiA3MCkge1xuICAgICAgdGhpcy5pbnB1dC5zdHlsZS5oZWlnaHQgPSB0aGlzLmlucHV0LnNjcm9sbEhlaWdodCArIDI0ICsgXCJweFwiO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiaWRzLWxhYmVsLXdyYXBwZXIgaWRzLWxhYmVsLXdyYXBwZXItLW1hcmdpbi1ib3R0b21cIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtdG9vbHRpcFwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC1wb3BvdmVyXCI+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L2Rpdj5cblxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/components/form/time/public-api.mjs

@@ -1,3 +1,2 @@
 export { IDTimeComponent } from './time.component';
-export { IDTimeModule } from './time.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90aW1lL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRFRpbWVDb21wb25lbnQgfSBmcm9tICcuL3RpbWUuY29tcG9uZW50JztcbmV4cG9ydCB7IElEVGltZU1vZHVsZSB9IGZyb20gJy4vdGltZS5tb2R1bGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90aW1lL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURUaW1lQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/components/form/time/time.component.mjs

@@ -1,12 +1,15 @@
-import { Component, ViewEncapsulation } from '@angular/core';
+import { Component } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
 import * as i0 from "@angular/core";
 export class IDTimeComponent extends IDFormBase {
+    ngAfterContentChecked() {
+        this.input.classList.add('ids-time__input');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTimeComponent, selector: "id-time", usesInheritance: true, ngImport: i0, template: "<ids-time \n  [invalid]=\"invalid\"\n  [attr.light]=\"light ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-time>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTimeComponent, isStandalone: true, selector: "id-time", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-time\">\n  <div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </div>\n  <div class=\"ids-time__input-wrapper\">\n    <ng-content select=\"input\"></ng-content>\n  </div>\n</div>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-time', encapsulation: ViewEncapsulation.None, template: "<ids-time \n  [invalid]=\"invalid\"\n  [attr.light]=\"light ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-time>" }]
+            args: [{ selector: 'id-time', standalone: true, template: "<div class=\"ids-time\">\n  <div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </div>\n  <div class=\"ids-time__input-wrapper\">\n    <ng-content select=\"input\"></ng-content>\n  </div>\n</div>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vdGltZS90aW1lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90aW1lL3RpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxlQUFnQixTQUFRLFVBQVU7d0dBQWxDLGVBQWU7NEZBQWYsZUFBZSxzRUNSNUIsc01BTVc7OzRGREVFLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFFSixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXRpbWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIElEVGltZUNvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2Uge1xuXG59XG4iLCI8aWRzLXRpbWUgXG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICBbYXR0ci5saWdodF09XCJsaWdodCA/IHRydWUgOiBudWxsXCJcbiAgKG9uVmFsaWQpPVwiZW1pdE9uVmFsaWQoJGV2ZW50KVwiXG4gIChvbkludmFsaWQpPVwiZW1pdE9uSW52YWxpZCgkZXZlbnQpXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLXRpbWU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vdGltZS90aW1lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90aW1lL3RpbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF1QixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU92RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxVQUFVO0lBQzdDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUM5QyxDQUFDO3dHQUhVLGVBQWU7NEZBQWYsZUFBZSwwRkNSNUIsNmFBWUE7OzRGREphLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsU0FBUyxjQUVQLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRDaGVja2VkLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtdGltZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgSURUaW1lQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudENoZWNrZWQge1xuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dC5jbGFzc0xpc3QuYWRkKCdpZHMtdGltZV9faW5wdXQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlkcy10aW1lXCI+XG4gIDxkaXYgY2xhc3M9XCJpZHMtbGFiZWwtd3JhcHBlciBpZHMtbGFiZWwtd3JhcHBlci0tbWFyZ2luLWJvdHRvbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC10b29sdGlwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaWRzLXRpbWVfX2lucHV0LXdyYXBwZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpbnB1dFwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/components/form/toggle/public-api.mjs

@@ -1,3 +1,2 @@
 export { IDToggleComponent } from './toggle.component';
-export { IDToggleModule } from './toggle.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRFRvZ2dsZUNvbXBvbmVudCB9IGZyb20gJy4vdG9nZ2xlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vdG9nZ2xlLm1vZHVsZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEVG9nZ2xlQ29tcG9uZW50IH0gZnJvbSAnLi90b2dnbGUuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/components/form/toggle/toggle.component.mjs

@@ -1,12 +1,14 @@
-import { Component, ViewEncapsulation } from '@angular/core';
+import { Component } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
 import * as i0 from "@angular/core";
 export class IDToggleComponent extends IDFormBase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDToggleComponent, selector: "id-toggle", usesInheritance: true, ngImport: i0, template: "<ids-toggle \n  [invalid]=\"invalid\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-toggle>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDToggleComponent, isStandalone: true, selector: "id-toggle", host: { classAttribute: "ids-toggle" }, usesInheritance: true, ngImport: i0, template: "  <ng-content></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-toggle', encapsulation: ViewEncapsulation.None, template: "<ids-toggle \n  [invalid]=\"invalid\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-toggle>" }]
+            args: [{ selector: 'id-toggle', standalone: true, host: {
+                        class: 'ids-toggle'
+                    }, template: "  <ng-content></ng-content>\n  <span class=\"ids-label-wrapper\">\n    <ng-content select=\"label\"></ng-content>\n    <span class=\"ids-label__tooltip\">\n      <ng-content select=\"id-tooltip\"></ng-content>\n      <ng-content select=\"id-popover\"></ng-content>\n    </span>\n  </span>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU92RCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsVUFBVTt3R0FBcEMsaUJBQWlCOzRGQUFqQixpQkFBaUIsd0VDUjlCLGtLQUthOzs0RkRHQSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFFTixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBJRFRvZ2dsZUNvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2Uge1xuXG59XG4iLCI8aWRzLXRvZ2dsZSBcbiAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gIChvblZhbGlkKT1cImVtaXRPblZhbGlkKCRldmVudClcIlxuICAob25JbnZhbGlkKT1cImVtaXRPbkludmFsaWQoJGV2ZW50KVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy10b2dnbGU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS90b2dnbGUvdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVV2RCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsVUFBVTt3R0FBcEMsaUJBQWlCOzRGQUFqQixpQkFBaUIsb0lDWDlCLG9TQVFBOzs0RkRHYSxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUVULElBQUksUUFDVjt3QkFDSixLQUFLLEVBQUUsWUFBWTtxQkFDcEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2lkcy10b2dnbGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgSURUb2dnbGVDb21wb25lbnQgZXh0ZW5kcyBJREZvcm1CYXNlIHt9XG4iLCIgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHNwYW4gY2xhc3M9XCJpZHMtbGFiZWwtd3JhcHBlclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC10b29sdGlwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvc3Bhbj5cbiJdfQ==

package/esm2022/components/global-alert/global-alert-actions.component.mjs

@@ -0,0 +1,26 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDGlobalAlertActionsComponent {
+    constructor() { }
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGlobalAlertActionsComponent, isStandalone: true, selector: "id-global-alert-actions", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-global-alert-actions',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2xvYmFsLWFsZXJ0LWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9nbG9iYWwtYWxlcnQvZ2xvYmFsLWFsZXJ0LWFjdGlvbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVbEUsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxnQkFBZ0IsQ0FBQztJQUVPLFFBQVEsQ0FBbUI7d0dBSnhDLDZCQUE2Qjs0RkFBN0IsNkJBQTZCLDZIQUk3QixXQUFXLGdEQVRaOzs7bUJBR087OzRGQUVOLDZCQUE2QjtrQkFSekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFOzs7bUJBR087aUJBQ2xCO3dEQUt5QixRQUFRO3NCQUEvQixTQUFTO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtZ2xvYmFsLWFsZXJ0LWFjdGlvbnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZT5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPmBcbn0pXG5leHBvcnQgY2xhc3MgSURHbG9iYWxBbGVydEFjdGlvbnNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZikgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbn1cbiJdfQ==

package/esm2022/components/global-alert/global-alert-header.component.mjs

@@ -0,0 +1,26 @@
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDGlobalAlertHeaderComponent {
+    constructor() { }
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGlobalAlertHeaderComponent, isStandalone: true, selector: "id-global-alert-header", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-global-alert-header',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2xvYmFsLWFsZXJ0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2dsb2JhbC1hbGVydC9nbG9iYWwtYWxlcnQtaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDOztBQVVyRixNQUFNLE9BQU8sNEJBQTRCO0lBRXZDLGdCQUFnQixDQUFDO0lBRU8sUUFBUSxDQUFtQjt3R0FKeEMsNEJBQTRCOzRGQUE1Qiw0QkFBNEIsNEhBSTVCLFdBQVcsZ0RBVFo7OzttQkFHTzs7NEZBRU4sNEJBQTRCO2tCQVJ4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUU7OzttQkFHTztpQkFDbEI7d0RBS3lCLFFBQVE7c0JBQS9CLFNBQVM7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtZ2xvYmFsLWFsZXJ0LWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbmctdGVtcGxhdGU+YFxufSlcbmV4cG9ydCBjbGFzcyBJREdsb2JhbEFsZXJ0SGVhZGVyQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG59XG4iXX0=