@inera/ids-angular 9.0.1 → 9.1.0

package/fesm2022/inera-ids-angular-components-form-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-input.mjs","sources":["../../../projects/ids-angular/components/form/input/input-hint.component.ts","../../../projects/ids-angular/components/form/input/input.component.ts","../../../projects/ids-angular/components/form/input/input.component.html","../../../projects/ids-angular/components/form/input/input-icon.component.ts","../../../projects/ids-angular/components/form/input/inera-ids-angular-components-form-input.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-input-hint\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-input__hint'\n  }\n})\nexport class IDInputHintComponent {\n\n}\n","import {\n  AfterContentInit,\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { IDFormBase } from '@inera/ids-angular/common';\nimport { IDInputHintComponent } from './input-hint.component';\n\n@Component({\n  selector: 'id-input',\n  templateUrl: './input.component.html',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  },\n})\nexport class IDInputComponent extends IDFormBase implements AfterContentInit {\n  private elementRef = inject(ElementRef);\n\n  @ContentChild(IDInputHintComponent)\n  hintComponent: IDInputHintComponent | undefined;\n\n  @Input({ transform: booleanAttribute }) showSearchLabel: boolean = false;\n\n  @Input({ transform: booleanAttribute }) search: boolean = false;\n\n  get hostClasses(): string {\n    const hostEl = this.elementRef.nativeElement as HTMLElement;\n    const existing = hostEl.getAttribute('class')?.split(/\\s+/) ?? [];\n    const hostClass = 'ids-input';\n    const hostClasses: string[] = [hostClass];\n\n    if (this.search) {\n      hostClasses.push(`${hostClass}--search`);\n    }\n\n    return Array.from(new Set([...existing, ...hostClasses])).join(' ');\n  }\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.renderer.addClass(this.input, 'ids-input__input');\n  }\n}\n","<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","import { Component, HostBinding, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-input-icon\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n})\nexport class IDInputIconComponent {\n\n  @Input() name?: string;\n\n  @HostBinding()\n  get class () {\n    return ['ids-input__icon', 'ids-icon-' + this.name].join(\" \");\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-form-input.mjs","sources":["../../../projects/ids-angular/components/form/input/input-hint.component.ts","../../../projects/ids-angular/components/form/input/input-unit.component.ts","../../../projects/ids-angular/components/form/input/input.component.ts","../../../projects/ids-angular/components/form/input/input.component.html","../../../projects/ids-angular/components/form/input/input-icon.component.ts","../../../projects/ids-angular/components/form/input/inera-ids-angular-components-form-input.ts"],"sourcesContent":["import { Component, ElementRef, inject, OnInit } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-input-hint',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-input__hint',\n    '[id]': 'id',\n  },\n})\nexport class IDInputHintComponent {\n  readonly id = inject(IDUseIdService).generateId('hint');\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-input-unit',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-input__unit',\n    'aria-hidden': 'true',\n  },\n})\nexport class IDInputUnitComponent {}\n","import {\n  AfterContentInit,\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  OnInit,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { IDFormBase } from '@inera/ids-angular/common';\nimport { IDInputHintComponent } from './input-hint.component';\nimport { IDInputUnitComponent } from './input-unit.component';\n\n@Component({\n  selector: 'id-input',\n  templateUrl: './input.component.html',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  },\n})\nexport class IDInputComponent extends IDFormBase implements OnInit, AfterContentInit {\n  private elementRef = inject(ElementRef);\n\n  @ContentChild(IDInputHintComponent)\n  hintComponent: IDInputHintComponent | undefined;\n\n  @ContentChild(IDInputUnitComponent)\n  unitComponent: IDInputUnitComponent | undefined;\n\n  @Input({ transform: booleanAttribute }) showSearchLabel: boolean = false;\n\n  @Input({ transform: booleanAttribute }) search: boolean = false;\n\n  private externalClasses: string[] = [];\n\n  ngOnInit(): void {\n    const hostEl = this.elementRef.nativeElement as HTMLElement;\n    this.externalClasses = (hostEl.getAttribute('class') ?? '').split(/\\s+/).filter(Boolean);\n  }\n\n  get hostClasses(): string {\n    const hostClass = 'ids-input';\n    const classes = new Set([...this.externalClasses, hostClass]);\n    if (this.search) {\n      classes.add(`${hostClass}--search`);\n    }\n    return Array.from(classes).join(' ');\n  }\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.renderer.addClass(this.input, 'ids-input__input');\n  }\n}\n","<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__unit-wrapper\">\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-unit\"></ng-content>\n  </div>\n\n  <ng-content select=\"id-input-hint\"></ng-content>\n\n  <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n","import { Component, HostBinding, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-input-icon\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n})\nexport class IDInputIconComponent {\n\n  @Input() name?: string;\n\n  @HostBinding()\n  get class () {\n    return ['ids-input__icon', 'ids-icon-' + this.name].join(\" \");\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-form-radio-button.mjs

