@inera/ids-angular 9.2.1 → 9.3.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, booleanAttribute, ViewChild, Output, Input, Component, ContentChildren, NgModule } from '@angular/core';
+import { EventEmitter, viewChild, TemplateRef, booleanAttribute, Output, Input, Component, contentChildren, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -8,9 +8,9 @@ class IDPuffListItemComponent {
     interactive;
     href;
     clicked = new EventEmitter();
-    template;
+    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 }], ngImport: i0, template: `
+    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: `
     <ng-template>
       <ng-template #header><ng-content></ng-content></ng-template>
       <ng-template #content>
@@ -27,7 +27,7 @@ class IDPuffListItemComponent {
           [attr.href]="href ? href : null"
           (click)="clicked.emit($event)"
           [attr.tabindex]="href ? null : 0"
-          [ariaLabel]="interactive"
+          [attr.aria-label]="interactive"
         >
           <div class="ids-puff-list-item__inner">
             <ng-container>
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           [attr.href]="href ? href : null"
           (click)="clicked.emit($event)"
           [attr.tabindex]="href ? null : 0"
-          [ariaLabel]="interactive"
+          [attr.aria-label]="interactive"
         >
           <div class="ids-puff-list-item__inner">
             <ng-container>
@@ -167,27 +167,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], clicked: [{
                 type: Output
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 
 class IDPuffListComponent {
-    listItems;
+    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 }], ngImport: i0, template: `
-  @if (listItems.length > 1) {
+    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: `
+  @if (listItems().length > 1) {
     <ul class="ids-puff-list">
-      <li *ngFor="let item of listItems" 
+      <li *ngFor="let item of listItems()" 
         class="ids-puff-list-item"
         [class.ids-puff-list-item--interactive]="item.interactive"
         [class.ids-puff-list-item--lean]="item.lean">
-        <ng-template [ngTemplateOutlet]="item.template"></ng-template>
+        <ng-template [ngTemplateOutlet]="item.template()"></ng-template>
       </li>
     </ul>
     } @else {
       <div class="ids-puff-list-item">
-        <ng-template [ngTemplateOutlet]="listItems.first.template"></ng-template>
+        <ng-template [ngTemplateOutlet]="listItems()[0].template()"></ng-template>
       </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"] }] });
 }
@@ -196,27 +193,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             args: [{
                     selector: 'id-puff-list',
                     template: `
-  @if (listItems.length > 1) {
+  @if (listItems().length > 1) {
     <ul class="ids-puff-list">
-      <li *ngFor="let item of listItems" 
+      <li *ngFor="let item of listItems()" 
         class="ids-puff-list-item"
         [class.ids-puff-list-item--interactive]="item.interactive"
         [class.ids-puff-list-item--lean]="item.lean">
-        <ng-template [ngTemplateOutlet]="item.template"></ng-template>
+        <ng-template [ngTemplateOutlet]="item.template()"></ng-template>
       </li>
     </ul>
     } @else {
       <div class="ids-puff-list-item">
-        <ng-template [ngTemplateOutlet]="listItems.first.template"></ng-template>
+        <ng-template [ngTemplateOutlet]="listItems()[0].template()"></ng-template>
       </div>
     }`,
                     standalone: true,
                     imports: [CommonModule]
                 }]
-        }], propDecorators: { listItems: [{
-                type: ContentChildren,
-                args: [IDPuffListItemComponent, { descendants: true }]
-            }] } });
+        }] });
 
 class IDPuffListItemHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDPuffListItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-puff-list.mjs","sources":["../../../projects/ids-angular/components/puff-list/puff-list-item.component.ts","../../../projects/ids-angular/components/puff-list/puff-list.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-header.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-content.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-extra-content.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-content-info.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-date-label.component.ts","../../../projects/ids-angular/components/puff-list/puff-list.module.ts","../../../projects/ids-angular/components/puff-list/inera-ids-angular-components-puff-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\n@Component({\n  selector: 'id-puff-list-item',\n  template: `\n    <ng-template>\n      <ng-template #header><ng-content></ng-content></ng-template>\n      <ng-template #content>\n        <ng-content select=\"id-puff-list-item-content\"></ng-content>\n      </ng-template>\n      <ng-template #extraContent>\n        <ng-content select=\"id-puff-list-item-extra-content\"></ng-content>\n      </ng-template>\n      <ng-template #dateLabel><ng-content select=\"id-date-label\"></ng-content></ng-template>\n      <ng-template #puffListDateLabel><ng-content select=\"id-date-label\"></ng-content></ng-template>\n      @if (interactive) {\n        <a\n          class=\"ids-puff-list-item__item-link\"\n          [attr.href]=\"href ? href : null\"\n          (click)=\"clicked.emit($event)\"\n          [attr.tabindex]=\"href ? null : 0\"\n          [ariaLabel]=\"interactive\"\n        >\n          <div class=\"ids-puff-list-item__inner\">\n            <ng-container>\n              <ng-template [ngTemplateOutlet]=\"dateLabel\" />\n            </ng-container>\n            <div class=\"ids-puff-list-item__content-wrapper\">\n              <div class=\"ids-puff-list-item__content\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"puffListDateLabel\" />\n                </ng-container>\n                <div class=\"ids-puff-list-item__body\">\n                  <ng-container>\n                    <ng-template [ngTemplateOutlet]=\"header\" />\n                    <ng-template [ngTemplateOutlet]=\"content\" />\n                  </ng-container>\n                </div>\n              </div>\n              <div class=\"ids-puff-list-item__extra-content\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"extraContent\" />\n                </ng-container>\n              </div>\n            </div>\n          </div>\n        </a>\n      } @else {\n        <div class=\"ids-puff-list-item__inner\">\n          <ng-container>\n            <ng-template [ngTemplateOutlet]=\"dateLabel\" />\n          </ng-container>\n          <div class=\"ids-puff-list-item__content-wrapper\">\n            <div class=\"ids-puff-list-item__content\">\n              <ng-container>\n                <ng-template [ngTemplateOutlet]=\"puffListDateLabel\" />\n              </ng-container>\n              <div class=\"ids-puff-list-item__body\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"header\" />\n                  <ng-template [ngTemplateOutlet]=\"content\" />\n                </ng-container>\n              </div>\n            </div>\n            <div class=\"ids-puff-list-item__extra-content\">\n              <ng-container>\n                <ng-template [ngTemplateOutlet]=\"extraContent\" />\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      }\n    </ng-template>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class IDPuffListItemComponent {\n  @Input({ transform: booleanAttribute }) lean: boolean;\n  @Input() interactive: string;\n  @Input() href: string;\n  @Output() clicked = new EventEmitter<Event>();\n\n  @ViewChild(TemplateRef) template: TemplateRef<any>;\n}\n","import { Component, ContentChildren, QueryList } from '@angular/core';\nimport {IDPuffListItemComponent} from './puff-list-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-puff-list',\n  template: `\n  @if (listItems.length > 1) {\n    <ul class=\"ids-puff-list\">\n      <li *ngFor=\"let item of listItems\" \n        class=\"ids-puff-list-item\"\n        [class.ids-puff-list-item--interactive]=\"item.interactive\"\n        [class.ids-puff-list-item--lean]=\"item.lean\">\n        <ng-template [ngTemplateOutlet]=\"item.template\"></ng-template>\n      </li>\n    </ul>\n    } @else {\n      <div class=\"ids-puff-list-item\">\n        <ng-template [ngTemplateOutlet]=\"listItems.first.template\"></ng-template>\n      </div>\n    }`,\n  standalone:true,\n  imports: [CommonModule]\n})\nexport class IDPuffListComponent {\n\n  @ContentChildren(IDPuffListItemComponent, { descendants: true })\n  listItems!: QueryList<IDPuffListItemComponent>;\n\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-header\",\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'ids-puff-list-item-header'\n  },\n  standalone: true\n})\nexport class IDPuffListItemHeaderComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-content\",\n  template: `<ng-content></ng-content>`,\n  standalone: true\n})\nexport class IDPuffListItemContentComponent {}\n","\nimport { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-extra-content\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-puff-list-item__extra-content'\n  }\n})\nexport class IDPuffListItemExtraContentComponent {}\n","import { Component, booleanAttribute, Input } from '@angular/core';\n\n@Component({\n  selector: 'id-puff-list-item-content-info',\n  template: `\n    <ng-content></ng-content>\n  `,\n  host: {\n    class: 'ids-puff-list-item__info',\n    '[class.ids-puff-list-item__info--bottom]': 'bottom',\n  },\n  standalone: true,\n})\nexport class IDPuffListItemContentInfoComponent {\n  @Input({ transform: booleanAttribute }) bottom: boolean = false;\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-date-label\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-puff-list-item__date'\n  }\n})\nexport class IDPuffListItemDateLabelComponent {}\n","import { NgModule } from \"@angular/core\";\n\nimport { IDPuffListComponent } from \"./puff-list.component\";\nimport { IDPuffListItemComponent } from \"./puff-list-item.component\";\nimport { IDPuffListItemHeaderComponent } from \"./puff-list-item-header.component\";\nimport { IDPuffListItemContentComponent } from \"./puff-list-item-content.component\";\nimport { IDPuffListItemExtraContentComponent } from \"./puff-list-item-extra-content.component\";\nimport { IDPuffListItemContentInfoComponent } from \"./puff-list-item-content-info.component\";\nimport { IDPuffListItemDateLabelComponent } from \"./puff-list-item-date-label.component\";\n\n@NgModule({\n  imports: [\n    IDPuffListComponent,\n    IDPuffListItemComponent,\n    IDPuffListItemHeaderComponent,\n    IDPuffListItemContentComponent,\n    IDPuffListItemExtraContentComponent,\n    IDPuffListItemContentInfoComponent,\n    IDPuffListItemDateLabelComponent,\n  ],\n  exports: [\n    IDPuffListComponent,\n    IDPuffListItemComponent,\n    IDPuffListItemHeaderComponent,\n    IDPuffListItemContentComponent,\n    IDPuffListItemExtraContentComponent,\n    IDPuffListItemContentInfoComponent,\n    IDPuffListItemDateLabelComponent,\n  ],\n})\nexport class IDPuffListModule {}","/**\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-puff-list.mjs","sources":["../../../projects/ids-angular/components/puff-list/puff-list-item.component.ts","../../../projects/ids-angular/components/puff-list/puff-list.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-header.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-content.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-extra-content.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-content-info.component.ts","../../../projects/ids-angular/components/puff-list/puff-list-item-date-label.component.ts","../../../projects/ids-angular/components/puff-list/puff-list.module.ts","../../../projects/ids-angular/components/puff-list/inera-ids-angular-components-puff-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  TemplateRef,\n  viewChild,\n} from '@angular/core';\n\n@Component({\n  selector: 'id-puff-list-item',\n  template: `\n    <ng-template>\n      <ng-template #header><ng-content></ng-content></ng-template>\n      <ng-template #content>\n        <ng-content select=\"id-puff-list-item-content\"></ng-content>\n      </ng-template>\n      <ng-template #extraContent>\n        <ng-content select=\"id-puff-list-item-extra-content\"></ng-content>\n      </ng-template>\n      <ng-template #dateLabel><ng-content select=\"id-date-label\"></ng-content></ng-template>\n      <ng-template #puffListDateLabel><ng-content select=\"id-date-label\"></ng-content></ng-template>\n      @if (interactive) {\n        <a\n          class=\"ids-puff-list-item__item-link\"\n          [attr.href]=\"href ? href : null\"\n          (click)=\"clicked.emit($event)\"\n          [attr.tabindex]=\"href ? null : 0\"\n          [attr.aria-label]=\"interactive\"\n        >\n          <div class=\"ids-puff-list-item__inner\">\n            <ng-container>\n              <ng-template [ngTemplateOutlet]=\"dateLabel\" />\n            </ng-container>\n            <div class=\"ids-puff-list-item__content-wrapper\">\n              <div class=\"ids-puff-list-item__content\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"puffListDateLabel\" />\n                </ng-container>\n                <div class=\"ids-puff-list-item__body\">\n                  <ng-container>\n                    <ng-template [ngTemplateOutlet]=\"header\" />\n                    <ng-template [ngTemplateOutlet]=\"content\" />\n                  </ng-container>\n                </div>\n              </div>\n              <div class=\"ids-puff-list-item__extra-content\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"extraContent\" />\n                </ng-container>\n              </div>\n            </div>\n          </div>\n        </a>\n      } @else {\n        <div class=\"ids-puff-list-item__inner\">\n          <ng-container>\n            <ng-template [ngTemplateOutlet]=\"dateLabel\" />\n          </ng-container>\n          <div class=\"ids-puff-list-item__content-wrapper\">\n            <div class=\"ids-puff-list-item__content\">\n              <ng-container>\n                <ng-template [ngTemplateOutlet]=\"puffListDateLabel\" />\n              </ng-container>\n              <div class=\"ids-puff-list-item__body\">\n                <ng-container>\n                  <ng-template [ngTemplateOutlet]=\"header\" />\n                  <ng-template [ngTemplateOutlet]=\"content\" />\n                </ng-container>\n              </div>\n            </div>\n            <div class=\"ids-puff-list-item__extra-content\">\n              <ng-container>\n                <ng-template [ngTemplateOutlet]=\"extraContent\" />\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      }\n    </ng-template>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class IDPuffListItemComponent {\n  @Input({ transform: booleanAttribute }) lean: boolean;\n  @Input() interactive: string;\n  @Input() href: string;\n  @Output() clicked = new EventEmitter<Event>();\n\n  template = viewChild.required(TemplateRef);\n}\n","import { Component, contentChildren } from '@angular/core';\nimport {IDPuffListItemComponent} from './puff-list-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-puff-list',\n  template: `\n  @if (listItems().length > 1) {\n    <ul class=\"ids-puff-list\">\n      <li *ngFor=\"let item of listItems()\" \n        class=\"ids-puff-list-item\"\n        [class.ids-puff-list-item--interactive]=\"item.interactive\"\n        [class.ids-puff-list-item--lean]=\"item.lean\">\n        <ng-template [ngTemplateOutlet]=\"item.template()\"></ng-template>\n      </li>\n    </ul>\n    } @else {\n      <div class=\"ids-puff-list-item\">\n        <ng-template [ngTemplateOutlet]=\"listItems()[0].template()\"></ng-template>\n      </div>\n    }`,\n  standalone:true,\n  imports: [CommonModule]\n})\nexport class IDPuffListComponent {\n\n    listItems = contentChildren(IDPuffListItemComponent, { descendants: true });\n\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-header\",\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'ids-puff-list-item-header'\n  },\n  standalone: true\n})\nexport class IDPuffListItemHeaderComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-content\",\n  template: `<ng-content></ng-content>`,\n  standalone: true\n})\nexport class IDPuffListItemContentComponent {}\n","\nimport { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-extra-content\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-puff-list-item__extra-content'\n  }\n})\nexport class IDPuffListItemExtraContentComponent {}\n","import { Component, booleanAttribute, Input } from '@angular/core';\n\n@Component({\n  selector: 'id-puff-list-item-content-info',\n  template: `\n    <ng-content></ng-content>\n  `,\n  host: {\n    class: 'ids-puff-list-item__info',\n    '[class.ids-puff-list-item__info--bottom]': 'bottom',\n  },\n  standalone: true,\n})\nexport class IDPuffListItemContentInfoComponent {\n  @Input({ transform: booleanAttribute }) bottom: boolean = false;\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-puff-list-item-date-label\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    class: 'ids-puff-list-item__date'\n  }\n})\nexport class IDPuffListItemDateLabelComponent {}\n","import { NgModule } from \"@angular/core\";\n\nimport { IDPuffListComponent } from \"./puff-list.component\";\nimport { IDPuffListItemComponent } from \"./puff-list-item.component\";\nimport { IDPuffListItemHeaderComponent } from \"./puff-list-item-header.component\";\nimport { IDPuffListItemContentComponent } from \"./puff-list-item-content.component\";\nimport { IDPuffListItemExtraContentComponent } from \"./puff-list-item-extra-content.component\";\nimport { IDPuffListItemContentInfoComponent } from \"./puff-list-item-content-info.component\";\nimport { IDPuffListItemDateLabelComponent } from \"./puff-list-item-date-label.component\";\n\n@NgModule({\n  imports: [\n    IDPuffListComponent,\n    IDPuffListItemComponent,\n    IDPuffListItemHeaderComponent,\n    IDPuffListItemContentComponent,\n    IDPuffListItemExtraContentComponent,\n    IDPuffListItemContentInfoComponent,\n    IDPuffListItemDateLabelComponent,\n  ],\n  exports: [\n    IDPuffListComponent,\n    IDPuffListItemComponent,\n    IDPuffListItemHeaderComponent,\n    IDPuffListItemContentComponent,\n    IDPuffListItemExtraContentComponent,\n    IDPuffListItemContentInfoComponent,\n    IDPuffListItemDateLabelComponent,\n  ],\n})\nexport class IDPuffListModule {}","/**\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-menu.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, booleanAttribute, ContentChildren, Output, Input, Component, NgModule } from '@angular/core';
+import { EventEmitter, contentChildren, inject, booleanAttribute, Output, Input, Component, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 
 class IDSideMenuComponent {
@@ -13,7 +13,7 @@ class IDSideMenuComponent {
     expandedChange = new EventEmitter();
     closed = new EventEmitter();
     opened = new EventEmitter();
-    menuChildren;
+    menuChildren = contentChildren(IDSideMenuComponent);
     parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });
     constructor() {
         if (this.parent) {
@@ -42,7 +42,7 @@ class IDSideMenuComponent {
         }
     }
     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 }], ngImport: i0, template: `
+    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: `
     <ng-template #labelTemplate>
       <div class="ids-side-menu__label">
         {{ label }}
@@ -50,7 +50,7 @@ class IDSideMenuComponent {
       </div>
     </ng-template>
     <ng-template #expandBtnTemplate>
-      @if (this.menuChildren.length > 0) {
+      @if (this.menuChildren().length > 0) {
         <button
           class="ids-side-menu__chevron-button"
           [class.ids-side-menu__chevron-button--expanded]="expanded"
@@ -75,11 +75,11 @@ class IDSideMenuComponent {
 
     <div
       class="ids-side-menu__header"
-      [class.ids-side-menu--node-label]="this.menuChildren.length && this.label"
+      [class.ids-side-menu--node-label]="this.menuChildren().length && this.label"
       [class.ids-side-menu--active]="active"
     >
       <div class="ids-side-menu__header-inner">
-        @if (this.label && this.menuChildren.length > 0) {
+        @if (this.label && this.menuChildren().length > 0) {
           <button
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </ng-template>
     <ng-template #expandBtnTemplate>
-      @if (this.menuChildren.length > 0) {
+      @if (this.menuChildren().length > 0) {
         <button
           class="ids-side-menu__chevron-button"
           [class.ids-side-menu__chevron-button--expanded]="expanded"
@@ -147,11 +147,11 @@ 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--node-label]="this.menuChildren().length && this.label"
       [class.ids-side-menu--active]="active"
     >
       <div class="ids-side-menu__header-inner">
-        @if (this.label && this.menuChildren.length > 0) {
+        @if (this.label && this.menuChildren().length > 0) {
           <button
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
@@ -209,9 +209,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], opened: [{
                 type: Output
-            }], menuChildren: [{
-                type: ContentChildren,
-                args: [IDSideMenuComponent]
             }] } });
 
 class IDSideMenuLinkComponent {

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 {\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  booleanAttribute,\n  inject,\n} 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  @ContentChildren(IDSideMenuComponent)\n  menuChildren!: QueryList<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":"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"}
+{"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":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, Component, EventEmitter, inject, ElementRef, booleanAttribute, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
+import { InjectionToken, Input, Component, EventEmitter, contentChild, viewChild, inject, ElementRef, booleanAttribute, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { useEscapeKey } from '@inera/ids-angular/common';
@@ -78,14 +78,15 @@ class IDSidePanelComponent {
     showChange = new EventEmitter();
     elevated = false;
     menu = false;
-    srMobileDialogLabel = "Sidopanel";
-    srCloseText = "Stäng";
-    srOpenText = "Öppna";
-    size = "m";
+    noCloseButton = false;
+    srMobileDialogLabel = 'Sidopanel';
+    srCloseText = 'Stäng';
+    srOpenText = 'Öppna';
+    size = 'm';
     opened = new EventEmitter();
     closed = new EventEmitter();
-    footer;
-    hamburgerButton;
+    footer = contentChild('id-side-panel-footer');
+    hamburgerButton = viewChild('hamburger');
     position = inject(POSITION);
     el = inject(ElementRef);
     resizeObserver;
@@ -113,12 +114,12 @@ class IDSidePanelComponent {
         const isMobile = window.innerWidth <= 1024;
         const host = this.el.nativeElement;
         if (isMobile) {
-            host.setAttribute("role", "dialog");
-            host.setAttribute("aria-modal", "true");
-            host.setAttribute("aria-label", this.srMobileDialogLabel);
+            host.setAttribute('role', 'dialog');
+            host.setAttribute('aria-modal', 'true');
+            host.setAttribute('aria-label', this.srMobileDialogLabel);
         }
         else {
-            ["role", "aria-modal", "aria-label"].forEach(a => host.removeAttribute(a));
+            ['role', 'aria-modal', 'aria-label'].forEach((a) => host.removeAttribute(a));
         }
     }
     toggleExpansion() {
@@ -145,87 +146,101 @@ class IDSidePanelComponent {
         this.show = false;
         this.closed.emit();
         if (this.menu && this.hamburgerButton) {
-            this.hamburgerButton.nativeElement.focus();
+            this.hamburgerButton()?.nativeElement.focus();
         }
     }
     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], 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 }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-  <div class="ids-side-panel__panel">
-    <div class="ids-side-panel__actions">
-      @if(menu) {
-        <button 
-          class="ids-side-panel__hamburger"
-          [attr.aria-label]="show ? srCloseText : srOpenText"
-          [attr.aria-expanded]="show"
-          (click)="toggleExpansion()">
-          <div class="ids-hamburger">
-            <div class="ids-hamburger__lines"></div>
-          </div>
-        </button>
-      } @else {
-        <button
-          class="ids-side-panel__close-button"
-          [attr.aria-label]="srCloseText"
-          [attr.aria-expanded]="show"
-          (click)="didClose()">
-        </button>
-      }
-    </div>
-
-    <div class="ids-side-panel__content" tabindex="0">
-      <div class="ids-side-panel__inner">
-        <ng-content select="[slot='headline']"></ng-content>
-        <ng-content></ng-content>
+    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: `
+    <div class="ids-side-panel__panel" [class.ids-side-panel__panel--no-close-button]="noCloseButton">
+      <div class="ids-side-panel__actions">
+        @if (!noCloseButton) {
+          @if (menu) {
+            <button
+              class="ids-side-panel__hamburger"
+              [attr.aria-label]="show ? srCloseText : srOpenText"
+              [attr.aria-expanded]="show"
+              (click)="toggleExpansion()"
+            >
+              <div class="ids-hamburger">
+                <div class="ids-hamburger__lines"></div>
+              </div>
+            </button>
+          } @else {
+            <button
+              class="ids-side-panel__close-button"
+              [attr.aria-label]="srCloseText"
+              [attr.aria-expanded]="show"
+              (click)="didClose()"
+            ></button>
+          }
+        }
       </div>
-      @if (menu) {
-        <ng-content select="id-side-panel-footer"></ng-content>
+
+      <div
+        class="ids-side-panel__content"
+        tabindex="0"
+      >
+        <div class="ids-side-panel__inner">
+          <ng-content select="[slot='headline']"></ng-content>
+          <ng-content></ng-content>
+        </div>
+        @if (menu) {
+          <ng-content select="id-side-panel-footer"></ng-content>
         }
+      </div>
     </div>
-  </div>`, isInline: true });
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-side-panel",
+                    selector: 'id-side-panel',
                     template: `
-  <div class="ids-side-panel__panel">
-    <div class="ids-side-panel__actions">
-      @if(menu) {
-        <button 
-          class="ids-side-panel__hamburger"
-          [attr.aria-label]="show ? srCloseText : srOpenText"
-          [attr.aria-expanded]="show"
-          (click)="toggleExpansion()">
-          <div class="ids-hamburger">
-            <div class="ids-hamburger__lines"></div>
-          </div>
-        </button>
-      } @else {
-        <button
-          class="ids-side-panel__close-button"
-          [attr.aria-label]="srCloseText"
-          [attr.aria-expanded]="show"
-          (click)="didClose()">
-        </button>
-      }
-    </div>
-
-    <div class="ids-side-panel__content" tabindex="0">
-      <div class="ids-side-panel__inner">
-        <ng-content select="[slot='headline']"></ng-content>
-        <ng-content></ng-content>
+    <div class="ids-side-panel__panel" [class.ids-side-panel__panel--no-close-button]="noCloseButton">
+      <div class="ids-side-panel__actions">
+        @if (!noCloseButton) {
+          @if (menu) {
+            <button
+              class="ids-side-panel__hamburger"
+              [attr.aria-label]="show ? srCloseText : srOpenText"
+              [attr.aria-expanded]="show"
+              (click)="toggleExpansion()"
+            >
+              <div class="ids-hamburger">
+                <div class="ids-hamburger__lines"></div>
+              </div>
+            </button>
+          } @else {
+            <button
+              class="ids-side-panel__close-button"
+              [attr.aria-label]="srCloseText"
+              [attr.aria-expanded]="show"
+              (click)="didClose()"
+            ></button>
+          }
+        }
       </div>
-      @if (menu) {
-        <ng-content select="id-side-panel-footer"></ng-content>
+
+      <div
+        class="ids-side-panel__content"
+        tabindex="0"
+      >
+        <div class="ids-side-panel__inner">
+          <ng-content select="[slot='headline']"></ng-content>
+          <ng-content></ng-content>
+        </div>
+        @if (menu) {
+          <ng-content select="id-side-panel-footer"></ng-content>
         }
+      </div>
     </div>
-  </div>`,
+  `,
                     standalone: true,
                     host: {
-                        'class': 'ids-side-panel ids-focus-trap--tablet',
+                        class: 'ids-side-panel ids-focus-trap--tablet',
                         '[class.ids-side-panel--menu]': 'menu',
                         '[class.ids-side-panel--regular]': '!menu',
                         '[class.ids-side-panel--show]': 'show',
@@ -245,6 +260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], menu: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], noCloseButton: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], srMobileDialogLabel: [{
                 type: Input
             }], srCloseText: [{
@@ -257,12 +275,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], footer: [{
-                type: ContentChild,
-                args: ['id-side-panel-footer']
-            }], hamburgerButton: [{
-                type: ViewChild,
-                args: ['hamburger']
             }] } });
 
 class IDSidePanelFooterComponent {