@inera/ids-angular 9.0.2 → 9.1.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, booleanAttribute, Input, Component } from '@angular/core';
+import { inject, ElementRef, booleanAttribute, Input, Component, Renderer2 } from '@angular/core';
 import { IDFormBase, IDUseIdService } from '@inera/ids-angular/common';
 
 class IDTextareaComponent extends IDFormBase {
@@ -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',
@@ -56,13 +56,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class IDTextareaHintComponent {
     id = inject(IDUseIdService).generateId('hint');
     el = inject((ElementRef));
+    renderer = inject(Renderer2);
     ngOnInit() {
-        this.el.nativeElement.setAttribute('id', this.id);
+        this.renderer.setAttribute(this.el.nativeElement, 'id', this.id);
     }
-    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 });
+    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, ElementRef, inject, OnInit } 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\n  ngOnInit() {\n    this.el.nativeElement.setAttribute('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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"}
+{"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',

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-global-alert.mjs","sources":["../../../projects/ids-angular/components/global-alert/global-alert-header.component.ts","../../../projects/ids-angular/components/global-alert/global-alert-actions.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.html","../../../projects/ids-angular/components/global-alert/inera-ids-angular-components-global-alert.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-global-alert-header',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDGlobalAlertHeaderComponent {\n\n  constructor() { }\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-global-alert-actions',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDGlobalAlertActionsComponent {\n\n  constructor() { }\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute, inject } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { IDGlobalAlertHeaderComponent } from \"./global-alert-header.component\";\nimport { IDGlobalAlertActionsComponent } from \"./global-alert-actions.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-global-alert\",\n  templateUrl: \"./global-alert.component.html\",\n  imports: [CommonModule],\n  standalone: true,\n  host: {\n    '[attr.role]': 'hostRole',\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGlobalAlertComponent {\n\n  private useId = inject(IDUseIdService);\n  protected contentId = this.useId.generateId('global-alert');\n\n  @Input({ transform: booleanAttribute }) hideMobileIcon: boolean = false;\n  @Input({ transform: booleanAttribute }) agent: boolean = false;\n  @Input() srExpandText: string = \"Visa mer\";\n  @Input() srCollapseText: string = \"Visa mindre\";\n\n  private _collapsed: boolean = true;\n  @Input()\n  get collapsed(): boolean {\n    return this._collapsed;\n  }\n  set collapsed(value: boolean) {\n    if (this._collapsed !== value) {\n      this._collapsed = value;\n    }\n  }\n\n  @ContentChild(IDGlobalAlertHeaderComponent)\n  header: IDGlobalAlertHeaderComponent;\n\n  @ContentChild(IDGlobalAlertActionsComponent)\n  actions: IDGlobalAlertActionsComponent;\n\n  @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n  @Output() closed: EventEmitter<void> = new EventEmitter<void>();\n  @Output() opened: EventEmitter<void> = new EventEmitter<void>();\n\n  get hostRole(): string | null {\n    return !this.agent ? 'alert' : null;\n  }\n\n  get hostClasses(): string {\n    const classes = ['ids-global-alert'];\n\n    if (this.collapsed) classes.push('ids-global-alert--collapsed');\n    if (this.agent) classes.push('ids-global-alert--agent');\n    if (this.hideMobileIcon && !this.agent) classes.push('ids-global-alert--hide-icon-on-m');\n\n    return classes.join(' ');\n  }\n\n  toggleExpanded(): void {\n    this._collapsed = !this.collapsed;\n    this.collapsedChange.emit(this._collapsed);\n    if(this.collapsed) {\n      this.closed.emit();\n    } else {\n      this.opened.emit();\n    }\n  }\n}","<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>","/**\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-global-alert.mjs","sources":["../../../projects/ids-angular/components/global-alert/global-alert-header.component.ts","../../../projects/ids-angular/components/global-alert/global-alert-actions.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.ts","../../../projects/ids-angular/components/global-alert/global-alert.component.html","../../../projects/ids-angular/components/global-alert/inera-ids-angular-components-global-alert.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-global-alert-header',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDGlobalAlertHeaderComponent {\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-global-alert-actions',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDGlobalAlertActionsComponent {\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n\n}\n","import { Component, ContentChild, EventEmitter, Input, Output, booleanAttribute, inject } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { IDGlobalAlertHeaderComponent } from \"./global-alert-header.component\";\nimport { IDGlobalAlertActionsComponent } from \"./global-alert-actions.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-global-alert\",\n  templateUrl: \"./global-alert.component.html\",\n  imports: [CommonModule],\n  standalone: true,\n  host: {\n    '[attr.role]': 'hostRole',\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGlobalAlertComponent {\n\n  private useId = inject(IDUseIdService);\n  protected contentId = this.useId.generateId('global-alert');\n\n  @Input({ transform: booleanAttribute }) hideMobileIcon: boolean = false;\n  @Input({ transform: booleanAttribute }) agent: boolean = false;\n  @Input() srExpandText: string = \"Visa mer\";\n  @Input() srCollapseText: string = \"Visa mindre\";\n\n  private _collapsed: boolean = true;\n  @Input()\n  get collapsed(): boolean {\n    return this._collapsed;\n  }\n  set collapsed(value: boolean) {\n    if (this._collapsed !== value) {\n      this._collapsed = value;\n    }\n  }\n\n  @ContentChild(IDGlobalAlertHeaderComponent)\n  header: IDGlobalAlertHeaderComponent;\n\n  @ContentChild(IDGlobalAlertActionsComponent)\n  actions: IDGlobalAlertActionsComponent;\n\n  @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n  @Output() closed: EventEmitter<void> = new EventEmitter<void>();\n  @Output() opened: EventEmitter<void> = new EventEmitter<void>();\n\n  get hostRole(): string | null {\n    return !this.agent ? 'alert' : null;\n  }\n\n  get hostClasses(): string {\n    const classes = ['ids-global-alert'];\n\n    if (this.collapsed) classes.push('ids-global-alert--collapsed');\n    if (this.agent) classes.push('ids-global-alert--agent');\n    if (this.hideMobileIcon && !this.agent) classes.push('ids-global-alert--hide-icon-on-m');\n\n    return classes.join(' ');\n  }\n\n  toggleExpanded(): void {\n    this._collapsed = !this.collapsed;\n    this.collapsedChange.emit(this._collapsed);\n    if(this.collapsed) {\n      this.closed.emit();\n    } else {\n      this.opened.emit();\n    }\n  }\n}","<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>","/**\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-grid-column.mjs

@@ -31,10 +31,10 @@ class IDColumnComponent {
         add('align', this.align);
         return Array.from(new Set([...existing, ...colClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDColumnComponent, isStandalone: true, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDColumnComponent, isStandalone: true, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-col',

package/fesm2022/inera-ids-angular-components-grid-container.mjs

@@ -4,10 +4,10 @@ import { booleanAttribute, Input, Component } from '@angular/core';
 class IDContainerComponent {
     gutterless = false;
     rowGap = undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDContainerComponent, isStandalone: true, selector: "id-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], rowGap: "rowGap" }, host: { properties: { "class.ids-container--gutterless": "gutterless", "style.gap": "rowGap" }, classAttribute: "ids-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDContainerComponent, isStandalone: true, selector: "id-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], rowGap: "rowGap" }, host: { properties: { "class.ids-container--gutterless": "gutterless", "style.gap": "rowGap" }, classAttribute: "ids-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-container',

package/fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs

@@ -36,10 +36,10 @@ class IDGridColumnComponent {
         setHostClass('align', this.alignSelf);
         return colClasses.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-column',

package/fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs

@@ -6,10 +6,10 @@ class IDGridContainerComponent {
     width;
     maxWidth;
     rowGap;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-container',

package/fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs

@@ -22,10 +22,10 @@ class IDGridRowComponent {
         }
         return colClasses.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-row',

package/fesm2022/inera-ids-angular-components-grid-layout.mjs

@@ -36,10 +36,10 @@ class IDGridColumnComponent {
         setHostClass('align', this.alignSelf);
         return colClasses.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-column',
@@ -92,10 +92,10 @@ class IDGridRowComponent {
         }
         return colClasses.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-row',
@@ -117,10 +117,10 @@ class IDGridContainerComponent {
     width;
     maxWidth;
     rowGap;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDGridContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-grid-container',

package/fesm2022/inera-ids-angular-components-grid-row.mjs

@@ -20,10 +20,10 @@ class IDRowComponent {
         add('align', this.align);
         return Array.from(new Set([...existing, ...rowClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRowComponent, isStandalone: true, selector: "id-row", inputs: { align: "align", gap: "gap", justify: "justify" }, host: { properties: { "class": "hostClasses", "style.gap": "gap" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDRowComponent, isStandalone: true, selector: "id-row", inputs: { align: "align", gap: "gap", justify: "justify" }, host: { properties: { "class": "hostClasses", "style.gap": "gap" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-row',

package/fesm2022/inera-ids-angular-components-grid.mjs

@@ -31,10 +31,10 @@ class IDColumnComponent {
         add('align', this.align);
         return Array.from(new Set([...existing, ...colClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDColumnComponent, isStandalone: true, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDColumnComponent, isStandalone: true, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-col',
@@ -79,10 +79,10 @@ class IDRowComponent {
         add('align', this.align);
         return Array.from(new Set([...existing, ...rowClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDRowComponent, isStandalone: true, selector: "id-row", inputs: { align: "align", gap: "gap", justify: "justify" }, host: { properties: { "class": "hostClasses", "style.gap": "gap" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDRowComponent, isStandalone: true, selector: "id-row", inputs: { align: "align", gap: "gap", justify: "justify" }, host: { properties: { "class": "hostClasses", "style.gap": "gap" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-row',
@@ -104,10 +104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class IDContainerComponent {
     gutterless = false;
     rowGap = undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDContainerComponent, isStandalone: true, selector: "id-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], rowGap: "rowGap" }, host: { properties: { "class.ids-container--gutterless": "gutterless", "style.gap": "rowGap" }, classAttribute: "ids-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDContainerComponent, isStandalone: true, selector: "id-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], rowGap: "rowGap" }, host: { properties: { "class.ids-container--gutterless": "gutterless", "style.gap": "rowGap" }, classAttribute: "ids-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-container',