@inera/ids-angular 9.3.0 → 9.4.0

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

@@ -13,10 +13,10 @@ class IDPopoverCloseComponent {
     onClick = (e) => {
         this.clicked.emit(e);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverCloseComponent, isStandalone: true, selector: "id-popover-close", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverCloseComponent, isStandalone: true, selector: "id-popover-close", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverCloseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverCloseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-close',
@@ -72,8 +72,8 @@ class IDPopoverContentComponent {
     get hostClasses() {
         return `ids-popover-content ids-popover-content--${this.position}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDPopoverContentComponent, isStandalone: true, selector: "id-popover-content", inputs: { closeOnBlur: ["closeOnBlur", "closeOnBlur", booleanAttribute], maxHeight: "maxHeight", maxWidth: "maxWidth", srCloseText: "srCloseText" }, outputs: { contentClosed: "contentClosed" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClasses" }, styleAttribute: "display: none" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDPopoverContentComponent, isStandalone: true, selector: "id-popover-content", inputs: { closeOnBlur: ["closeOnBlur", "closeOnBlur", booleanAttribute], maxHeight: "maxHeight", maxWidth: "maxWidth", srCloseText: "srCloseText" }, outputs: { contentClosed: "contentClosed" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClasses" }, styleAttribute: "display: none" }, ngImport: i0, template: `
     <div
       [cdkTrapFocus]="true"
       idClickOutside
@@ -122,7 +122,7 @@ class IDPopoverContentComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-content',
@@ -401,15 +401,15 @@ class IDPopoverComponent {
             bottom: 'auto', right: 'auto', transform: 'none', zIndex: '9999',
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDPopoverComponent, isStandalone: true, selector: "id-popover", inputs: { position: "position", category: "category", show: ["show", "show", booleanAttribute] }, outputs: { showChange: "showChange", closed: "closed", opened: "opened" }, host: { classAttribute: "ids-popover" }, queries: [{ propertyName: "bodyComponent", first: true, predicate: IDPopoverContentComponent, descendants: true, isSignal: true }, { propertyName: "closeComponents", predicate: IDPopoverCloseComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDPopoverComponent, isStandalone: true, selector: "id-popover", inputs: { position: "position", category: "category", show: ["show", "show", booleanAttribute] }, outputs: { showChange: "showChange", closed: "closed", opened: "opened" }, host: { classAttribute: "ids-popover" }, queries: [{ propertyName: "bodyComponent", first: true, predicate: IDPopoverContentComponent, descendants: true, isSignal: true }, { propertyName: "closeComponents", predicate: IDPopoverCloseComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
     <span #triggerEl class="ids-popover-trigger" (click)="togglePopover($event)">
       <ng-content></ng-content>
     </span>
     <ng-content select="id-popover-content"></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover',
@@ -440,10 +440,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDPopoverHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverHeaderComponent, isStandalone: true, selector: "id-popover-header", host: { classAttribute: "ids-popover-content__headline" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverHeaderComponent, isStandalone: true, selector: "id-popover-header", host: { classAttribute: "ids-popover-content__headline" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-header',
@@ -456,10 +456,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPopoverTriggerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPopoverTriggerComponent, isStandalone: true, selector: "id-popover-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPopoverTriggerComponent, isStandalone: true, selector: "id-popover-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-popover-trigger',
@@ -469,8 +469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPopoverModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverComponent,
             IDPopoverHeaderComponent,
             IDPopoverContentComponent,
             IDPopoverTriggerComponent,
@@ -479,9 +479,9 @@ class IDPopoverModule {
             IDPopoverContentComponent,
             IDPopoverTriggerComponent,
             IDPopoverCloseComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverContentComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, imports: [IDPopoverContentComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -6,10 +6,10 @@ class IDProgressbarComponent {
     hideLabel = false;
     srLabel = "";
     label = "";
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDProgressbarComponent, isStandalone: true, selector: "id-progressbar", inputs: { value: "value", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], srLabel: "srLabel", label: "label" }, ngImport: i0, template: "<div class=\"ids-progressbar\">\n  @if(label && !hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.label}} {{this.value}}%</div> \n  } @else if(!hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.value}}%</div>\n  }\n  <div\n    class=\"ids-progressbar__bar\"\n    role=\"progressbar\"\n    [attr.aria-label]=\"srLabel\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-valuenow]=\"value\">\n    <div\n      [class.ids-progressbar__progress]=\"value > 0\"\n      [class.ids-progressbar__progress--none]=\"value == 0\"\n      [style.width]=\"'calc(' + value + '% + 0.125rem)'\"></div>\n  </div>\n</div>" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDProgressbarComponent, isStandalone: true, selector: "id-progressbar", inputs: { value: "value", hideLabel: ["hideLabel", "hideLabel", booleanAttribute], srLabel: "srLabel", label: "label" }, ngImport: i0, template: "<div class=\"ids-progressbar\">\n  @if(label && !hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.label}} {{this.value}}%</div> \n  } @else if(!hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.value}}%</div>\n  }\n  <div\n    class=\"ids-progressbar__bar\"\n    role=\"progressbar\"\n    [attr.aria-label]=\"srLabel\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-valuenow]=\"value\">\n    <div\n      [class.ids-progressbar__progress]=\"value > 0\"\n      [class.ids-progressbar__progress--none]=\"value == 0\"\n      [style.width]=\"'calc(' + value + '% + 0.125rem)'\"></div>\n  </div>\n</div>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDProgressbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDProgressbarComponent, decorators: [{
             type: Component,
             args: [{ selector: "id-progressbar", standalone: true, template: "<div class=\"ids-progressbar\">\n  @if(label && !hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.label}} {{this.value}}%</div> \n  } @else if(!hideLabel) {\n    <div class=\"ids-progressbar__label\">{{this.value}}%</div>\n  }\n  <div\n    class=\"ids-progressbar__bar\"\n    role=\"progressbar\"\n    [attr.aria-label]=\"srLabel\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-valuenow]=\"value\">\n    <div\n      [class.ids-progressbar__progress]=\"value > 0\"\n      [class.ids-progressbar__progress--none]=\"value == 0\"\n      [style.width]=\"'calc(' + value + '% + 0.125rem)'\"></div>\n  </div>\n</div>" }]
         }], propDecorators: { value: [{

package/fesm2022/inera-ids-angular-components-puff-list.mjs

@@ -9,8 +9,8 @@ class IDPuffListItemComponent {
     href;
     clicked = new EventEmitter();
     template = viewChild.required(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDPuffListItemComponent, isStandalone: true, selector: "id-puff-list-item", inputs: { lean: ["lean", "lean", booleanAttribute], interactive: "interactive", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDPuffListItemComponent, isStandalone: true, selector: "id-puff-list-item", inputs: { lean: ["lean", "lean", booleanAttribute], interactive: "interactive", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
       <ng-template #header><ng-content></ng-content></ng-template>
       <ng-template #content>
@@ -81,7 +81,7 @@ class IDPuffListItemComponent {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-puff-list-item',
@@ -171,8 +171,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
 class IDPuffListComponent {
     listItems = contentChildren(IDPuffListItemComponent, { descendants: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDPuffListComponent, isStandalone: true, selector: "id-puff-list", queries: [{ propertyName: "listItems", predicate: IDPuffListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDPuffListComponent, isStandalone: true, selector: "id-puff-list", queries: [{ propertyName: "listItems", predicate: IDPuffListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
   @if (listItems().length > 1) {
     <ul class="ids-puff-list">
       <li *ngFor="let item of listItems()" 
@@ -188,7 +188,7 @@ class IDPuffListComponent {
       </div>
     }`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-puff-list',
@@ -213,10 +213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPuffListItemHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPuffListItemHeaderComponent, isStandalone: true, selector: "id-puff-list-item-header", host: { classAttribute: "ids-puff-list-item-header" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPuffListItemHeaderComponent, isStandalone: true, selector: "id-puff-list-item-header", host: { classAttribute: "ids-puff-list-item-header" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-puff-list-item-header",
@@ -229,10 +229,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPuffListItemContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPuffListItemContentComponent, isStandalone: true, selector: "id-puff-list-item-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPuffListItemContentComponent, isStandalone: true, selector: "id-puff-list-item-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-puff-list-item-content",
@@ -242,10 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPuffListItemExtraContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemExtraContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPuffListItemExtraContentComponent, isStandalone: true, selector: "id-puff-list-item-extra-content", host: { classAttribute: "ids-puff-list-item__extra-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemExtraContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPuffListItemExtraContentComponent, isStandalone: true, selector: "id-puff-list-item-extra-content", host: { classAttribute: "ids-puff-list-item__extra-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemExtraContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemExtraContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-puff-list-item-extra-content",
@@ -259,12 +259,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
 class IDPuffListItemContentInfoComponent {
     bottom = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemContentInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDPuffListItemContentInfoComponent, isStandalone: true, selector: "id-puff-list-item-content-info", inputs: { bottom: ["bottom", "bottom", booleanAttribute] }, host: { properties: { "class.ids-puff-list-item__info--bottom": "bottom" }, classAttribute: "ids-puff-list-item__info" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemContentInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDPuffListItemContentInfoComponent, isStandalone: true, selector: "id-puff-list-item-content-info", inputs: { bottom: ["bottom", "bottom", booleanAttribute] }, host: { properties: { "class.ids-puff-list-item__info--bottom": "bottom" }, classAttribute: "ids-puff-list-item__info" }, ngImport: i0, template: `
     <ng-content></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemContentInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemContentInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-puff-list-item-content-info',
@@ -283,10 +283,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDPuffListItemDateLabelComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDPuffListItemDateLabelComponent, isStandalone: true, selector: "id-puff-list-item-date-label", host: { classAttribute: "ids-puff-list-item__date" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDPuffListItemDateLabelComponent, isStandalone: true, selector: "id-puff-list-item-date-label", host: { classAttribute: "ids-puff-list-item__date" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemDateLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListItemDateLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-puff-list-item-date-label",
@@ -299,8 +299,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDPuffListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListModule, imports: [IDPuffListComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListModule, imports: [IDPuffListComponent,
             IDPuffListItemComponent,
             IDPuffListItemHeaderComponent,
             IDPuffListItemContentComponent,
@@ -313,10 +313,10 @@ class IDPuffListModule {
             IDPuffListItemExtraContentComponent,
             IDPuffListItemContentInfoComponent,
             IDPuffListItemDateLabelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListModule, imports: [IDPuffListComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListModule, imports: [IDPuffListComponent,
             IDPuffListItemComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDPuffListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/inera-ids-angular-components-region-icon.mjs

@@ -21,10 +21,10 @@ class IDRegionIconComponent {
             classes.push(getStateClass('inline'));
         return classes.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRegionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDRegionIconComponent, isStandalone: true, selector: "id-region-icon", inputs: { name: "name", title: "title", colorPreset: "colorPreset", size: "size", inline: ["inline", "inline", booleanAttribute], light: ["light", "light", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: ``, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRegionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDRegionIconComponent, isStandalone: true, selector: "id-region-icon", inputs: { name: "name", title: "title", colorPreset: "colorPreset", size: "size", inline: ["inline", "inline", booleanAttribute], light: ["light", "light", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDRegionIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRegionIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-region-icon",

package/fesm2022/inera-ids-angular-components-side-menu.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, contentChildren, inject, booleanAttribute, Output, Input, Component, NgModule } from '@angular/core';
+import { EventEmitter, inject, contentChildren, booleanAttribute, Output, Input, Component, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
+import { IDUseIdService } from '@inera/ids-angular/common';
 
 class IDSideMenuComponent {
     label = '';
@@ -13,7 +14,9 @@ class IDSideMenuComponent {
     expandedChange = new EventEmitter();
     closed = new EventEmitter();
     opened = new EventEmitter();
+    idService = inject(IDUseIdService);
     menuChildren = contentChildren(IDSideMenuComponent);
+    contentId = this.idService.generateId('side-menu');
     parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });
     constructor() {
         if (this.parent) {
@@ -41,8 +44,8 @@ class IDSideMenuComponent {
             this.hasOpened(e);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSideMenuComponent, isStandalone: true, selector: "id-side-menu-item", inputs: { label: "label", srExpandText: "srExpandText", srCollapseText: "srCollapseText", level: "level", active: ["active", "active", booleanAttribute], icon: "icon", expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses" } }, queries: [{ propertyName: "menuChildren", predicate: IDSideMenuComponent, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDSideMenuComponent, isStandalone: true, selector: "id-side-menu-item", inputs: { label: "label", srExpandText: "srExpandText", srCollapseText: "srCollapseText", level: "level", active: ["active", "active", booleanAttribute], icon: "icon", expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses" } }, queries: [{ propertyName: "menuChildren", predicate: IDSideMenuComponent, isSignal: true }], ngImport: i0, template: `
     <ng-template #labelTemplate>
       <div class="ids-side-menu__label">
         {{ label }}
@@ -56,6 +59,7 @@ class IDSideMenuComponent {
           [class.ids-side-menu__chevron-button--expanded]="expanded"
           (click)="toggleExpanded($event)"
           [attr.aria-expanded]="expanded"
+          [attr.aria-controls]="contentId"
           [attr.aria-label]="expanded ? srCollapseText : srExpandText"
         ></button>
       } @else if (this.icon) {
@@ -75,8 +79,8 @@ class IDSideMenuComponent {
 
     <div
       class="ids-side-menu__header"
-      [class.ids-side-menu--node-label]="this.menuChildren().length && this.label"
-      [class.ids-side-menu--active]="active"
+      [class.ids-side-menu__header--node-label]="this.menuChildren().length && this.label"
+      [class.ids-side-menu__header--active]="active"
     >
       <div class="ids-side-menu__header-inner">
         @if (this.label && this.menuChildren().length > 0) {
@@ -84,6 +88,7 @@ class IDSideMenuComponent {
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
             [attr.aria-expanded]="expanded"
+            [attr.aria-controls]="contentId"
             [attr.aria-label]="expanded ? srCollapseText : srExpandText"
           >
             <div
@@ -104,13 +109,16 @@ class IDSideMenuComponent {
       </div>
     </div>
     @if (this.expanded) {
-      <div class="ids-side-menu__children">
+      <div
+        class="ids-side-menu__children"
+        [id]="contentId"
+      >
         <ng-content select="id-side-menu-item"></ng-content>
       </div>
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-menu-item',
@@ -128,6 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           [class.ids-side-menu__chevron-button--expanded]="expanded"
           (click)="toggleExpanded($event)"
           [attr.aria-expanded]="expanded"
+          [attr.aria-controls]="contentId"
           [attr.aria-label]="expanded ? srCollapseText : srExpandText"
         ></button>
       } @else if (this.icon) {
@@ -147,8 +156,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
     <div
       class="ids-side-menu__header"
-      [class.ids-side-menu--node-label]="this.menuChildren().length && this.label"
-      [class.ids-side-menu--active]="active"
+      [class.ids-side-menu__header--node-label]="this.menuChildren().length && this.label"
+      [class.ids-side-menu__header--active]="active"
     >
       <div class="ids-side-menu__header-inner">
         @if (this.label && this.menuChildren().length > 0) {
@@ -156,6 +165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
             [attr.aria-expanded]="expanded"
+            [attr.aria-controls]="contentId"
             [attr.aria-label]="expanded ? srCollapseText : srExpandText"
           >
             <div
@@ -176,7 +186,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </div>
     @if (this.expanded) {
-      <div class="ids-side-menu__children">
+      <div
+        class="ids-side-menu__children"
+        [id]="contentId"
+      >
         <ng-content select="id-side-menu-item"></ng-content>
       </div>
     }
@@ -212,10 +225,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDSideMenuLinkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDSideMenuLinkComponent, isStandalone: true, selector: "id-side-menu-item-link", host: { classAttribute: "ids-side-menu__link" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDSideMenuLinkComponent, isStandalone: true, selector: "id-side-menu-item-link", host: { classAttribute: "ids-side-menu__link" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-menu-item-link",
@@ -232,10 +245,10 @@ class IDSideMenuIconComponent {
     get hostClasses() {
         return `ids-icon-${this.name} ids-side-menu--start-icon`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDSideMenuIconComponent, isStandalone: true, selector: "id-side-menu-item-icon", inputs: { name: "name" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDSideMenuIconComponent, isStandalone: true, selector: "id-side-menu-item-icon", inputs: { name: "name" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-menu-item-icon",
@@ -250,15 +263,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDSideMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, imports: [IDSideMenuComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, imports: [IDSideMenuComponent,
             IDSideMenuLinkComponent,
             IDSideMenuIconComponent], exports: [IDSideMenuComponent,
             IDSideMenuLinkComponent,
             IDSideMenuIconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/inera-ids-angular-components-side-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-side-menu.mjs","sources":["../../../projects/ids-angular/components/side-menu/side-menu.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-link.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-icon.component.ts","../../../projects/ids-angular/components/side-menu/side-menu.module.ts","../../../projects/ids-angular/components/side-menu/inera-ids-angular-components-side-menu.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, EventEmitter, Input, Output, booleanAttribute, inject, contentChildren } from '@angular/core';\n\n@Component({\n  selector: 'id-side-menu-item',\n  template: `\n    <ng-template #labelTemplate>\n      <div class=\"ids-side-menu__label\">\n        {{ label }}\n        <slot name=\"label-notification\"></slot>\n      </div>\n    </ng-template>\n    <ng-template #expandBtnTemplate>\n      @if (this.menuChildren().length > 0) {\n        <button\n          class=\"ids-side-menu__chevron-button\"\n          [class.ids-side-menu__chevron-button--expanded]=\"expanded\"\n          (click)=\"toggleExpanded($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n        ></button>\n      } @else if (this.icon) {\n        <div\n          class=\"ids-side-menu__label-icon\"\n          aria-hidden=\"true\"\n        >\n          <span\n            class=\"ids-icon-{{ this.icon }}\"\n            aria-hidden=\"true\"\n          ></span>\n        </div>\n      } @else {\n        <div class=\"ids-side-menu__chevron-button--empty\"></div>\n      }\n    </ng-template>\n\n    <div\n      class=\"ids-side-menu__header\"\n      [class.ids-side-menu--node-label]=\"this.menuChildren().length && this.label\"\n      [class.ids-side-menu--active]=\"active\"\n    >\n      <div class=\"ids-side-menu__header-inner\">\n        @if (this.label && this.menuChildren().length > 0) {\n          <button\n            class=\"ids-side-menu__label-button\"\n            (click)=\"toggleExpanded($event)\"\n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n          >\n            <div\n              class=\"ids-side-menu__label-chevron\"\n              [class.ids-side-menu__label-chevron--expanded]=\"expanded\"\n            ></div>\n            <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n          </button>\n        } @else if (this.label) {\n          <div class=\"ids-side-menu__chevron-button--empty\"></div>\n          <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"expandBtnTemplate\"></ng-container>\n          <div class=\"ids-side-menu__link\">\n            <ng-content></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    @if (this.expanded) {\n      <div class=\"ids-side-menu__children\">\n        <ng-content select=\"id-side-menu-item\"></ng-content>\n      </div>\n    }\n  `,\n  host: {\n    '[class]': 'hostClasses',\n  },\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDSideMenuComponent {\n  @Input() label: string = '';\n  @Input() srExpandText: string = 'Expandera';\n  @Input() srCollapseText: string = 'Minimera';\n  @Input() level: number = 1;\n  @Input({ transform: booleanAttribute }) active: boolean = false;\n  @Input() icon: string = '';\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n    menuChildren = contentChildren(IDSideMenuComponent);\n\n  private parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });\n\n  constructor() {\n    if (this.parent) {\n      this.level = this.parent.level + 1;\n    }\n  }\n\n  get hostClasses(): string {\n    return `ids-side-menu ids-side-menu--level-${this.level}`;\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.expandedChange.emit(this.expanded);\n    this.closed.emit(event);\n  }\n  hasOpened(event: Event) {\n    this.expanded = true;\n    this.expandedChange.emit(this.expanded);\n    this.opened.emit(event);\n  }\n\n  toggleExpanded(e: Event) {\n    if (this.expanded) {\n      this.hasClosed(e);\n    } else {\n      this.hasOpened(e);\n    }\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-link\",\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'ids-side-menu__link'\n  },\n  standalone: true\n})\nexport class IDSideMenuLinkComponent {\n\n}\n","import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-icon\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDSideMenuIconComponent {\n\n  @Input() name: string\n\n  get hostClasses(): string {\n    return `ids-icon-${this.name} ids-side-menu--start-icon`;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { IDSideMenuComponent } from \"./side-menu.component\";\nimport { IDSideMenuLinkComponent } from \"./side-menu-link.component\";\nimport { IDSideMenuIconComponent } from \"./side-menu-icon.component\";\n\n@NgModule({\n  imports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n  exports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n})\nexport class IDSideMenuModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA8Ea,mBAAmB,CAAA;IACrB,KAAK,GAAW,EAAE;IAClB,YAAY,GAAW,WAAW;IAClC,cAAc,GAAW,UAAU;IACnC,KAAK,GAAW,CAAC;IACc,MAAM,GAAY,KAAK;IACtD,IAAI,GAAW,EAAE;IACc,QAAQ,GAAY,KAAK;AACvD,IAAA,cAAc,GAA0B,IAAI,YAAY,EAAW;AAEnE,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAExD,IAAA,YAAY,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAE7C,IAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEhF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;QACpC;IACF;AAEA,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,mCAAA,EAAsC,IAAI,CAAC,KAAK,EAAE;IAC3D;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;AACvC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AACA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACpB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;AACvC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AAEA,IAAA,cAAc,CAAC,CAAQ,EAAA;AACrB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACnB;aAAO;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACnB;IACF;wGA5CW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,4LAKV,gBAAgB,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEhB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAMH,mBAAmB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtF1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAKS,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA3E/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkET,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA;wDAEU,KAAK,EAAA,CAAA;sBAAb;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACuC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,IAAI,EAAA,CAAA;sBAAZ;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC5B,cAAc,EAAA,CAAA;sBAAvB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;;;MC/EU,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,mIANxB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA;AACD,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCCY,uBAAuB,CAAA;AAEzB,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,SAAA,EAAY,IAAI,CAAC,IAAI,4BAA4B;IAC1D;wGANW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,8JANxB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;;;MCKU,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAVzB,mBAAmB;YACnB,uBAAuB;AACvB,YAAA,uBAAuB,aAGvB,mBAAmB;YACnB,uBAAuB;YACvB,uBAAuB,CAAA,EAAA,CAAA;yGAGd,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,uBAAuB;wBACvB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,uBAAuB;wBACvB;AACD,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-side-menu.mjs","sources":["../../../projects/ids-angular/components/side-menu/side-menu.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-link.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-icon.component.ts","../../../projects/ids-angular/components/side-menu/side-menu.module.ts","../../../projects/ids-angular/components/side-menu/inera-ids-angular-components-side-menu.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  booleanAttribute,\n  inject,\n  contentChildren,\n} from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-side-menu-item',\n  template: `\n    <ng-template #labelTemplate>\n      <div class=\"ids-side-menu__label\">\n        {{ label }}\n        <slot name=\"label-notification\"></slot>\n      </div>\n    </ng-template>\n    <ng-template #expandBtnTemplate>\n      @if (this.menuChildren().length > 0) {\n        <button\n          class=\"ids-side-menu__chevron-button\"\n          [class.ids-side-menu__chevron-button--expanded]=\"expanded\"\n          (click)=\"toggleExpanded($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"contentId\"\n          [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n        ></button>\n      } @else if (this.icon) {\n        <div\n          class=\"ids-side-menu__label-icon\"\n          aria-hidden=\"true\"\n        >\n          <span\n            class=\"ids-icon-{{ this.icon }}\"\n            aria-hidden=\"true\"\n          ></span>\n        </div>\n      } @else {\n        <div class=\"ids-side-menu__chevron-button--empty\"></div>\n      }\n    </ng-template>\n\n    <div\n      class=\"ids-side-menu__header\"\n      [class.ids-side-menu__header--node-label]=\"this.menuChildren().length && this.label\"\n      [class.ids-side-menu__header--active]=\"active\"\n    >\n      <div class=\"ids-side-menu__header-inner\">\n        @if (this.label && this.menuChildren().length > 0) {\n          <button\n            class=\"ids-side-menu__label-button\"\n            (click)=\"toggleExpanded($event)\"\n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"contentId\"\n            [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n          >\n            <div\n              class=\"ids-side-menu__label-chevron\"\n              [class.ids-side-menu__label-chevron--expanded]=\"expanded\"\n            ></div>\n            <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n          </button>\n        } @else if (this.label) {\n          <div class=\"ids-side-menu__chevron-button--empty\"></div>\n          <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"expandBtnTemplate\"></ng-container>\n          <div class=\"ids-side-menu__link\">\n            <ng-content></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    @if (this.expanded) {\n      <div\n        class=\"ids-side-menu__children\"\n        [id]=\"contentId\"\n      >\n        <ng-content select=\"id-side-menu-item\"></ng-content>\n      </div>\n    }\n  `,\n  host: {\n    '[class]': 'hostClasses',\n  },\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDSideMenuComponent {\n  @Input() label: string = '';\n  @Input() srExpandText: string = 'Expandera';\n  @Input() srCollapseText: string = 'Minimera';\n  @Input() level: number = 1;\n  @Input({ transform: booleanAttribute }) active: boolean = false;\n  @Input() icon: string = '';\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n  private idService = inject(IDUseIdService);\n  menuChildren = contentChildren(IDSideMenuComponent);\n  contentId = this.idService.generateId('side-menu');\n\n  private parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });\n\n  constructor() {\n    if (this.parent) {\n      this.level = this.parent.level + 1;\n    }\n  }\n\n  get hostClasses(): string {\n    return `ids-side-menu ids-side-menu--level-${this.level}`;\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.expandedChange.emit(this.expanded);\n    this.closed.emit(event);\n  }\n  hasOpened(event: Event) {\n    this.expanded = true;\n    this.expandedChange.emit(this.expanded);\n    this.opened.emit(event);\n  }\n\n  toggleExpanded(e: Event) {\n    if (this.expanded) {\n      this.hasClosed(e);\n    } else {\n      this.hasOpened(e);\n    }\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-link\",\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'ids-side-menu__link'\n  },\n  standalone: true\n})\nexport class IDSideMenuLinkComponent {\n\n}\n","import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-icon\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDSideMenuIconComponent {\n\n  @Input() name: string\n\n  get hostClasses(): string {\n    return `ids-icon-${this.name} ids-side-menu--start-icon`;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { IDSideMenuComponent } from \"./side-menu.component\";\nimport { IDSideMenuLinkComponent } from \"./side-menu-link.component\";\nimport { IDSideMenuIconComponent } from \"./side-menu-icon.component\";\n\n@NgModule({\n  imports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n  exports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n})\nexport class IDSideMenuModule {}","/**\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-side-panel.mjs

@@ -8,8 +8,8 @@ const POSITION = new InjectionToken('POSITION');
 class IDSidePanelProviderComponent {
     position = 'right';
     hide;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
             {
                 provide: POSITION,
                 useFactory: (component) => component.position,
@@ -33,7 +33,7 @@ class IDSidePanelProviderComponent {
     }
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelProviderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelProviderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-panel-provider",
@@ -152,8 +152,8 @@ class IDSidePanelComponent {
     ngOnDestroy() {
         this.resizeObserver?.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], noCloseButton: ["noCloseButton", "noCloseButton", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], noCloseButton: ["noCloseButton", "noCloseButton", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="ids-side-panel__panel" [class.ids-side-panel__panel--no-close-button]="noCloseButton">
       <div class="ids-side-panel__actions">
         @if (!noCloseButton) {
@@ -194,7 +194,7 @@ class IDSidePanelComponent {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-panel',
@@ -278,8 +278,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDSidePanelFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
     <footer>
       <div class="ids-side-panel__footer-links">
         <ng-content select="a"></ng-content>
@@ -296,7 +296,7 @@ class IDSidePanelFooterComponent {
     </footer>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-panel-footer',
@@ -325,16 +325,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 
 class IDSidePanelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent], exports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [