@inera/ids-angular 8.1.0 → 9.0.0

package/esm2022/components/form/input/input-icon.component.mjs

@@ -0,0 +1,23 @@
+import { Component, HostBinding, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDInputIconComponent {
+    name;
+    get class() {
+        return ['ids-input__icon', 'ids-icon-' + this.name].join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDInputIconComponent, isStandalone: true, selector: "id-input-icon", inputs: { name: "name" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-input-icon",
+                    template: "<ng-content></ng-content>",
+                    standalone: true,
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], class: [{
+                type: HostBinding
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vaW5wdXQvaW5wdXQtaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU85RCxNQUFNLE9BQU8sb0JBQW9CO0lBRXRCLElBQUksQ0FBVTtJQUV2QixJQUNJLEtBQUs7UUFDUCxPQUFPLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEUsQ0FBQzt3R0FQVSxvQkFBb0I7NEZBQXBCLG9CQUFvQixvSkFIckIsMkJBQTJCOzs0RkFHMUIsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBR1UsSUFBSTtzQkFBWixLQUFLO2dCQUdGLEtBQUs7c0JBRFIsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLWlucHV0LWljb25cIixcbiAgdGVtcGxhdGU6IFwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBJRElucHV0SWNvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoKVxuICBnZXQgY2xhc3MgKCkge1xuICAgIHJldHVybiBbJ2lkcy1pbnB1dF9faWNvbicsICdpZHMtaWNvbi0nICsgdGhpcy5uYW1lXS5qb2luKFwiIFwiKTtcbiAgfVxuXG59XG4iXX0=

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

@@ -1,21 +1,42 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core";
-import { IDFormBase } from "@inera/ids-angular/common";
+import { Component, ContentChild, ElementRef, Input, booleanAttribute, inject, } from '@angular/core';
+import { IDFormBase } from '@inera/ids-angular/common';
+import { IDInputHintComponent } from './input-hint.component';
 import * as i0 from "@angular/core";
 export class IDInputComponent extends IDFormBase {
-    autofocus = false;
-    showsearchlabel = false;
-    constructor() {
-        super();
+    elementRef = inject(ElementRef);
+    hintComponent;
+    showSearchLabel = false;
+    search = false;
+    get hostClasses() {
+        const hostEl = this.elementRef.nativeElement;
+        const existing = hostEl.getAttribute('class')?.split(/\s+/) ?? [];
+        const hostClass = 'ids-input';
+        const hostClasses = [hostClass];
+        if (this.search) {
+            hostClasses.push(`${hostClass}--search`);
+        }
+        return Array.from(new Set([...existing, ...hostClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDInputComponent, selector: "id-input", inputs: { autofocus: "autofocus", showsearchlabel: "showsearchlabel" }, usesInheritance: true, ngImport: i0, template: "<ids-input\n  [invalid]=\"invalid\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.light]=\"light ? true : null\"\n  [attr.showsearchlabel]=\"showsearchlabel ? true : null\"\n  [attr.autofocus]=\"autofocus ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-input>\n", encapsulation: i0.ViewEncapsulation.None });
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.renderer.addClass(this.input, 'ids-input__input');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDInputComponent, isStandalone: true, selector: "id-input", inputs: { showSearchLabel: ["showSearchLabel", "showSearchLabel", booleanAttribute], search: ["search", "search", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, queries: [{ propertyName: "hintComponent", first: true, predicate: IDInputHintComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-input__wrapper\">\n  <div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <span [class.ids-hidden]=\"search && !showSearchLabel\">\n      <ng-content select=\"label\"></ng-content>\n    </span>\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-input__input-wrapper\">\n    <span [class.ids-input__search-icon]=\"search\"></span>\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"id-input-hint\"></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-input", encapsulation: ViewEncapsulation.None, template: "<ids-input\n  [invalid]=\"invalid\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  [attr.light]=\"light ? true : null\"\n  [attr.showsearchlabel]=\"showsearchlabel ? true : null\"\n  [attr.autofocus]=\"autofocus ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-input>\n" }]
-        }], ctorParameters: () => [], propDecorators: { autofocus: [{
-                type: Input
-            }], showsearchlabel: [{
-                type: Input
+            args: [{ selector: 'id-input', standalone: true, host: {
+                        '[class]': 'hostClasses',
+                    }, template: "<div class=\"ids-input__wrapper\">\n  <div class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <span [class.ids-hidden]=\"search && !showSearchLabel\">\n      <ng-content select=\"label\"></ng-content>\n    </span>\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-input__input-wrapper\">\n    <span [class.ids-input__search-icon]=\"search\"></span>\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"id-input-hint\"></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n" }]
+        }], propDecorators: { hintComponent: [{
+                type: ContentChild,
+                args: [IDInputHintComponent]
+            }], showSearchLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], search: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9pbnB1dC9pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxVQUFVO0lBRTlDLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFHM0IsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUVqQztRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzt3R0FUVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwrSUNSN0IsMldBVUE7OzRGREZhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUk7d0RBSXJDLFNBQVM7c0JBRFIsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSBcIkBpbmVyYS9pZHMtYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLWlucHV0XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5wdXQuY29tcG9uZW50Lmh0bWxcIixcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJRElucHV0Q29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG4gIEBJbnB1dCgpXG4gIGF1dG9mb2N1czogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dzZWFyY2hsYWJlbDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiIsIjxpZHMtaW5wdXRcbiAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gIFthdHRyLm5vdmFsaWRhdGlvbl09XCJub3ZhbGlkYXRpb24gPyB0cnVlIDogbnVsbFwiXG4gIFthdHRyLmxpZ2h0XT1cImxpZ2h0ID8gdHJ1ZSA6IG51bGxcIlxuICBbYXR0ci5zaG93c2VhcmNobGFiZWxdPVwic2hvd3NlYXJjaGxhYmVsID8gdHJ1ZSA6IG51bGxcIlxuICBbYXR0ci5hdXRvZm9jdXNdPVwiYXV0b2ZvY3VzID8gdHJ1ZSA6IG51bGxcIlxuICAob25WYWxpZCk9XCJlbWl0T25WYWxpZCgkZXZlbnQpXCJcbiAgKG9uSW52YWxpZCk9XCJlbWl0T25JbnZhbGlkKCRldmVudClcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9pZHMtaW5wdXQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9pbnB1dC9pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLGdCQUFnQixFQUNoQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVU5RCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQUN0QyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBR3hDLGFBQWEsQ0FBbUM7SUFFUixlQUFlLEdBQVksS0FBSyxDQUFDO0lBRWpDLE1BQU0sR0FBWSxLQUFLLENBQUM7SUFFaEUsSUFBSSxXQUFXO1FBQ2IsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUE0QixDQUFDO1FBQzVELE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsRSxNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUM7UUFDOUIsTUFBTSxXQUFXLEdBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUUxQyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsU0FBUyxVQUFVLENBQUMsQ0FBQztRQUMzQyxDQUFDO1FBRUQsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLEVBQUUsR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsS0FBSyxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3pELENBQUM7d0dBMUJVLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDhHQU1QLGdCQUFnQixnQ0FFaEIsZ0JBQWdCLDBIQUx0QixvQkFBb0IsdUVDdkJwQywrc0JBbUJBOzs0RkRDYSxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUVSLElBQUksUUFDVjt3QkFDSixTQUFTLEVBQUUsYUFBYTtxQkFDekI7OEJBTUQsYUFBYTtzQkFEWixZQUFZO3VCQUFDLG9CQUFvQjtnQkFHTSxlQUFlO3NCQUF0RCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUVFLE1BQU07c0JBQTdDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJRElucHV0SGludENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtaGludC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdob3N0Q2xhc3NlcycsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIElESW5wdXRDb21wb25lbnQgZXh0ZW5kcyBJREZvcm1CYXNlIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIHByaXZhdGUgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBAQ29udGVudENoaWxkKElESW5wdXRIaW50Q29tcG9uZW50KVxuICBoaW50Q29tcG9uZW50OiBJRElucHV0SGludENvbXBvbmVudCB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgc2hvd1NlYXJjaExhYmVsOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHNlYXJjaDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGdldCBob3N0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGhvc3RFbCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuICAgIGNvbnN0IGV4aXN0aW5nID0gaG9zdEVsLmdldEF0dHJpYnV0ZSgnY2xhc3MnKT8uc3BsaXQoL1xccysvKSA/PyBbXTtcbiAgICBjb25zdCBob3N0Q2xhc3MgPSAnaWRzLWlucHV0JztcbiAgICBjb25zdCBob3N0Q2xhc3Nlczogc3RyaW5nW10gPSBbaG9zdENsYXNzXTtcblxuICAgIGlmICh0aGlzLnNlYXJjaCkge1xuICAgICAgaG9zdENsYXNzZXMucHVzaChgJHtob3N0Q2xhc3N9LS1zZWFyY2hgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gQXJyYXkuZnJvbShuZXcgU2V0KFsuLi5leGlzdGluZywgLi4uaG9zdENsYXNzZXNdKSkuam9pbignICcpO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5pbnB1dCwgJ2lkcy1pbnB1dF9faW5wdXQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlkcy1pbnB1dF9fd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwiaWRzLWxhYmVsLXdyYXBwZXIgaWRzLWxhYmVsLXdyYXBwZXItLW1hcmdpbi1ib3R0b21cIj5cbiAgICA8c3BhbiBbY2xhc3MuaWRzLWhpZGRlbl09XCJzZWFyY2ggJiYgIXNob3dTZWFyY2hMYWJlbFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC10b29sdGlwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaWRzLWlucHV0X19pbnB1dC13cmFwcGVyXCI+XG4gICAgPHNwYW4gW2NsYXNzLmlkcy1pbnB1dF9fc2VhcmNoLWljb25dPVwic2VhcmNoXCI+PC9zcGFuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWlucHV0LWhpbnRcIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLWVycm9yLW1lc3NhZ2VcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuIl19

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

@@ -1,3 +1,4 @@
 export { IDInputComponent } from './input.component';
-export { IDInputModule } from './input.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9pbnB1dC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElESW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRElucHV0TW9kdWxlIH0gZnJvbSAnLi9pbnB1dC5tb2R1bGUnOyJdfQ==
+export { IDInputHintComponent } from './input-hint.component';
+export { IDInputIconComponent } from './input-icon.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9pbnB1dC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCB7IElESW5wdXRIaW50Q29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1oaW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRElucHV0SWNvbkNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtaWNvbi5jb21wb25lbnQnO1xuIl19

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

@@ -1,4 +1,3 @@
 export { IDRadioGroupComponent } from './radio-group.component';
 export { IDRadioComponent } from './radio.component';
-export { IDRadioModule } from './radio.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCB7IElEUmFkaW9Db21wb25lbnQgfSBmcm9tICcuL3JhZGlvLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFJhZGlvTW9kdWxlIH0gZnJvbSAnLi9yYWRpby5tb2R1bGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURSYWRpb0dyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9yYWRpby1ncm91cC5jb21wb25lbnQnO1xuZXhwb3J0IHsgSURSYWRpb0NvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8uY29tcG9uZW50JzsiXX0=

package/esm2022/components/form/radio/radio-group.component.mjs

@@ -1,28 +1,55 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
+import { Component, ContentChild, ContentChildren, ElementRef, inject, Input, Renderer2 } from '@angular/core';
+import { IDErrorMessageComponent } from "@inera/ids-angular/components/form/error-message";
+import { IDRadioComponent } from './radio.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class IDRadioGroupComponent extends IDFormBase {
-    name = undefined;
-    legend = undefined;
-    required = false;
+export class IDRadioGroupComponent {
+    radios;
+    errorMessage;
+    name;
+    legend;
     compact = false;
-    errormessage = undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioGroupComponent, selector: "id-radio-group", inputs: { name: "name", legend: "legend", required: "required", compact: "compact", errormessage: "errormessage" }, usesInheritance: true, ngImport: i0, template: "<ids-radio-group \n  [name]=\"name\" \n  [legend]=\"legend\" \n  [required]=\"required\"\n  [compact]=\"compact\"\n  [attr.novalidation]=\"novalidation ? true : null\"\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-radio-group>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    renderer = inject(Renderer2);
+    host = inject(ElementRef);
+    ngAfterContentInit() {
+        this.radios.forEach((radio) => {
+            radio.invalidChange.subscribe((value) => {
+                this.checkShowErrorMessage();
+            });
+        });
+        this.checkShowErrorMessage();
+        this.setupNames();
+    }
+    setupNames() {
+        if (this.name) {
+            const inputs = this.host.nativeElement.querySelectorAll('input');
+            inputs?.forEach((input) => {
+                this.renderer.setAttribute(input, 'name', this.name);
+            });
+        }
+    }
+    checkShowErrorMessage() {
+        if (this.errorMessage) {
+            const isInvalidPresent = this.radios.find((radio) => radio.invalid);
+            this.errorMessage.show = Boolean(isInvalidPresent);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDRadioGroupComponent, isStandalone: true, selector: "id-radio-group", inputs: { name: "name", legend: "legend", compact: "compact" }, queries: [{ propertyName: "errorMessage", first: true, predicate: IDErrorMessageComponent, descendants: true }, { propertyName: "radios", predicate: IDRadioComponent }], ngImport: i0, template: "<fieldset\n  class=\"ids-form-group__fieldset\"\n  [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-radio-group', encapsulation: ViewEncapsulation.None, template: "<ids-radio-group \n  [name]=\"name\" \n  [legend]=\"legend\" \n  [required]=\"required\"\n  [compact]=\"compact\"\n  [attr.novalidation]=\"novalidation ? true : null\"\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-radio-group>" }]
-        }], propDecorators: { name: [{
+            args: [{ selector: 'id-radio-group', standalone: true, template: "<fieldset\n  class=\"ids-form-group__fieldset\"\n  [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n  <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" }]
+        }], propDecorators: { radios: [{
+                type: ContentChildren,
+                args: [IDRadioComponent]
+            }], errorMessage: [{
+                type: ContentChild,
+                args: [IDErrorMessageComponent]
+            }], name: [{
                 type: Input
             }], legend: [{
                 type: Input
-            }], required: [{
-                type: Input
             }], compact: [{
                 type: Input
-            }], errormessage: [{
-                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQU92RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsVUFBVTtJQUduRCxJQUFJLEdBQXVCLFNBQVMsQ0FBQztJQUdyQyxNQUFNLEdBQXVCLFNBQVMsQ0FBQztJQUd2QyxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRzFCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFHekIsWUFBWSxHQUF1QixTQUFTLENBQUM7d0dBZmxDLHFCQUFxQjs0RkFBckIscUJBQXFCLGlNQ1JsQywyWEFVa0I7OzRGREZMLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBRVgsaUJBQWlCLENBQUMsSUFBSTs4QkFLckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtcmFkaW8tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFkaW8tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBJREZvcm1CYXNlIHtcblxuICBASW5wdXQoKVxuICBuYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgbGVnZW5kOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZXJyb3JtZXNzYWdlOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbn1cbiIsIjxpZHMtcmFkaW8tZ3JvdXAgXG4gIFtuYW1lXT1cIm5hbWVcIiBcbiAgW2xlZ2VuZF09XCJsZWdlbmRcIiBcbiAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgW2NvbXBhY3RdPVwiY29tcGFjdFwiXG4gIFthdHRyLm5vdmFsaWRhdGlvbl09XCJub3ZhbGlkYXRpb24gPyB0cnVlIDogbnVsbFwiXG4gIChvblZhbGlkKT1cImVtaXRPblZhbGlkKCRldmVudClcIlxuICAob25JbnZhbGlkKT1cImVtaXRPbkludmFsaWQoJGV2ZW50KVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxpZHMtZXJyb3ItbWVzc2FnZSAqbmdJZj1cImVycm9ybWVzc2FnZVwiPnt7ZXJyb3JtZXNzYWdlfX08L2lkcy1lcnJvci1tZXNzYWdlPlxuPC9pZHMtcmFkaW8tZ3JvdXA+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPckQsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxNQUFNLENBQThCO0lBR3BDLFlBQVksQ0FBMEI7SUFFN0IsSUFBSSxDQUFVO0lBQ2QsTUFBTSxDQUFVO0lBQ2hCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFFbEMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUM1QixJQUFJLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXpCLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzVCLEtBQUssQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYyxFQUFFLEVBQUU7Z0JBQy9DLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNiLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFBO1lBQ2hFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUF1QixFQUFFLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUssQ0FBQyxDQUFDO1lBQ3hELENBQUMsQ0FBQyxDQUFBO1FBQ0osQ0FBQztJQUNILENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3JELENBQUM7SUFDSCxDQUFDO3dHQXZDVSxxQkFBcUI7NEZBQXJCLHFCQUFxQixvTEFLbEIsdUJBQXVCLDREQUhwQixnQkFBZ0IsNkJDWG5DLHdnQkFrQkE7OzRGRFRhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FFZCxJQUFJOzhCQUtoQixNQUFNO3NCQURMLGVBQWU7dUJBQUMsZ0JBQWdCO2dCQUlqQyxZQUFZO3NCQURYLFlBQVk7dUJBQUMsdUJBQXVCO2dCQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIGluamVjdCwgSW5wdXQsIFF1ZXJ5TGlzdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREVycm9yTWVzc2FnZUNvbXBvbmVudCB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL2Vycm9yLW1lc3NhZ2VcIjtcbmltcG9ydCB7IElEUmFkaW9Db21wb25lbnQgfSBmcm9tICcuL3JhZGlvLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXJhZGlvLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICBAQ29udGVudENoaWxkcmVuKElEUmFkaW9Db21wb25lbnQpXG4gIHJhZGlvczogUXVlcnlMaXN0PElEUmFkaW9Db21wb25lbnQ+O1xuICBcbiAgQENvbnRlbnRDaGlsZChJREVycm9yTWVzc2FnZUNvbXBvbmVudClcbiAgZXJyb3JNZXNzYWdlOiBJREVycm9yTWVzc2FnZUNvbXBvbmVudDtcblxuICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBsZWdlbmQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcblxuICByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpXG4gIGhvc3QgPSBpbmplY3QoRWxlbWVudFJlZilcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5yYWRpb3MuZm9yRWFjaCgocmFkaW8pID0+IHtcbiAgICAgIHJhZGlvLmludmFsaWRDaGFuZ2Uuc3Vic2NyaWJlKCh2YWx1ZTogYm9vbGVhbikgPT4ge1xuICAgICAgICB0aGlzLmNoZWNrU2hvd0Vycm9yTWVzc2FnZSgpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgdGhpcy5jaGVja1Nob3dFcnJvck1lc3NhZ2UoKTtcbiAgICB0aGlzLnNldHVwTmFtZXMoKTtcbiAgfVxuXG4gIHNldHVwTmFtZXMoKSB7XG4gICAgaWYodGhpcy5uYW1lKSB7XG4gICAgICBjb25zdCBpbnB1dHMgPSB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKCdpbnB1dCcpXG4gICAgICBpbnB1dHM/LmZvckVhY2goKGlucHV0OiBIVE1MSW5wdXRFbGVtZW50KSA9PiB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKGlucHV0LCAnbmFtZScsIHRoaXMubmFtZSEpO1xuICAgICAgfSlcbiAgICB9XG4gIH1cblxuICBjaGVja1Nob3dFcnJvck1lc3NhZ2UoKSB7XG4gICAgaWYgKHRoaXMuZXJyb3JNZXNzYWdlKSB7XG4gICAgICBjb25zdCBpc0ludmFsaWRQcmVzZW50ID0gdGhpcy5yYWRpb3MuZmluZCgocmFkaW8pID0+IHJhZGlvLmludmFsaWQpO1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2Uuc2hvdyA9IEJvb2xlYW4oaXNJbnZhbGlkUHJlc2VudCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZmllbGRzZXRcbiAgY2xhc3M9XCJpZHMtZm9ybS1ncm91cF9fZmllbGRzZXRcIlxuICBbY2xhc3MuaWRzLWZvcm0tZ3JvdXBfX2ZpZWxkc2V0LS1jb21wYWN0XT1cImNvbXBhY3RcIlxuPlxuICBAaWYgKGxlZ2VuZCkge1xuICAgIDxkaXYgY2xhc3M9XCJpZHMtbGFiZWwtd3JhcHBlclwiPlxuICAgICAgPGxlZ2VuZD5cbiAgICAgICAge3sgbGVnZW5kIH19XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxlZ2VuZF9fdG9vbHRpcFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLXRvb2x0aXBcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9sZWdlbmQ+XG4gICAgPC9kaXY+XG4gIH1cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC1lcnJvci1tZXNzYWdlXCI+PC9uZy1jb250ZW50PlxuPC9maWVsZHNldD5cbiJdfQ==

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

@@ -1,15 +1,25 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core";
+import { Component } from "@angular/core";
 import { IDFormBase } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
 export class IDRadioComponent extends IDFormBase {
-    compact = false;
+    checkedEvent;
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        if (!this.ngControl) {
+            this.checkedEvent = this.renderer.listen(this.input, 'changed', () => {
+                super._updateErrorState();
+            });
+        }
+        this.renderer.addClass(this.label, 'ids-label--clickable');
+    }
+    ngOnDestroy() {
+        this.checkedEvent?.();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioComponent, selector: "id-radio", inputs: { compact: "compact" }, usesInheritance: true, ngImport: i0, template: "<ids-radio [light]=\"light ? true : null\" [invalid]=\"invalid\" [compact]=\"compact\">\n  <ng-content></ng-content>\n</ids-radio>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioComponent, isStandalone: true, selector: "id-radio", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-radio\">\n  <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</div>\n\n<ng-content select=\"id-error-message\"></ng-content>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-radio", encapsulation: ViewEncapsulation.None, template: "<ids-radio [light]=\"light ? true : null\" [invalid]=\"invalid\" [compact]=\"compact\">\n  <ng-content></ng-content>\n</ids-radio>\n" }]
-        }], propDecorators: { compact: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxVQUFVO0lBRTlDLE9BQU8sR0FBWSxLQUFLLENBQUM7d0dBRmQsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsdUdDUjdCLHNJQUdBOzs0RkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFFTCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUlyQyxPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSBcIkBpbmVyYS9pZHMtYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLXJhZGlvXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmFkaW8uY29tcG9uZW50Lmh0bWxcIixcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG4gIEBJbnB1dCgpXG4gIGNvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxpZHMtcmFkaW8gW2xpZ2h0XT1cImxpZ2h0ID8gdHJ1ZSA6IG51bGxcIiBbaW52YWxpZF09XCJpbnZhbGlkXCIgW2NvbXBhY3RdPVwiY29tcGFjdFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy1yYWRpbz5cbiJdfQ==
+            args: [{ selector: "id-radio", standalone: true, template: "<div class=\"ids-radio\">\n  <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</div>\n\n<ng-content select=\"id-error-message\"></ng-content>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFVBQVU7SUFFdEMsWUFBWSxDQUFjO0lBRWxDLGtCQUFrQjtRQUNoQixLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMzQixJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFO2dCQUNuRSxLQUFLLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUM1QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLHNCQUFzQixDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztJQUN4QixDQUFDO3dHQWhCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiwyRkNSN0IsZ1lBWUE7OzRGREphLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGNBRVIsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSBcIkBpbmVyYS9pZHMtYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLXJhZGlvXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmFkaW8uY29tcG9uZW50Lmh0bWxcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG5cbiAgcHJpdmF0ZSBjaGVja2VkRXZlbnQ/OiAoKSA9PiB2b2lkO1xuICBcbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgIGlmKCF0aGlzLm5nQ29udHJvbCkge1xuICAgICAgdGhpcy5jaGVja2VkRXZlbnQgPSB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmlucHV0LCAnY2hhbmdlZCcsICgpID0+IHtcbiAgICAgICAgc3VwZXIuX3VwZGF0ZUVycm9yU3RhdGUoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMubGFiZWwsICdpZHMtbGFiZWwtLWNsaWNrYWJsZScpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5jaGVja2VkRXZlbnQ/LigpO1xuICB9XG5cblxufVxuIiwiPGRpdiBjbGFzcz1cImlkcy1yYWRpb1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsLXdyYXBwZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJsYWJlbFwiPjwvbmctY29udGVudD5cbiAgICA8c3BhbiBjbGFzcz1cImlkcy1sYWJlbF9fdG9vbHRpcFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtdG9vbHRpcFwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLXBvcG92ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICA8L3NwYW4+XG48L2Rpdj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtZXJyb3ItbWVzc2FnZVwiPjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/components/form/radio-button/public-api.mjs

@@ -1,4 +1,3 @@
 export { IDRadioButtonGroupComponent } from "./radio-button-group.component";
 export { IDRadioButtonComponent } from "./radio-button.component";
-export { IDRadioButtonModule } from "./radio-button.module";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEUmFkaW9CdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gXCIuL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnRcIjtcbmV4cG9ydCB7IElEUmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi9yYWRpby1idXR0b24uY29tcG9uZW50XCI7XG5leHBvcnQgeyBJRFJhZGlvQnV0dG9uTW9kdWxlIH0gZnJvbSBcIi4vcmFkaW8tYnV0dG9uLm1vZHVsZVwiO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEUmFkaW9CdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gXCIuL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnRcIjtcbmV4cG9ydCB7IElEUmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi9yYWRpby1idXR0b24uY29tcG9uZW50XCI7XG4iXX0=

package/esm2022/components/form/radio-button/radio-button-group.component.mjs

@@ -1,18 +1,46 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core";
+import { Component, ContentChildren, Input } from "@angular/core";
 import { IDFormBase } from "@inera/ids-angular/common";
+import { IDRadioComponent } from "@inera/ids-angular/components/form/radio";
 import * as i0 from "@angular/core";
 export class IDRadioButtonGroupComponent extends IDFormBase {
-    name = undefined;
-    legend = undefined;
+    radios;
+    name;
+    legend;
+    ngAfterContentInit() {
+        this.radios.forEach((radio) => {
+            radio.invalidChange.subscribe((value) => {
+                this.checkShowErrorMessage();
+            });
+        });
+        this.checkShowErrorMessage();
+        this.setupNames();
+    }
+    setupNames() {
+        if (this.name) {
+            const inputs = this.host.nativeElement.querySelectorAll('input');
+            inputs?.forEach((input) => {
+                this.renderer.setAttribute(input, 'name', this.name);
+            });
+        }
+    }
+    checkShowErrorMessage() {
+        if (this.errorMessage) {
+            const isInvalidPresent = this.radios.find((radio) => radio.invalid);
+            this.errorMessage.show = Boolean(isInvalidPresent);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioButtonGroupComponent, selector: "id-radio-button-group", inputs: { name: "name", legend: "legend" }, usesInheritance: true, ngImport: i0, template: "<ids-radio-button-group [name]=\"name\" [legend]=\"legend\">\n  <ng-content></ng-content>\n</ids-radio-button-group>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDRadioButtonGroupComponent, isStandalone: true, selector: "id-radio-button-group", inputs: { name: "name", legend: "legend" }, queries: [{ propertyName: "radios", predicate: IDRadioComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-form-group__fieldset\">\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n</div>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-radio-button-group", encapsulation: ViewEncapsulation.None, template: "<ids-radio-button-group [name]=\"name\" [legend]=\"legend\">\n  <ng-content></ng-content>\n</ids-radio-button-group>\n" }]
-        }], propDecorators: { name: [{
+            args: [{ selector: "id-radio-button-group", standalone: true, template: "<div class=\"ids-form-group__fieldset\">\n  @if (legend) {\n    <div class=\"ids-label-wrapper\">\n      <legend>\n        {{ legend }}\n        <span class=\"ids-legend__tooltip\">\n          <ng-content select=\"id-tooltip\"></ng-content>\n          <ng-content select=\"id-popover\"></ng-content>\n        </span>\n      </legend>\n    </div>\n  }\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { radios: [{
+                type: ContentChildren,
+                args: [IDRadioComponent]
+            }], name: [{
                 type: Input
             }], legend: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLDJCQUE0QixTQUFRLFVBQVU7SUFFekQsSUFBSSxHQUF1QixTQUFTLENBQUM7SUFHckMsTUFBTSxHQUF1QixTQUFTLENBQUM7d0dBTDVCLDJCQUEyQjs0RkFBM0IsMkJBQTJCLGdJQ1J4Qyx3SEFHQTs7NEZES2EsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QixpQkFFbEIsaUJBQWlCLENBQUMsSUFBSTs4QkFJckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tIFwiQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtcmFkaW8tYnV0dG9uLWdyb3VwXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sXCIsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSURSYWRpb0J1dHRvbkdyb3VwQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBsZWdlbmQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcbn1cbiIsIjxpZHMtcmFkaW8tYnV0dG9uLWdyb3VwIFtuYW1lXT1cIm5hbWVcIiBbbGVnZW5kXT1cImxlZ2VuZFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy1yYWRpby1idXR0b24tZ3JvdXA+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMENBQTBDLENBQUM7O0FBTzVFLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxVQUFVO0lBR3pELE1BQU0sQ0FBOEI7SUFFM0IsSUFBSSxDQUFVO0lBQ2QsTUFBTSxDQUFVO0lBRXpCLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzVCLEtBQUssQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYyxFQUFFLEVBQUU7Z0JBQy9DLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNiLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFBO1lBQ2hFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUF1QixFQUFFLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUssQ0FBQyxDQUFDO1lBQ3hELENBQUMsQ0FBQyxDQUFBO1FBQ0osQ0FBQztJQUNILENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDckIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3JELENBQUM7SUFDSCxDQUFDO3dHQWhDVSwyQkFBMkI7NEZBQTNCLDJCQUEyQixvSkFFckIsZ0JBQWdCLG9EQ1huQyx1WUFjQTs7NEZETGEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QixjQUVyQixJQUFJOzhCQUtoQixNQUFNO3NCQURMLGVBQWU7dUJBQUMsZ0JBQWdCO2dCQUd4QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSURGb3JtQmFzZSB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBJRFJhZGlvQ29tcG9uZW50IH0gZnJvbSBcIkBpbmVyYS9pZHMtYW5ndWxhci9jb21wb25lbnRzL2Zvcm0vcmFkaW9cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLXJhZGlvLWJ1dHRvbi1ncm91cFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbFwiLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIElEUmFkaW9CdXR0b25Hcm91cENvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2Uge1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oSURSYWRpb0NvbXBvbmVudClcbiAgcmFkaW9zOiBRdWVyeUxpc3Q8SURSYWRpb0NvbXBvbmVudD47XG5cbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcbiAgQElucHV0KCkgbGVnZW5kPzogc3RyaW5nO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJhZGlvcy5mb3JFYWNoKChyYWRpbykgPT4ge1xuICAgICAgcmFkaW8uaW52YWxpZENoYW5nZS5zdWJzY3JpYmUoKHZhbHVlOiBib29sZWFuKSA9PiB7XG4gICAgICAgIHRoaXMuY2hlY2tTaG93RXJyb3JNZXNzYWdlKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgICB0aGlzLmNoZWNrU2hvd0Vycm9yTWVzc2FnZSgpO1xuICAgIHRoaXMuc2V0dXBOYW1lcygpO1xuICB9XG5cbiAgc2V0dXBOYW1lcygpIHtcbiAgICBpZih0aGlzLm5hbWUpIHtcbiAgICAgIGNvbnN0IGlucHV0cyA9IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2lucHV0JylcbiAgICAgIGlucHV0cz8uZm9yRWFjaCgoaW5wdXQ6IEhUTUxJbnB1dEVsZW1lbnQpID0+IHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUoaW5wdXQsICduYW1lJywgdGhpcy5uYW1lISk7XG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIGNoZWNrU2hvd0Vycm9yTWVzc2FnZSgpIHtcbiAgICBpZih0aGlzLmVycm9yTWVzc2FnZSkge1xuICAgICAgY29uc3QgaXNJbnZhbGlkUHJlc2VudCA9IHRoaXMucmFkaW9zLmZpbmQoKHJhZGlvKSA9PiByYWRpby5pbnZhbGlkKTtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlLnNob3cgPSBCb29sZWFuKGlzSW52YWxpZFByZXNlbnQpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlkcy1mb3JtLWdyb3VwX19maWVsZHNldFwiPlxuICBAaWYgKGxlZ2VuZCkge1xuICAgIDxkaXYgY2xhc3M9XCJpZHMtbGFiZWwtd3JhcHBlclwiPlxuICAgICAgPGxlZ2VuZD5cbiAgICAgICAge3sgbGVnZW5kIH19XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxlZ2VuZF9fdG9vbHRpcFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLXRvb2x0aXBcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9sZWdlbmQ+XG4gICAgPC9kaXY+XG4gIH1cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/form/radio-button/radio-button.component.mjs

@@ -1,15 +1,23 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core";
+import { Component, Input } from "@angular/core";
 import { IDFormBase } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
 export class IDRadioButtonComponent extends IDFormBase {
-    icon = "";
+    icon;
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.input.classList.add('ids-radio-button__input');
+        this.label.classList.add('ids-radio-button__label');
+        if (this.icon) {
+            this.label.classList.add(`ids-icon-${this.icon}`);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioButtonComponent, selector: "id-radio-button", inputs: { icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<ids-radio-button [icon]=\"icon\">\n  <ng-content></ng-content>\n</ids-radio-button>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRadioButtonComponent, isStandalone: true, selector: "id-radio-button", inputs: { icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ids-radio-button\">\n  <ng-content></ng-content>\n</div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-radio-button", encapsulation: ViewEncapsulation.None, template: "<ids-radio-button [icon]=\"icon\">\n  <ng-content></ng-content>\n</ids-radio-button>\n" }]
+            args: [{ selector: "id-radio-button", standalone: true, template: "<div class=\"ids-radio-button\">\n  <ng-content></ng-content>\n</div>" }]
         }], propDecorators: { icon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLFVBQVU7SUFFcEQsSUFBSSxHQUFXLEVBQUUsQ0FBQzt3R0FGUCxzQkFBc0I7NEZBQXRCLHNCQUFzQix3R0NSbkMsd0ZBR0E7OzRGREthLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBRVosaUJBQWlCLENBQUMsSUFBSTs4QkFJckMsSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSURGb3JtQmFzZSB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1yYWRpby1idXR0b25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWxcIixcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSB7XG4gIEBJbnB1dCgpXG4gIGljb246IHN0cmluZyA9IFwiXCI7XG59XG4iLCI8aWRzLXJhZGlvLWJ1dHRvbiBbaWNvbl09XCJpY29uXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLXJhZGlvLWJ1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxVQUFVO0lBRTNDLElBQUksQ0FBVTtJQUV2QixrQkFBa0I7UUFDaEIsS0FBSyxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFDcEQsSUFBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDYixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNwRCxDQUFDO0lBQ0gsQ0FBQzt3R0FYVSxzQkFBc0I7NEZBQXRCLHNCQUFzQiw0SENSbkMsdUVBRU07OzRGRE1PLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FFZixJQUFJOzhCQUlQLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSURGb3JtQmFzZSB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1yYWRpby1idXR0b25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWxcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJRFJhZGlvQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXG4gIEBJbnB1dCgpIGljb24/OiBzdHJpbmc7XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgIHRoaXMuaW5wdXQuY2xhc3NMaXN0LmFkZCgnaWRzLXJhZGlvLWJ1dHRvbl9faW5wdXQnKTtcbiAgICB0aGlzLmxhYmVsLmNsYXNzTGlzdC5hZGQoJ2lkcy1yYWRpby1idXR0b25fX2xhYmVsJyk7XG4gICAgaWYodGhpcy5pY29uKSB7XG4gICAgICB0aGlzLmxhYmVsLmNsYXNzTGlzdC5hZGQoYGlkcy1pY29uLSR7dGhpcy5pY29ufWApO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImlkcy1yYWRpby1idXR0b25cIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

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

@@ -1,3 +1,2 @@
 export { IDRangeComponent } from './range.component';
-export { IDRangeModule } from './range.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYW5nZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEUmFuZ2VDb21wb25lbnQgfSBmcm9tICcuL3JhbmdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFJhbmdlTW9kdWxlIH0gZnJvbSAnLi9yYW5nZS5tb2R1bGUnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYW5nZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSURSYW5nZUNvbXBvbmVudCB9IGZyb20gJy4vcmFuZ2UuY29tcG9uZW50JztcbiJdfQ==

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

@@ -1,18 +1,75 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
+import { Component, Input, booleanAttribute } from '@angular/core';
+import { IDFormBase } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
 export class IDRangeComponent extends IDFormBase {
-    showticks = false;
+    showTicks = false;
     interval = 0;
+    get min() {
+        return Number(this.input.min);
+    }
+    get max() {
+        return Number(this.input.max);
+    }
+    get step() {
+        return Number(this.input.step);
+    }
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.input.addEventListener('input', this.handleInputChange);
+        this.handleInputChange();
+        this.listenToInputAttrChanges();
+    }
+    listenToInputAttrChanges() {
+        const observer = new MutationObserver(() => {
+            this.setupValues();
+            this.handleInputChange();
+        });
+        observer.observe(this.input, {
+            attributes: true,
+            attributeFilter: ["min", "max", "disabled"]
+        });
+    }
+    get ticks() {
+        const ticks = [];
+        if (this.step > 0) {
+            if (this.interval > 0) {
+                for (let val = this.min; val <= this.max; val += this.interval) {
+                    ticks.push(val);
+                }
+            }
+            else {
+                for (let val = this.min; val <= this.max; val += this.step) {
+                    ticks.push(val);
+                }
+            }
+        }
+        return ticks;
+    }
+    handleInputChange = () => {
+        if (this.input) {
+            const val = +this.input.value;
+            this.input.style.backgroundSize = ((val - this.min) * 100) / (this.max - this.min) + "% 100%";
+            this.input.setAttribute("aria-valuenow", this.input.value);
+        }
+    };
+    setupValues() {
+        if (this.input) {
+            this.input.setAttribute("aria-valuemin", "" + this.min);
+            this.input.setAttribute("aria-valuemax", "" + this.max);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRangeComponent, selector: "id-range", inputs: { showticks: "showticks", interval: "interval" }, usesInheritance: true, ngImport: i0, template: "<ids-range \n  [invalid]=\"invalid\"\n  [interval]=\"interval\"\n  [showticks]=\"showticks\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-range>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDRangeComponent, isStandalone: true, selector: "id-range", inputs: { showTicks: ["showTicks", "showTicks", booleanAttribute], interval: "interval" }, host: { classAttribute: "ids-range" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ids-range\">\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  <ng-content></ng-content>\n  @if (this.showTicks) {\n    <div\n      class=\"ids-range-ticks\"\n      [class.ids-range-ticks--disabled]=\"input.disabled\"\n    >\n      @for (tick of ticks; track tick) {\n        <span class=\"ids-range-tick\">{{ tick }}</span>\n      }\n    </div>\n  }\n</div>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRangeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-range', encapsulation: ViewEncapsulation.None, template: "<ids-range \n  [invalid]=\"invalid\"\n  [interval]=\"interval\"\n  [showticks]=\"showticks\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-range>" }]
-        }], propDecorators: { showticks: [{
-                type: Input
+            args: [{ selector: 'id-range', standalone: true, host: {
+                        class: 'ids-range',
+                    }, template: "<div class=\"ids-range\">\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  <ng-content></ng-content>\n  @if (this.showTicks) {\n    <div\n      class=\"ids-range-ticks\"\n      [class.ids-range-ticks--disabled]=\"input.disabled\"\n    >\n      @for (tick of ticks; track tick) {\n        <span class=\"ids-range-tick\">{{ tick }}</span>\n      }\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { showTicks: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], interval: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhbmdlL3JhbmdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYW5nZS9yYW5nZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3ZELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxVQUFVO0lBRzlDLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFHM0IsUUFBUSxHQUFXLENBQUMsQ0FBQzt3R0FOVixnQkFBZ0I7NEZBQWhCLGdCQUFnQixpSUNSN0Isd05BT1k7OzRGRENDLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUk7OEJBS3JDLFNBQVM7c0JBRFIsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJREZvcm1CYXNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lkLXJhbmdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhbmdlLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgSURSYW5nZUNvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2Uge1xuXG4gIEBJbnB1dCgpXG4gIHNob3d0aWNrczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGludGVydmFsOiBudW1iZXIgPSAwO1xuXG59XG4iLCI8aWRzLXJhbmdlIFxuICBbaW52YWxpZF09XCJpbnZhbGlkXCJcbiAgW2ludGVydmFsXT1cImludGVydmFsXCJcbiAgW3Nob3d0aWNrc109XCJzaG93dGlja3NcIlxuICAob25WYWxpZCk9XCJlbWl0T25WYWxpZCgkZXZlbnQpXCJcbiAgKG9uSW52YWxpZCk9XCJlbWl0T25JbnZhbGlkKCRldmVudClcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9pZHMtcmFuZ2U+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy9mb3JtL3JhbmdlL3JhbmdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9yYW5nZS9yYW5nZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVV2RCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQUVOLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFDMUQsUUFBUSxHQUFXLENBQUMsQ0FBQztJQUU5QixJQUFJLEdBQUc7UUFDTCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLEdBQUc7UUFDTCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsS0FBSyxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELHdCQUF3QjtRQUN0QixNQUFNLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixDQUFDLEdBQUcsRUFBRTtZQUN6QyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7UUFDSCxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDM0IsVUFBVSxFQUFFLElBQUk7WUFDaEIsZUFBZSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUM7U0FDNUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE1BQU0sS0FBSyxHQUFHLEVBQUUsQ0FBQTtRQUNoQixJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDbEIsSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUN0QixLQUFLLElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDL0QsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDbEIsQ0FBQztZQUNILENBQUM7aUJBQU0sQ0FBQztnQkFDTixLQUFLLElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztvQkFDM0QsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDbEIsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUEsaUJBQWlCLEdBQUcsR0FBRyxFQUFFO1FBQ3hCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2YsTUFBTSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUM5QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxRQUFRLENBQUM7WUFDOUYsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNILENBQUMsQ0FBQztJQUVGLFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzFELENBQUM7SUFDSCxDQUFDO3dHQWhFVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiw0RkFFUCxnQkFBZ0IsaUhDYnRDLDRtQkFvQkE7OzRGRFRhLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLGNBRVIsSUFBSSxRQUNWO3dCQUNKLEtBQUssRUFBRSxXQUFXO3FCQUNuQjs4QkFJdUMsU0FBUztzQkFBaEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSW5wdXQsIGJvb2xlYW5BdHRyaWJ1dGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tIFwiQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC1yYW5nZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYW5nZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2lkcy1yYW5nZScsXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgSURSYW5nZUNvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2UgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgc2hvd1RpY2tzOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGludGVydmFsOiBudW1iZXIgPSAwO1xuXG4gIGdldCBtaW4oKSB7XG4gICAgcmV0dXJuIE51bWJlcih0aGlzLmlucHV0Lm1pbik7XG4gIH1cblxuICBnZXQgbWF4KCkge1xuICAgIHJldHVybiBOdW1iZXIodGhpcy5pbnB1dC5tYXgpO1xuICB9XG5cbiAgZ2V0IHN0ZXAoKSB7XG4gICAgcmV0dXJuIE51bWJlcih0aGlzLmlucHV0LnN0ZXApO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJDb250ZW50SW5pdCgpO1xuICAgIHRoaXMuaW5wdXQuYWRkRXZlbnRMaXN0ZW5lcignaW5wdXQnLCB0aGlzLmhhbmRsZUlucHV0Q2hhbmdlKTtcbiAgICB0aGlzLmhhbmRsZUlucHV0Q2hhbmdlKCk7XG4gICAgdGhpcy5saXN0ZW5Ub0lucHV0QXR0ckNoYW5nZXMoKTtcbiAgfVxuXG4gIGxpc3RlblRvSW5wdXRBdHRyQ2hhbmdlcygpIHtcbiAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHtcbiAgICAgIHRoaXMuc2V0dXBWYWx1ZXMoKTtcbiAgICAgIHRoaXMuaGFuZGxlSW5wdXRDaGFuZ2UoKTtcbiAgICB9KTtcbiAgICBvYnNlcnZlci5vYnNlcnZlKHRoaXMuaW5wdXQsIHtcbiAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFtcIm1pblwiLCBcIm1heFwiLCBcImRpc2FibGVkXCJdXG4gICAgfSk7XG4gIH1cblxuICBnZXQgdGlja3MoKSB7XG4gICAgY29uc3QgdGlja3MgPSBbXVxuICAgIGlmICh0aGlzLnN0ZXAgPiAwKSB7XG4gICAgICBpZiAodGhpcy5pbnRlcnZhbCA+IDApIHtcbiAgICAgICAgZm9yIChsZXQgdmFsID0gdGhpcy5taW47IHZhbCA8PSB0aGlzLm1heDsgdmFsICs9IHRoaXMuaW50ZXJ2YWwpIHtcbiAgICAgICAgICB0aWNrcy5wdXNoKHZhbCk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZvciAobGV0IHZhbCA9IHRoaXMubWluOyB2YWwgPD0gdGhpcy5tYXg7IHZhbCArPSB0aGlzLnN0ZXApIHtcbiAgICAgICAgICB0aWNrcy5wdXNoKHZhbCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRpY2tzO1xuICB9XG5cbiAgIGhhbmRsZUlucHV0Q2hhbmdlID0gKCkgPT4ge1xuICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICBjb25zdCB2YWwgPSArdGhpcy5pbnB1dC52YWx1ZTtcbiAgICAgIHRoaXMuaW5wdXQuc3R5bGUuYmFja2dyb3VuZFNpemUgPSAoKHZhbCAtIHRoaXMubWluKSAqIDEwMCkgLyAodGhpcy5tYXggLSB0aGlzLm1pbikgKyBcIiUgMTAwJVwiO1xuICAgICAgdGhpcy5pbnB1dC5zZXRBdHRyaWJ1dGUoXCJhcmlhLXZhbHVlbm93XCIsIHRoaXMuaW5wdXQudmFsdWUpO1xuICAgIH1cbiAgfTtcblxuICBzZXR1cFZhbHVlcygpOnZvaWQge1xuICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICB0aGlzLmlucHV0LnNldEF0dHJpYnV0ZShcImFyaWEtdmFsdWVtaW5cIiwgXCJcIiArIHRoaXMubWluKTtcbiAgICAgIHRoaXMuaW5wdXQuc2V0QXR0cmlidXRlKFwiYXJpYS12YWx1ZW1heFwiLCBcIlwiICsgdGhpcy5tYXgpO1xuICAgIH1cbiAgfVxuICAgIFxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiaWRzLXJhbmdlXCI+XG4gIDxkaXYgY2xhc3M9XCJpZHMtbGFiZWwtd3JhcHBlciBpZHMtbGFiZWwtd3JhcHBlci0tbWFyZ2luLWJvdHRvbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzcGFuIGNsYXNzPVwiaWRzLWxhYmVsX190b29sdGlwXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpZC10b29sdGlwXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtcG9wb3ZlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIEBpZiAodGhpcy5zaG93VGlja3MpIHtcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImlkcy1yYW5nZS10aWNrc1wiXG4gICAgICBbY2xhc3MuaWRzLXJhbmdlLXRpY2tzLS1kaXNhYmxlZF09XCJpbnB1dC5kaXNhYmxlZFwiXG4gICAgPlxuICAgICAgQGZvciAodGljayBvZiB0aWNrczsgdHJhY2sgdGljaykge1xuICAgICAgICA8c3BhbiBjbGFzcz1cImlkcy1yYW5nZS10aWNrXCI+e3sgdGljayB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

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

@@ -1,3 +1,2 @@
 export { IDSelectComponent } from './select.component';
-export { IDSelectModule } from './select.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRFNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFNlbGVjdE1vZHVsZSB9IGZyb20gJy4vc2VsZWN0Lm1vZHVsZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QuY29tcG9uZW50JztcbiJdfQ==

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

@@ -1,12 +1,16 @@
-import { Component, ViewEncapsulation } from "@angular/core";
-import { IDFormBase } from "@inera/ids-angular/common";
+import { Component } from '@angular/core';
+import { IDFormBase } from '@inera/ids-angular/common';
 import * as i0 from "@angular/core";
 export class IDSelectComponent extends IDFormBase {
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this.input.classList.add('ids-select__select');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSelectComponent, selector: "id-select", usesInheritance: true, ngImport: i0, template: "<ids-select\n  [invalid]=\"invalid\"\n  [srof]=\"srof\"\n  [attr.light]=\"light ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-select>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSelectComponent, isStandalone: true, selector: "id-select", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-select\">\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-select__wrapper\">\n    <ng-content select=\"select\"></ng-content>\n  </div>\n</div>\n" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-select", encapsulation: ViewEncapsulation.None, template: "<ids-select\n  [invalid]=\"invalid\"\n  [srof]=\"srof\"\n  [attr.light]=\"light ? true : null\"\n  [attr.novalidation]=\"novalidation ? true : null\"\n  (onValid)=\"emitOnValid($event)\"\n  (onInvalid)=\"emitOnInvalid($event)\">\n  <ng-content></ng-content>\n</ids-select>\n" }]
+            args: [{ selector: 'id-select', standalone: true, template: "<div class=\"ids-select\">\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-select__wrapper\">\n    <ng-content select=\"select\"></ng-content>\n  </div>\n</div>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU92RCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsVUFBVTt3R0FBcEMsaUJBQWlCOzRGQUFqQixpQkFBaUIsd0VDUjlCLG9SQVNBOzs0RkREYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFFTixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSURGb3JtQmFzZSB9IGZyb20gXCJAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC1zZWxlY3RcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9zZWxlY3QuY29tcG9uZW50Lmh0bWxcIixcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBJRFNlbGVjdENvbXBvbmVudCBleHRlbmRzIElERm9ybUJhc2Uge31cbiIsIjxpZHMtc2VsZWN0XG4gIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICBbc3JvZl09XCJzcm9mXCJcbiAgW2F0dHIubGlnaHRdPVwibGlnaHQgPyB0cnVlIDogbnVsbFwiXG4gIFthdHRyLm5vdmFsaWRhdGlvbl09XCJub3ZhbGlkYXRpb24gPyB0cnVlIDogbnVsbFwiXG4gIChvblZhbGlkKT1cImVtaXRPblZhbGlkKCRldmVudClcIlxuICAob25JbnZhbGlkKT1cImVtaXRPbkludmFsaWQoJGV2ZW50KVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2lkcy1zZWxlY3Q+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFVBQVU7SUFFL0Msa0JBQWtCO1FBQ2hCLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ2pELENBQUM7d0dBTFUsaUJBQWlCOzRGQUFqQixpQkFBaUIsNEZDUjlCLDRhQVlBOzs0RkRKYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyxjQUVULElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElERm9ybUJhc2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIElEU2VsZWN0Q29tcG9uZW50IGV4dGVuZHMgSURGb3JtQmFzZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ0FmdGVyQ29udGVudEluaXQoKTtcbiAgICB0aGlzLmlucHV0LmNsYXNzTGlzdC5hZGQoJ2lkcy1zZWxlY3RfX3NlbGVjdCcpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaWRzLXNlbGVjdFwiPlxuICA8ZGl2IGNsYXNzPVwiaWRzLWxhYmVsLXdyYXBwZXIgaWRzLWxhYmVsLXdyYXBwZXItLW1hcmdpbi1ib3R0b21cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJsYWJlbFwiPjwvbmctY29udGVudD5cbiAgICA8c3BhbiBjbGFzcz1cImlkcy1sYWJlbF9fdG9vbHRpcFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaWQtdG9vbHRpcFwiPjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlkLXBvcG92ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImlkcy1zZWxlY3RfX3dyYXBwZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzZWxlY3RcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/form/select-multiple/public-api.mjs

@@ -1,3 +1,2 @@
 export { IDSelectMultipleComponent } from './select-multiple.component';
-export { IDSelectMultipleModule } from './select-multiple.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEU2VsZWN0TXVsdGlwbGVDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgSURTZWxlY3RNdWx0aXBsZU1vZHVsZSB9IGZyb20gJy4vc2VsZWN0LW11bHRpcGxlLm1vZHVsZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QtbXVsdGlwbGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEU2VsZWN0TXVsdGlwbGVDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQnO1xuIl19