@@ -30,12 +30,12 @@ class IDRadioButtonGroupComponent extends IDFormBase {
             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: "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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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 ids-form-group__fieldset--compact\">\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioButtonGroupComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ selector: "id-radio-button-group", standalone: true, template: "<div class=\"ids-form-group__fieldset ids-form-group__fieldset--compact\">\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]
@@ -55,10 +55,10 @@ class IDRadioButtonComponent extends IDFormBase {
             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, 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>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-radio-button", standalone: true, template: "<div class=\"ids-radio-button\">\n  <ng-content></ng-content>\n</div>" }]
         }], propDecorators: { icon: [{

package/fesm2022/inera-ids-angular-components-form-radio-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-radio-button.mjs","sources":["../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.html","../../../projects/ids-angular/components/form/radio-button/radio-button.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button.component.html","../../../projects/ids-angular/components/form/radio-button/inera-ids-angular-components-form-radio-button.ts"],"sourcesContent":["import { Component, ContentChildren, Input, QueryList } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\nimport { IDRadioComponent } from \"@inera/ids-angular/components/form/radio\";\n\n@Component({\n  selector: \"id-radio-button-group\",\n  templateUrl: \"./radio-button-group.component.html\",\n  standalone: true\n})\nexport class IDRadioButtonGroupComponent extends IDFormBase {\n\n  @ContentChildren(IDRadioComponent)\n  radios: QueryList<IDRadioComponent>;\n\n  @Input() name?: string;\n  @Input() legend?: string;\n\n  ngAfterContentInit(): void {\n    this.radios.forEach((radio) => {\n      radio.invalidChange.subscribe((value: boolean) => {\n        this.checkShowErrorMessage();\n      });\n    });\n    this.checkShowErrorMessage();\n    this.setupNames();\n  }\n\n  setupNames() {\n    if(this.name) {\n      const inputs = this.host.nativeElement.querySelectorAll('input')\n      inputs?.forEach((input: HTMLInputElement) => {\n        this.renderer.setAttribute(input, 'name', this.name!);\n      })\n    }\n  }\n\n  checkShowErrorMessage() {\n    if(this.errorMessage) {\n      const isInvalidPresent = this.radios.find((radio) => radio.invalid);\n      this.errorMessage.show = Boolean(isInvalidPresent);\n    }\n  }\n}\n","<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","import { AfterContentInit, Component, Input } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-radio-button\",\n  templateUrl: \"./radio-button.component.html\",\n  standalone: true\n})\nexport class IDRadioButtonComponent extends IDFormBase implements AfterContentInit {\n\n  @Input() icon?: string;\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.input.classList.add('ids-radio-button__input');\n    this.label.classList.add('ids-radio-button__label');\n    if(this.icon) {\n      this.label.classList.add(`ids-icon-${this.icon}`);\n    }\n  }\n}\n","<div class=\"ids-radio-button\">\n  <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-form-radio-button.mjs","sources":["../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.html","../../../projects/ids-angular/components/form/radio-button/radio-button.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button.component.html","../../../projects/ids-angular/components/form/radio-button/inera-ids-angular-components-form-radio-button.ts"],"sourcesContent":["import { Component, ContentChildren, Input, QueryList } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\nimport { IDRadioComponent } from \"@inera/ids-angular/components/form/radio\";\n\n@Component({\n  selector: \"id-radio-button-group\",\n  templateUrl: \"./radio-button-group.component.html\",\n  standalone: true\n})\nexport class IDRadioButtonGroupComponent extends IDFormBase {\n\n  @ContentChildren(IDRadioComponent)\n  radios: QueryList<IDRadioComponent>;\n\n  @Input() name?: string;\n  @Input() legend?: string;\n\n  ngAfterContentInit(): void {\n    this.radios.forEach((radio) => {\n      radio.invalidChange.subscribe((value: boolean) => {\n        this.checkShowErrorMessage();\n      });\n    });\n    this.checkShowErrorMessage();\n    this.setupNames();\n  }\n\n  setupNames() {\n    if(this.name) {\n      const inputs = this.host.nativeElement.querySelectorAll('input')\n      inputs?.forEach((input: HTMLInputElement) => {\n        this.renderer.setAttribute(input, 'name', this.name!);\n      })\n    }\n  }\n\n  checkShowErrorMessage() {\n    if(this.errorMessage) {\n      const isInvalidPresent = this.radios.find((radio) => radio.invalid);\n      this.errorMessage.show = Boolean(isInvalidPresent);\n    }\n  }\n}\n","<div class=\"ids-form-group__fieldset ids-form-group__fieldset--compact\">\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","import { AfterContentInit, Component, Input } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-radio-button\",\n  templateUrl: \"./radio-button.component.html\",\n  standalone: true\n})\nexport class IDRadioButtonComponent extends IDFormBase implements AfterContentInit {\n\n  @Input() icon?: string;\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.input.classList.add('ids-radio-button__input');\n    this.label.classList.add('ids-radio-button__label');\n    if(this.icon) {\n      this.label.classList.add(`ids-icon-${this.icon}`);\n    }\n  }\n}\n","<div class=\"ids-radio-button\">\n  <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-form-radio.mjs

@@ -17,10 +17,10 @@ class IDRadioComponent extends IDFormBase {
     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, 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioComponent, decorators: [{
             type: Component,
             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" }]
         }] });
@@ -56,10 +56,10 @@ class IDRadioGroupComponent {
             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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRadioGroupComponent, decorators: [{
             type: Component,
             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: [{

package/fesm2022/inera-ids-angular-components-form-range.mjs

@@ -59,10 +59,10 @@ class IDRangeComponent extends IDFormBase {
             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: "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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-range', standalone: true, host: {
                         class: 'ids-range',

package/fesm2022/inera-ids-angular-components-form-select-multiple.mjs

@@ -1,16 +1,28 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, ElementRef, DestroyRef, booleanAttribute, ContentChildren, Output, Input, Component } from '@angular/core';
+import { inject, ElementRef, EventEmitter, booleanAttribute, ContentChildren, Output, Input, HostListener, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { IDFormBase, IDClickOutsideDirective } from '@inera/ids-angular/common';
 import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
 
 class IDSelectMultipleComponent extends IDFormBase {
+    elementRef = inject(ElementRef);
+    onEsc(event) {
+        if (this.isDropdownVisible) {
+            this.hideDropdown();
+            setTimeout(() => {
+                const trigger = this.elementRef.nativeElement.querySelector('.ids-select-multiple__select');
+                if (trigger) {
+                    trigger.focus();
+                }
+            }, 0);
+        }
+    }
     placeholder;
     maxheight;
     labelText;
     selectedLabel = 'vald';
     multiSelectedLabel = 'valda';
-    maxHeight = '8.125rem';
+    maxHeight = '';
     disabled = false;
     ariaDisabled = false;
     opened = new EventEmitter();
@@ -28,7 +40,6 @@ class IDSelectMultipleComponent extends IDFormBase {
         return `${this.selectedValues} ${label}`;
     }
     host = inject(ElementRef);
-    destroyRef = inject(DestroyRef);
     toggleVisibility() {
         this.isDropdownVisible ? this.hideDropdown() : this.showDropdown();
     }
@@ -51,7 +62,9 @@ class IDSelectMultipleComponent extends IDFormBase {
             checkbox.addEventListener('change', this.setDisplayValues);
         });
         this.checkboxComponents.forEach((checkbox) => {
-            checkbox.invalidChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+            checkbox.invalidChange
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe((value) => {
                 this.checkShowErrorMessage();
             });
         });
@@ -66,13 +79,16 @@ class IDSelectMultipleComponent extends IDFormBase {
     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: "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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", 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" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, queries: [{ propertyName: "checkboxComponents", predicate: IDCheckboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ids-select-multiple\"\n  idClickOutside\n  (idClickOutside)=\"handleClickOutside()\"\n>\n  <div class=\"ids-select-multiple-label-wrapper ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <label\n      id=\"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    <button\n      (click)=\"toggleVisibility()\"\n      type=\"button\"\n      aria-labelledby=\"expanded-default\"\n      aria-haspopup=\"dialog\"\n      aria-controls=\"dropdown-wrapper\"\n      [attr.aria-expanded]=\"isDropdownVisible\"\n      [attr.aria-disabled]=\"disabled || ariaDisabled\"\n      [attr.aria-invalid]=\"invalid\"\n      class=\"ids-select-multiple__select\"\n      [disabled]=\"disabled\"\n    >\n      {{ displayValue }}\n    </button>\n  </div>\n  <div\n    class=\"ids-select-multiple__dropdown-wrapper\"\n    id=\"dropdown-wrapper\"\n  >\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>\n", dependencies: [{ kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSelectMultipleComponent, decorators: [{
             type: Component,
-            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: [{
+            args: [{ selector: 'id-select-multiple', imports: [IDClickOutsideDirective], standalone: true, template: "<div\n  class=\"ids-select-multiple\"\n  idClickOutside\n  (idClickOutside)=\"handleClickOutside()\"\n>\n  <div class=\"ids-select-multiple-label-wrapper ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <label\n      id=\"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    <button\n      (click)=\"toggleVisibility()\"\n      type=\"button\"\n      aria-labelledby=\"expanded-default\"\n      aria-haspopup=\"dialog\"\n      aria-controls=\"dropdown-wrapper\"\n      [attr.aria-expanded]=\"isDropdownVisible\"\n      [attr.aria-disabled]=\"disabled || ariaDisabled\"\n      [attr.aria-invalid]=\"invalid\"\n      class=\"ids-select-multiple__select\"\n      [disabled]=\"disabled\"\n    >\n      {{ displayValue }}\n    </button>\n  </div>\n  <div\n    class=\"ids-select-multiple__dropdown-wrapper\"\n    id=\"dropdown-wrapper\"\n  >\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>\n" }]
+        }], propDecorators: { onEsc: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }], placeholder: [{
                 type: Input
             }], maxheight: [{
                 type: Input

package/fesm2022/inera-ids-angular-components-form-select-multiple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-select-multiple.mjs","sources":["../../../projects/ids-angular/components/form/select-multiple/select-multiple.component.ts","../../../projects/ids-angular/components/form/select-multiple/select-multiple.component.html","../../../projects/ids-angular/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDClickOutsideDirective, IDFormBase } from '@inera/ids-angular/common';\nimport { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';\n\n@Component({\n  selector: 'id-select-multiple',\n  templateUrl: './select-multiple.component.html',\n  imports: [IDClickOutsideDirective],\n  standalone: true,\n})\nexport class IDSelectMultipleComponent extends IDFormBase implements AfterContentInit {\n  @Input() placeholder?: string;\n  @Input() maxheight?: string;\n  @Input() labelText?: string;\n  @Input() selectedLabel = 'vald';\n  @Input() multiSelectedLabel = 'valda';\n  @Input() maxHeight = '8.125rem';\n  @Input({ transform: booleanAttribute }) disabled = false;\n  @Input({ transform: booleanAttribute }) ariaDisabled = false;\n\n  @Output() opened = new EventEmitter();\n  @Output() closed = new EventEmitter();\n\n  isDropdownVisible = false;\n  selectedValues = 0;\n\n  get checkboxes(): HTMLInputElement[] {\n    return this.host.nativeElement.querySelectorAll('input');\n  }\n\n  @ContentChildren(IDCheckboxComponent, {descendants: true})\n  checkboxComponents: QueryList<IDCheckboxComponent>;\n\n  get displayValue(): string {\n    if (this.selectedValues === 0) return this.placeholder || '';\n    const label = this.selectedValues > 1 ? this.multiSelectedLabel : this.selectedLabel;\n    return `${this.selectedValues} ${label}`;\n  }\n\n  host = inject(ElementRef);\n  private destroyRef = inject(DestroyRef);\n\n  toggleVisibility() {\n    this.isDropdownVisible ? this.hideDropdown() : this.showDropdown();\n  }\n\n  handleClickOutside() {\n    if(this.isDropdownVisible) {\n      this.hideDropdown();\n    }\n  }\n\n  hideDropdown() {\n    this.closed.emit();\n    this.isDropdownVisible = false;\n  }\n\n  showDropdown() {\n    this.opened.emit();\n    this.isDropdownVisible = true;\n  }\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.checkboxes.forEach((checkbox) => {\n      checkbox.addEventListener('change', this.setDisplayValues);\n    });\n\n    this.checkboxComponents.forEach((checkbox) => {\n      checkbox.invalidChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value: boolean) => {\n        this.checkShowErrorMessage();\n      });\n    });\n    this.checkShowErrorMessage();\n  }\n\n  checkShowErrorMessage() {\n    if (this.errorMessage) {\n      const isInvalidPresent = this.checkboxComponents.find((checkbox) => checkbox.invalid);\n      this.invalid = Boolean(isInvalidPresent);\n    }\n  }\n\n  setDisplayValues = () => {\n    this.selectedValues = Array.from(this.checkboxes).filter((checkbox) => checkbox.checked).length;\n  };\n}\n","<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>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-form-select-multiple.mjs","sources":["../../../projects/ids-angular/components/form/select-multiple/select-multiple.component.ts","../../../projects/ids-angular/components/form/select-multiple/select-multiple.component.html","../../../projects/ids-angular/components/form/select-multiple/inera-ids-angular-components-form-select-multiple.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  booleanAttribute,\n  inject,\n  HostListener,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDClickOutsideDirective, IDFormBase } from '@inera/ids-angular/common';\nimport { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';\n\n@Component({\n  selector: 'id-select-multiple',\n  templateUrl: './select-multiple.component.html',\n  imports: [IDClickOutsideDirective],\n  standalone: true,\n})\nexport class IDSelectMultipleComponent extends IDFormBase implements AfterContentInit {\n  elementRef = inject(ElementRef);\n\n  @HostListener('document:keydown.escape', ['$event'])\n  onEsc(event: Event) {\n    if (this.isDropdownVisible) {\n      this.hideDropdown();\n      setTimeout(() => {\n        const trigger = this.elementRef.nativeElement.querySelector('.ids-select-multiple__select');\n        if (trigger) {\n          trigger.focus();\n        }\n      }, 0);\n    }\n  }\n\n  @Input() placeholder?: string;\n  @Input() maxheight?: string;\n  @Input() labelText?: string;\n  @Input() selectedLabel = 'vald';\n  @Input() multiSelectedLabel = 'valda';\n  @Input() maxHeight = '';\n  @Input({ transform: booleanAttribute }) disabled = false;\n  @Input({ transform: booleanAttribute }) ariaDisabled = false;\n\n  @Output() opened = new EventEmitter();\n  @Output() closed = new EventEmitter();\n\n  isDropdownVisible = false;\n  selectedValues = 0;\n\n  get checkboxes(): HTMLInputElement[] {\n    return this.host.nativeElement.querySelectorAll('input');\n  }\n\n  @ContentChildren(IDCheckboxComponent, { descendants: true })\n  checkboxComponents: QueryList<IDCheckboxComponent>;\n\n  get displayValue(): string {\n    if (this.selectedValues === 0) return this.placeholder || '';\n    const label = this.selectedValues > 1 ? this.multiSelectedLabel : this.selectedLabel;\n    return `${this.selectedValues} ${label}`;\n  }\n\n  host = inject(ElementRef);\n\n  toggleVisibility() {\n    this.isDropdownVisible ? this.hideDropdown() : this.showDropdown();\n  }\n\n  handleClickOutside() {\n    if (this.isDropdownVisible) {\n      this.hideDropdown();\n    }\n  }\n\n  hideDropdown() {\n    this.closed.emit();\n    this.isDropdownVisible = false;\n  }\n\n  showDropdown() {\n    this.opened.emit();\n    this.isDropdownVisible = true;\n  }\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.checkboxes.forEach((checkbox) => {\n      checkbox.addEventListener('change', this.setDisplayValues);\n    });\n\n    this.checkboxComponents.forEach((checkbox) => {\n      checkbox.invalidChange\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe((value: boolean) => {\n          this.checkShowErrorMessage();\n        });\n    });\n    this.checkShowErrorMessage();\n  }\n\n  checkShowErrorMessage() {\n    if (this.errorMessage) {\n      const isInvalidPresent = this.checkboxComponents.find((checkbox) => checkbox.invalid);\n      this.invalid = Boolean(isInvalidPresent);\n    }\n  }\n\n  setDisplayValues = () => {\n    this.selectedValues = Array.from(this.checkboxes).filter((checkbox) => checkbox.checked).length;\n  };\n}\n","<div\n  class=\"ids-select-multiple\"\n  idClickOutside\n  (idClickOutside)=\"handleClickOutside()\"\n>\n  <div class=\"ids-select-multiple-label-wrapper ids-label-wrapper ids-label-wrapper--margin-bottom\">\n    <label\n      id=\"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    <button\n      (click)=\"toggleVisibility()\"\n      type=\"button\"\n      aria-labelledby=\"expanded-default\"\n      aria-haspopup=\"dialog\"\n      aria-controls=\"dropdown-wrapper\"\n      [attr.aria-expanded]=\"isDropdownVisible\"\n      [attr.aria-disabled]=\"disabled || ariaDisabled\"\n      [attr.aria-invalid]=\"invalid\"\n      class=\"ids-select-multiple__select\"\n      [disabled]=\"disabled\"\n    >\n      {{ displayValue }}\n    </button>\n  </div>\n  <div\n    class=\"ids-select-multiple__dropdown-wrapper\"\n    id=\"dropdown-wrapper\"\n  >\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>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-form-select.mjs

@@ -7,10 +7,10 @@ class IDSelectComponent extends IDFormBase {
         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, 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSelectComponent, decorators: [{
             type: Component,
             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" }]
         }] });

package/fesm2022/inera-ids-angular-components-form-spinner.mjs

@@ -9,10 +9,10 @@ class IDSpinnerComponent {
     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, 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-spinner', imports: [CommonModule], standalone: true, host: {
                         '[class]': 'hostClass',

package/fesm2022/inera-ids-angular-components-form-textarea.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, booleanAttribute, Input, Component } from '@angular/core';
-import { IDFormBase } from '@inera/ids-angular/common';
+import { inject, ElementRef, booleanAttribute, Input, Component, Renderer2 } from '@angular/core';
+import { IDFormBase, IDUseIdService } from '@inera/ids-angular/common';
 
 class IDTextareaComponent extends IDFormBase {
     block = false;
@@ -35,10 +35,10 @@ class IDTextareaComponent extends IDFormBase {
             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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-textarea', standalone: true, host: {
                         class: 'ids-textarea',
@@ -54,10 +54,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 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 });
+    id = inject(IDUseIdService).generateId('hint');
+    el = inject((ElementRef));
+    renderer = inject(Renderer2);
+    ngOnInit() {
+        this.renderer.setAttribute(this.el.nativeElement, 'id', this.id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTextareaHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTextareaHintComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-textarea-hint",

package/fesm2022/inera-ids-angular-components-form-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-form-textarea.mjs","sources":["../../../projects/ids-angular/components/form/textarea/textarea.component.ts","../../../projects/ids-angular/components/form/textarea/textarea.component.html","../../../projects/ids-angular/components/form/textarea/textarea-hint.component.ts","../../../projects/ids-angular/components/form/textarea/inera-ids-angular-components-form-textarea.ts"],"sourcesContent":["import { AfterContentInit, Component, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: 'id-textarea',\n  templateUrl: \"./textarea.component.html\",\n  standalone: true,\n  host: {\n    class: 'ids-textarea',\n    '[class.ids-textarea--block]': 'block',\n    '[class.ids-textarea--autosize]': 'autoSize',\n  }\n})\nexport class IDTextareaComponent extends IDFormBase implements AfterContentInit {\n\n  @Input({ transform: booleanAttribute }) block: boolean = false;\n  @Input({ transform: booleanAttribute }) autoSize: boolean = false;\n\n  host = inject(ElementRef);\n\n  private autosizeInput?: () => void;\n  private autosizeViewport?: () => void;\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    if (this.autoSize) {\n      this.autosizeInput = this.renderer.listen(this.input, 'input', () => {\n        this.updateAutosize();\n      });\n      if (visualViewport) {\n        this.autosizeViewport = this.renderer.listen(visualViewport, 'resize', () => {\n          this.updateAutosize();\n        });\n      }\n      this.input.style.height = \"auto\";\n      setTimeout(() => {\n        this.updateAutosize();\n      },75)\n    }\n  }\n\n  ngOnDestroy() {\n    this.autosizeInput?.();\n    this.autosizeViewport?.();\n  }\n\n  updateAutosize() {\n    this.input.style.height = \"auto\";\n    if (this.input.scrollHeight > 70) {\n      this.input.style.height = this.input.scrollHeight + 24 + \"px\";\n    }\n  }\n\n}\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\n<ng-content></ng-content>\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-textarea-hint\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-input__hint'\n  }\n})\nexport class IDTextareaHintComponent {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-form-textarea.mjs","sources":["../../../projects/ids-angular/components/form/textarea/textarea.component.ts","../../../projects/ids-angular/components/form/textarea/textarea.component.html","../../../projects/ids-angular/components/form/textarea/textarea-hint.component.ts","../../../projects/ids-angular/components/form/textarea/inera-ids-angular-components-form-textarea.ts"],"sourcesContent":["import { AfterContentInit, Component, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: 'id-textarea',\n  templateUrl: \"./textarea.component.html\",\n  standalone: true,\n  host: {\n    class: 'ids-textarea',\n    '[class.ids-textarea--block]': 'block',\n    '[class.ids-textarea--autosize]': 'autoSize',\n  }\n})\nexport class IDTextareaComponent extends IDFormBase implements AfterContentInit {\n\n  @Input({ transform: booleanAttribute }) block: boolean = false;\n  @Input({ transform: booleanAttribute }) autoSize: boolean = false;\n\n  host = inject(ElementRef);\n\n  private autosizeInput?: () => void;\n  private autosizeViewport?: () => void;\n\n  ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    if (this.autoSize) {\n      this.autosizeInput = this.renderer.listen(this.input, 'input', () => {\n        this.updateAutosize();\n      });\n      if (visualViewport) {\n        this.autosizeViewport = this.renderer.listen(visualViewport, 'resize', () => {\n          this.updateAutosize();\n        });\n      }\n      this.input.style.height = \"auto\";\n      setTimeout(() => {\n        this.updateAutosize();\n      },75)\n    }\n  }\n\n  ngOnDestroy() {\n    this.autosizeInput?.();\n    this.autosizeViewport?.();\n  }\n\n  updateAutosize() {\n    this.input.style.height = \"auto\";\n    if (this.input.scrollHeight > 70) {\n      this.input.style.height = this.input.scrollHeight + 24 + \"px\";\n    }\n  }\n\n}\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\n<ng-content></ng-content>\n","import { Component, ElementRef, inject, OnInit, Renderer2 } from \"@angular/core\";\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: \"id-textarea-hint\",\n  template: \"<ng-content></ng-content>\",\n  standalone: true,\n  host: {\n    class: 'ids-input__hint'\n  }\n})\nexport class IDTextareaHintComponent implements OnInit {\n  readonly id = inject(IDUseIdService).generateId('hint');\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly renderer = inject(Renderer2);\n\n  ngOnInit() {\n    this.renderer.setAttribute(this.el.nativeElement, 'id', this.id);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-form-time.mjs

@@ -6,10 +6,10 @@ 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, 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDTimeComponent, decorators: [{
             type: Component,
             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" }]
         }] });

package/fesm2022/inera-ids-angular-components-form-toggle.mjs

@@ -3,10 +3,10 @@ import { Component } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
 
 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, 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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-toggle', standalone: true, host: {
                         class: 'ids-toggle'

package/fesm2022/inera-ids-angular-components-global-alert.mjs

@@ -5,15 +5,14 @@ import { CommonModule } from '@angular/common';
 import { IDUseIdService } from '@inera/ids-angular/common';
 
 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-global-alert-header',
@@ -23,21 +22,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       <ng-content></ng-content>
     </ng-template>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { template: [{
+        }], propDecorators: { template: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }] } });
 
 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-global-alert-actions',
@@ -47,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       <ng-content></ng-content>
     </ng-template>`
                 }]
-        }], ctorParameters: () => [], propDecorators: { template: [{
+        }], propDecorators: { template: [{
                 type: ViewChild,
                 args: [TemplateRef]
             }] } });
@@ -96,10 +94,10 @@ class IDGlobalAlertComponent {
             this.opened.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDGlobalAlertComponent, isStandalone: true, selector: "id-global-alert", inputs: { hideMobileIcon: ["hideMobileIcon", "hideMobileIcon", booleanAttribute], agent: ["agent", "agent", booleanAttribute], srExpandText: "srExpandText", srCollapseText: "srCollapseText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", closed: "closed", opened: "opened" }, host: { properties: { "attr.role": "hostRole", "class": "hostClasses" } }, queries: [{ propertyName: "header", first: true, predicate: IDGlobalAlertHeaderComponent, descendants: true }, { propertyName: "actions", first: true, predicate: IDGlobalAlertActionsComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button class=\"ids-global-alert__button\" [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\" [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\" (click)=\"toggleExpanded()\">\n      <div class=\"ids-global-alert__icon-headline\" [class.ids-global-alert__icon-headline--agent]=\"agent\">\n        @if (header) {\n        <div class=\"ids-global-alert__headline\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div [attr.id]=\"contentId\" class=\"ids-global-alert__content\" [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\">\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n    @if (actions) {\n      <div class=\"ids-global-alert__sub-content\">\n        <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n      </div>\n      }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDGlobalAlertComponent, isStandalone: true, selector: "id-global-alert", inputs: { hideMobileIcon: ["hideMobileIcon", "hideMobileIcon", booleanAttribute], agent: ["agent", "agent", booleanAttribute], srExpandText: "srExpandText", srCollapseText: "srCollapseText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", closed: "closed", opened: "opened" }, host: { properties: { "attr.role": "hostRole", "class": "hostClasses" } }, queries: [{ propertyName: "header", first: true, predicate: IDGlobalAlertHeaderComponent, descendants: true }, { propertyName: "actions", first: true, predicate: IDGlobalAlertActionsComponent, descendants: true }], ngImport: i0, template: "<div class=\"ids-global-alert__inner\">\n  <div class=\"ids-global-alert__header\">\n    <button class=\"ids-global-alert__button\" [class.ids-global-alert__button--expanded]=\"!collapsed\"\n      [attr.aria-label]=\"this.collapsed ? this.srExpandText : this.srCollapseText\" [attr.aria-controls]=\"contentId\"\n      [attr.aria-expanded]=\"!collapsed\" (click)=\"toggleExpanded()\">\n      <div class=\"ids-global-alert__icon-headline\" [class.ids-global-alert__icon-headline--agent]=\"agent\">\n        @if (header) {\n        <div class=\"ids-global-alert__headline\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </div>\n        }\n      </div>\n    </button>\n  </div>\n\n  <div [attr.id]=\"contentId\" class=\"ids-global-alert__content\" [attr.aria-hidden]=\"collapsed ? 'true' : 'false'\">\n    <ng-content select=\":not(id-global-alert-header):not(id-global-alert-actions)\"></ng-content>\n    @if (actions) {\n      <div class=\"ids-global-alert__sub-content\">\n        <ng-container *ngTemplateOutlet=\"actions.template\"></ng-container>\n      </div>\n      }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGlobalAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGlobalAlertComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-global-alert", imports: [CommonModule], standalone: true, host: {
                         '[attr.role]': 'hostRole',