@inera/ids-angular 9.3.0 → 9.4.0

package/fesm2022/inera-ids-angular-components-mobile-menu-item.mjs

@@ -56,12 +56,12 @@ class IDMobileMenuItemComponent {
         this.expanded = true;
         this.opened.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDMobileMenuItemComponent, isStandalone: true, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: ["expanded", "expanded", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], active: ["active", "active", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDMobileMenuItemComponent, isStandalone: true, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: ["expanded", "expanded", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], active: ["active", "active", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-mobile-menu-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
+            args: [{ selector: 'id-mobile-menu-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], expanded: [{

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-mobile-menu-item.mjs","sources":["../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.ts","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.html","../../../projects/ids-angular/components/mobile/menu/item/inera-ids-angular-components-mobile-menu-item.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { AfterContentChecked, Component, EventEmitter, Input, Output, TemplateRef, viewChild, booleanAttribute, inject, contentChildren } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-mobile-menu-item',\n  templateUrl: './mobile-menu-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDMobileMenuItemComponent implements AfterContentChecked {\n  @Input() headline: string;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input({ transform: booleanAttribute }) secondary: boolean;\n  @Input({ transform: booleanAttribute }) active: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  template = viewChild.required(TemplateRef);\n  \n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('mobile-menu');\n\n  ngAfterContentChecked(): void {\n    this.items().forEach((item) => {\n      item.level = this.level+1;\n    })\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  get itemLevelClass() {\n    switch (this.level) {\n      case 1:\n        return 'ids-mobile-menu-item';\n      case 2:\n        return 'ids-mobile-menu-item--2';\n      case 3:\n        return 'ids-mobile-menu-item--3';\n      default:\n        return 'ids-mobile-menu-item';\n    }\n  }\n\n  getLevelClass = (className: string) => {\n    return `${className}-${this.level}`;\n  };\n\n  toggleExpansion(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-mobile-menu-item.mjs","sources":["../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.ts","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.html","../../../projects/ids-angular/components/mobile/menu/item/inera-ids-angular-components-mobile-menu-item.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { AfterContentChecked, Component, EventEmitter, Input, Output, TemplateRef, viewChild, booleanAttribute, inject, contentChildren } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-mobile-menu-item',\n  templateUrl: './mobile-menu-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDMobileMenuItemComponent implements AfterContentChecked {\n  @Input() headline: string;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input({ transform: booleanAttribute }) secondary: boolean;\n  @Input({ transform: booleanAttribute }) active: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  template = viewChild.required(TemplateRef);\n  \n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('mobile-menu');\n\n  ngAfterContentChecked(): void {\n    this.items().forEach((item) => {\n      item.level = this.level+1;\n    })\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  get itemLevelClass() {\n    switch (this.level) {\n      case 1:\n        return 'ids-mobile-menu-item';\n      case 2:\n        return 'ids-mobile-menu-item--2';\n      case 3:\n        return 'ids-mobile-menu-item--3';\n      default:\n        return 'ids-mobile-menu-item';\n    }\n  }\n\n  getLevelClass = (className: string) => {\n    return `${className}-${this.level}`;\n  };\n\n  toggleExpansion(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -57,12 +57,12 @@ class IDMobileMenuItemComponent {
         this.expanded = true;
         this.opened.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDMobileMenuItemComponent, isStandalone: true, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: ["expanded", "expanded", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], active: ["active", "active", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDMobileMenuItemComponent, isStandalone: true, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: ["expanded", "expanded", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], active: ["active", "active", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-mobile-menu-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
+            args: [{ selector: 'id-mobile-menu-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], expanded: [{
@@ -89,15 +89,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDMobileMenuComponent {
     items = contentChildren(IDMobileMenuItemComponent);
     variation = 1;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDMobileMenuComponent, isStandalone: true, selector: "id-mobile-menu", inputs: { variation: "variation" }, host: { properties: { "class.ids-mobile-menu--variation-1": "variation === 1", "class.ids-mobile-menu--variation-2": "variation === 2" }, classAttribute: "ids-mobile-menu" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDMobileMenuComponent, isStandalone: true, selector: "id-mobile-menu", inputs: { variation: "variation" }, host: { properties: { "class.ids-mobile-menu--variation-1": "variation === 1", "class.ids-mobile-menu--variation-2": "variation === 2" }, classAttribute: "ids-mobile-menu" }, queries: [{ propertyName: "items", predicate: IDMobileMenuItemComponent, isSignal: true }], ngImport: i0, template: `
   <ul>
     @for (item of items(); track item; let i = $index) {
     <ng-container [ngTemplateOutlet]="item.template()"></ng-container>
     }
   <ul>`, 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: IDMobileMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-mobile-menu',

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-mobile-menu.mjs","sources":["../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.ts","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.html","../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.ts","../../../projects/ids-angular/components/mobile/menu/inera-ids-angular-components-mobile-menu.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { AfterContentChecked, Component, EventEmitter, Input, Output, TemplateRef, viewChild, booleanAttribute, inject, contentChildren } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-mobile-menu-item',\n  templateUrl: './mobile-menu-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDMobileMenuItemComponent implements AfterContentChecked {\n  @Input() headline: string;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input({ transform: booleanAttribute }) secondary: boolean;\n  @Input({ transform: booleanAttribute }) active: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  template = viewChild.required(TemplateRef);\n  \n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('mobile-menu');\n\n  ngAfterContentChecked(): void {\n    this.items().forEach((item) => {\n      item.level = this.level+1;\n    })\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  get itemLevelClass() {\n    switch (this.level) {\n      case 1:\n        return 'ids-mobile-menu-item';\n      case 2:\n        return 'ids-mobile-menu-item--2';\n      case 3:\n        return 'ids-mobile-menu-item--3';\n      default:\n        return 'ids-mobile-menu-item';\n    }\n  }\n\n  getLevelClass = (className: string) => {\n    return `${className}-${this.level}`;\n  };\n\n  toggleExpansion(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li [class]=\"itemLevelClass\" [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\" [class.ids-mobile-menu-item--secondary]=\"secondary\">\n    <div class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\">\n        <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n        @if(this.items().length > 0) {\n          <button \n            [attr.aria-label]=\"buttonToggleText\" \n            (click)=\"toggleExpansion($event)\" \n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-controls]=\"subItemId\"\n            [class]=\"getLevelClass('ids-mobile-menu-item__expand-btn--level') + ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\"\n            [class.ids-mobile-menu__chevron--expanded]=\"expanded\">\n            {{headline}}\n          </button>\n        }\n    </div>\n    @if(this.items().length > 0) {\n      <ul [attr.id]=\"subItemId\" class=\"ids-mobile-menu-item__sub-items\">\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","import { Component, Input, contentChildren } from '@angular/core';\nimport { IDMobileMenuItemComponent } from './item/mobile-menu-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-mobile-menu',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n  <ul>\n    @for (item of items(); track item; let i = $index) {\n    <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n    }\n  <ul>`,\n  host: {\n    class: 'ids-mobile-menu',\n    '[class.ids-mobile-menu--variation-1]': 'variation === 1',\n    '[class.ids-mobile-menu--variation-2]': 'variation === 2',\n  },\n})\nexport class IDMobileMenuComponent {\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  @Input() variation: number | undefined = 1;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-mobile-menu.mjs","sources":["../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.ts","../../../projects/ids-angular/components/mobile/menu/item/mobile-menu-item.component.html","../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.ts","../../../projects/ids-angular/components/mobile/menu/inera-ids-angular-components-mobile-menu.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { AfterContentChecked, Component, EventEmitter, Input, Output, TemplateRef, viewChild, booleanAttribute, inject, contentChildren } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-mobile-menu-item',\n  templateUrl: './mobile-menu-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDMobileMenuItemComponent implements AfterContentChecked {\n  @Input() headline: string;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input({ transform: booleanAttribute }) secondary: boolean;\n  @Input({ transform: booleanAttribute }) active: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  template = viewChild.required(TemplateRef);\n  \n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('mobile-menu');\n\n  ngAfterContentChecked(): void {\n    this.items().forEach((item) => {\n      item.level = this.level+1;\n    })\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  get itemLevelClass() {\n    switch (this.level) {\n      case 1:\n        return 'ids-mobile-menu-item';\n      case 2:\n        return 'ids-mobile-menu-item--2';\n      case 3:\n        return 'ids-mobile-menu-item--3';\n      default:\n        return 'ids-mobile-menu-item';\n    }\n  }\n\n  getLevelClass = (className: string) => {\n    return `${className}-${this.level}`;\n  };\n\n  toggleExpansion(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li\n    [class]=\"itemLevelClass\"\n    [class.ids-mobile-menu-item--expanded]=\"expanded\"\n    [class.ids-mobile-menu-item--active]=\"active\"\n    [class.ids-mobile-menu-item--secondary]=\"secondary\"\n  >\n    <div\n      class=\"ids-mobile-menu-item__inner\"\n      [class]=\"getLevelClass('ids-mobile-menu-item__inner--level')\"\n    >\n      <ng-content select=\":not(id-mobile-menu-item)\"></ng-content>\n      @if (this.items().length > 0) {\n        <button\n          [attr.aria-label]=\"headline ? '' : buttonToggleText\"\n          (click)=\"toggleExpansion($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          [class]=\"\n            getLevelClass('ids-mobile-menu-item__expand-btn--level') +\n            ' ids-mobile-menu-item__expand-btn ids-mobile-menu-item__expand-btn--headline'\n          \"\n          [class.ids-mobile-menu__chevron--expanded]=\"expanded\"\n        >\n          {{ headline }}\n        </button>\n      }\n    </div>\n    @if (this.items().length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-mobile-menu-item__sub-items\"\n      >\n        @for (item of items(); track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","import { Component, Input, contentChildren } from '@angular/core';\nimport { IDMobileMenuItemComponent } from './item/mobile-menu-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-mobile-menu',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n  <ul>\n    @for (item of items(); track item; let i = $index) {\n    <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n    }\n  <ul>`,\n  host: {\n    class: 'ids-mobile-menu',\n    '[class.ids-mobile-menu--variation-1]': 'variation === 1',\n    '[class.ids-mobile-menu--variation-2]': 'variation === 2',\n  },\n})\nexport class IDMobileMenuComponent {\n    items = contentChildren(IDMobileMenuItemComponent);\n\n  @Input() variation: number | undefined = 1;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-navigation-content.mjs

@@ -1,19 +1,20 @@
 import * as i0 from '@angular/core';
-import { viewChild, TemplateRef, Component, contentChildren, Input } from '@angular/core';
+import { viewChild, TemplateRef, Component, EventEmitter, inject, booleanAttribute, ContentChildren, Output, Input, contentChildren } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { NgTemplateOutlet, CommonModule } from '@angular/common';
+import { IDUseIdService } from '@inera/ids-angular/common';
 
 class IDNavigationContentLinkComponent {
     template = viewChild.required(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationContentLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDNavigationContentLinkComponent, isStandalone: true, selector: "id-navigation-content-link", 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: IDNavigationContentLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationContentLinkComponent, isStandalone: true, selector: "id-navigation-content-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
       <li class="ids-navigation-content__link-wrapper">
       <ng-content></ng-content>
       </li>
     </ng-template>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationContentLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-navigation-content-link',
@@ -27,16 +28,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }]
         }] });
 
+class IDNavigationContentItemComponent {
+    selected;
+    expanded;
+    level = 1;
+    srShowText = 'Expandera';
+    srHideText = 'Minimera';
+    closed = new EventEmitter();
+    opened = new EventEmitter();
+    items;
+    template = viewChild.required(TemplateRef);
+    useId = inject(IDUseIdService);
+    subItemId = this.useId.generateId('navigation-content-item');
+    ngAfterContentChecked() {
+        this.items.forEach((item) => {
+            item.level = this.level + 1;
+        });
+    }
+    get buttonToggleText() {
+        return this.expanded ? this.srHideText : this.srShowText;
+    }
+    toggleItem(event) {
+        if (this.expanded) {
+            this.hasClosed(event);
+        }
+        else {
+            this.hasExpanded(event);
+        }
+    }
+    hasClosed(event) {
+        this.expanded = false;
+        this.closed.emit(event);
+    }
+    hasExpanded(event) {
+        this.expanded = true;
+        this.opened.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDNavigationContentItemComponent, isStandalone: true, selector: "id-navigation-content-item", inputs: { selected: ["selected", "selected", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], level: "level", srShowText: "srShowText", srHideText: "srHideText" }, outputs: { closed: "closed", opened: "opened" }, queries: [{ propertyName: "items", predicate: IDNavigationContentItemComponent }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'id-navigation-content-item', standalone: true, imports: [NgTemplateOutlet], template: "<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n" }]
+        }], propDecorators: { selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], level: [{
+                type: Input
+            }], srShowText: [{
+                type: Input
+            }], srHideText: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [IDNavigationContentItemComponent]
+            }] } });
+
 class IDNavigationContentComponent {
     headline;
     maxHeight;
+    useId = inject(IDUseIdService);
+    headerId = this.useId.generateId('navigation-content-headline');
     linkComponents = contentChildren(IDNavigationContentLinkComponent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDNavigationContentComponent, isStandalone: true, selector: "id-navigation-content", inputs: { headline: "headline", maxHeight: "maxHeight" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationContentLinkComponent, isSignal: true }], ngImport: i0, template: "<div\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n>\n  <div class=\"ids-navigation-content__border-top\">\n    <div class=\"ids-navigation-content__border-top-content\"></div>\n  </div>\n  <nav\n    class=\"ids-navigation-content__inner\"\n    aria-labelledby=\"content-navigation-headline\"\n    id=\"content-navigation-inner\"\n  >\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      id=\"content-navigation-headline\"\n    >\n      {{ headline }}\n    </h2>\n    <ul class=\"ids-navigation-content__links\" [style.maxHeight]=\"maxHeight\">\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </nav>\n</div>\n", 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"] }] });
+    itemComponents = contentChildren(IDNavigationContentItemComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationContentComponent, isStandalone: true, selector: "id-navigation-content", inputs: { headline: "headline", maxHeight: "maxHeight" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationContentLinkComponent, isSignal: true }, { propertyName: "itemComponents", predicate: IDNavigationContentItemComponent, isSignal: true }], ngImport: i0, template: "<nav\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n  [attr.aria-labelledby]=\"headerId\"\n>\n  <div class=\"ids-navigation-content__inner\">\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      [id]=\"headerId\"\n    >\n      {{ headline }}\n    </h2>\n    <ul\n      class=\"ids-navigation-content__links\"\n      [style.maxHeight]=\"maxHeight\"\n    >\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n      <ng-container *ngFor=\"let item of itemComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n", 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: IDNavigationContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-navigation-content', imports: [CommonModule], standalone: true, template: "<div\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n>\n  <div class=\"ids-navigation-content__border-top\">\n    <div class=\"ids-navigation-content__border-top-content\"></div>\n  </div>\n  <nav\n    class=\"ids-navigation-content__inner\"\n    aria-labelledby=\"content-navigation-headline\"\n    id=\"content-navigation-inner\"\n  >\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      id=\"content-navigation-headline\"\n    >\n      {{ headline }}\n    </h2>\n    <ul class=\"ids-navigation-content__links\" [style.maxHeight]=\"maxHeight\">\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </nav>\n</div>\n" }]
+            args: [{ selector: 'id-navigation-content', imports: [CommonModule], standalone: true, template: "<nav\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n  [attr.aria-labelledby]=\"headerId\"\n>\n  <div class=\"ids-navigation-content__inner\">\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      [id]=\"headerId\"\n    >\n      {{ headline }}\n    </h2>\n    <ul\n      class=\"ids-navigation-content__links\"\n      [style.maxHeight]=\"maxHeight\"\n    >\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n      <ng-container *ngFor=\"let item of itemComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], maxHeight: [{
@@ -47,5 +114,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDNavigationContentComponent, IDNavigationContentLinkComponent };
+export { IDNavigationContentComponent, IDNavigationContentItemComponent, IDNavigationContentLinkComponent };
 //# sourceMappingURL=inera-ids-angular-components-navigation-content.mjs.map

package/fesm2022/inera-ids-angular-components-navigation-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content-link.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.html","../../../projects/ids-angular/components/navigation/content/inera-ids-angular-components-navigation-content.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-content-link',\n  standalone: true,\n  template: `\n    <ng-template>\n      <li class=\"ids-navigation-content__link-wrapper\">\n      <ng-content></ng-content>\n      </li>\n    </ng-template>`\n})\nexport class IDNavigationContentLinkComponent {\n\n  template = viewChild.required(TemplateRef);\n  \n}\n","import { Component, Input, contentChildren } from '@angular/core';\nimport { IDNavigationContentLinkComponent } from './navigation-content-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-navigation-content',\n  templateUrl: './navigation-content.component.html',\n  imports: [CommonModule],\n  standalone: true\n})\nexport class IDNavigationContentComponent {\n\n  @Input() headline?: string;\n  @Input() maxHeight?: string;\n\n  linkComponents = contentChildren(IDNavigationContentLinkComponent);\n\n}\n","<div\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n>\n  <div class=\"ids-navigation-content__border-top\">\n    <div class=\"ids-navigation-content__border-top-content\"></div>\n  </div>\n  <nav\n    class=\"ids-navigation-content__inner\"\n    aria-labelledby=\"content-navigation-headline\"\n    id=\"content-navigation-inner\"\n  >\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      id=\"content-navigation-headline\"\n    >\n      {{ headline }}\n    </h2>\n    <ul class=\"ids-navigation-content__links\" [style.maxHeight]=\"maxHeight\">\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </nav>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAYa,gCAAgC,CAAA;AAE3C,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;wGAF/B,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEb,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT/B;;;;;AAKO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEN,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAV5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE;;;;;AAKO,kBAAA;AAClB,iBAAA;;;MCDY,4BAA4B,CAAA;AAE9B,IAAA,QAAQ;AACR,IAAA,SAAS;AAElB,IAAA,cAAc,GAAG,eAAe,CAAC,gCAAgC,CAAC;wGALvD,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAKN,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfnE,4zBAyBA,2CDlBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,OAAA,EAExB,CAAC,YAAY,CAAC,cACX,IAAI,EAAA,QAAA,EAAA,4zBAAA,EAAA;8BAIP,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;AEbH;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content-link.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content-item.component.html","../../../projects/ids-angular/components/navigation/content/navigation-content.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.html","../../../projects/ids-angular/components/navigation/content/inera-ids-angular-components-navigation-content.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-content-link',\n  standalone: true,\n  template: `\n    <ng-template>\n      <li class=\"ids-navigation-content__link-wrapper\">\n      <ng-content></ng-content>\n      </li>\n    </ng-template>`\n})\nexport class IDNavigationContentLinkComponent {\n\n  template = viewChild.required(TemplateRef);\n  \n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterContentChecked,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  inject,\n  booleanAttribute,\n  viewChild,\n} from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content-item',\n  templateUrl: './navigation-content-item.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDNavigationContentItemComponent implements AfterContentChecked {\n  @Input({ transform: booleanAttribute }) selected: boolean;\n  @Input({ transform: booleanAttribute }) expanded: boolean;\n  @Input() level: number = 1;\n  @Input() srShowText: string = 'Expandera';\n  @Input() srHideText: string = 'Minimera';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n  @ContentChildren(IDNavigationContentItemComponent)\n  items!: QueryList<IDNavigationContentItemComponent>;\n\n  template = viewChild.required(TemplateRef);\n\n  private useId = inject(IDUseIdService);\n  subItemId = this.useId.generateId('navigation-content-item');\n\n  ngAfterContentChecked(): void {\n    this.items.forEach((item) => {\n      item.level = this.level + 1;\n    });\n  }\n\n  get buttonToggleText() {\n    return this.expanded ? this.srHideText : this.srShowText;\n  }\n\n  toggleItem(event: Event) {\n    if (this.expanded) {\n      this.hasClosed(event);\n    } else {\n      this.hasExpanded(event);\n    }\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.closed.emit(event);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.opened.emit(event);\n  }\n}\n","<ng-template>\n  <li\n    class=\"ids-navigation-content-item\"\n    [class.ids-navigation-content-item--expanded]=\"expanded\"\n  >\n    <div\n      [class]=\"\n        'ids-navigation-content-item__item' + ' ids-navigation-content-item__item--level-' + level\n      \"\n      [class.ids-navigation-content-item__item--selected]=\"selected\"\n    >\n      <div class=\"ids-navigation-content-item__link\">\n        <ng-content select=\":not(id-navigation-content-item)\"></ng-content>\n      </div>\n      @if (this.items.length > 0) {\n        <button\n          type=\"button\"\n          [attr.aria-label]=\"buttonToggleText\"\n          (click)=\"toggleItem($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-controls]=\"subItemId\"\n          class=\"ids-navigation-content-item__expand-btn\"\n        ></button>\n      }\n    </div>\n    @if (this.items.length > 0) {\n      <ul\n        [attr.id]=\"subItemId\"\n        class=\"ids-navigation-content-item__sub-items\"\n      >\n        @for (item of items; track item; let i = $index) {\n          <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n        }\n      </ul>\n    }\n  </li>\n</ng-template>\n","import { Component, Input, contentChildren, inject } from '@angular/core';\nimport { IDNavigationContentLinkComponent } from './navigation-content-link.component';\nimport { IDNavigationContentItemComponent } from './navigation-content-item.component';\nimport { CommonModule } from '@angular/common';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-navigation-content',\n  templateUrl: './navigation-content.component.html',\n  imports: [CommonModule],\n  standalone: true,\n})\nexport class IDNavigationContentComponent {\n  @Input() headline?: string;\n  @Input() maxHeight?: string;\n\n  private useId = inject(IDUseIdService);\n  headerId = this.useId.generateId('navigation-content-headline');\n\n  linkComponents = contentChildren(IDNavigationContentLinkComponent);\n  itemComponents = contentChildren(IDNavigationContentItemComponent);\n}\n","<nav\n  class=\"ids-navigation-content\"\n  [class.ids-navigation-content--scrollable]=\"!!maxHeight\"\n  [attr.aria-labelledby]=\"headerId\"\n>\n  <div class=\"ids-navigation-content__inner\">\n    <h2\n      class=\"ids-navigation-content__inner__headline\"\n      [id]=\"headerId\"\n    >\n      {{ headline }}\n    </h2>\n    <ul\n      class=\"ids-navigation-content__links\"\n      [style.maxHeight]=\"maxHeight\"\n    >\n      <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </ng-container>\n      <ng-container *ngFor=\"let item of itemComponents(); let i = index\">\n        <ng-container [ngTemplateOutlet]=\"item.template()\"></ng-container>\n      </ng-container>\n    </ul>\n  </div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-navigation-local.mjs

@@ -5,14 +5,14 @@ import { CommonModule } from '@angular/common';
 
 class IDNavigationLocalLinkComponent {
     template = viewChild.required(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", 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: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
       `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-navigation-local-link',
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 class IDNavigationLocalComponent {
     headline;
     linkComponents = contentChildren(IDNavigationLocalLinkComponent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", 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: IDNavigationLocalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNavigationLocalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-navigation-local', standalone: true, imports: [CommonModule], template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents(); let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template()\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>" }]
         }], propDecorators: { headline: [{

package/fesm2022/inera-ids-angular-components-notification-badge.mjs

@@ -7,22 +7,22 @@ class IDNotificationBadgeComponent {
     get hostClasses() {
         return `ids-notification-badge ids-notification-badge--${this.type}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
     @if(icon) {
-      <span class="ids-icon-{{ icon }}"></span>
+      <span class="ids-icon-{{ icon }}-small"></span>
     } @else {
       <ng-content></ng-content>
     }
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-notification-badge",
                     template: `
     @if(icon) {
-      <span class="ids-icon-{{ icon }}"></span>
+      <span class="ids-icon-{{ icon }}-small"></span>
     } @else {
       <ng-content></ng-content>
     }

package/fesm2022/inera-ids-angular-components-notification-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification-badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification-badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  template: `\n    @if(icon) {\n      <span class=\"ids-icon-{{ icon }}\"></span>\n    } @else {\n      <ng-content></ng-content>\n    }\n  `,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDNotificationBadgeComponent {\n\n  @Input() type: \"primary\" | \"neutral\" | \"info\" | \"attention\" | \"success\" | \"error\" | \"secondary\" = \"primary\";\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-notification-badge ids-notification-badge--${this.type}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,4BAA4B,CAAA;IAE9B,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,+CAAA,EAAkD,IAAI,CAAC,IAAI,EAAE;IACtE;wGAPW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ7B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;ACnBH;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification-badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification-badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  template: `\n    @if(icon) {\n      <span class=\"ids-icon-{{ icon }}-small\"></span>\n    } @else {\n      <ng-content></ng-content>\n    }\n  `,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDNotificationBadgeComponent {\n\n  @Input() type: \"primary\" | \"neutral\" | \"info\" | \"attention\" | \"success\" | \"error\" | \"secondary\" = \"primary\";\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-notification-badge ids-notification-badge--${this.type}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,4BAA4B,CAAA;IAE9B,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,+CAAA,EAAkD,IAAI,CAAC,IAAI,EAAE;IACtE;wGAPW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ7B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;ACnBH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs

@@ -8,8 +8,8 @@ class IDDataPaginationComponent {
     ofText = 'av';
     total = 0;
     light = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDDataPaginationComponent, isStandalone: true, selector: "id-data-pagination", inputs: { from: "from", to: "to", ofText: "ofText", total: "total", light: ["light", "light", booleanAttribute] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDDataPaginationComponent, isStandalone: true, selector: "id-data-pagination", inputs: { from: "from", to: "to", ofText: "ofText", total: "total", light: ["light", "light", booleanAttribute] }, ngImport: i0, template: `
     <div class="ids-data-pagination" [class.ids-data-pagination--light]="light">
       <ng-content select="id-data-pagination-select"></ng-content>
       <div class="ids-data-pagination__summary">
@@ -32,7 +32,7 @@ class IDDataPaginationComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-data-pagination',
@@ -75,10 +75,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class IDDataPaginationSelectComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDataPaginationSelectComponent, isStandalone: true, selector: "id-data-pagination-select", host: { classAttribute: "ids-data-pagination__select" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDDataPaginationSelectComponent, isStandalone: true, selector: "id-data-pagination-select", host: { classAttribute: "ids-data-pagination__select" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDataPaginationSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDataPaginationSelectComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-data-pagination-select',

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

@@ -53,8 +53,8 @@ class IDListPaginationComponent {
             this.nextPage.emit(this.current);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDListPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDListPaginationComponent, isStandalone: true, selector: "id-list-pagination", inputs: { showingText: "showingText", from: "from", to: "to", ofText: "ofText", total: "total", current: "current", pages: "pages", srCurrentPage: "srCurrentPage", srGoToPage: "srGoToPage", srPrevious: "srPrevious", srNext: "srNext", srNav: "srNav" }, outputs: { pageChanged: "pageChanged", prevPage: "prevPage", nextPage: "nextPage" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDListPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDListPaginationComponent, isStandalone: true, selector: "id-list-pagination", inputs: { showingText: "showingText", from: "from", to: "to", ofText: "ofText", total: "total", current: "current", pages: "pages", srCurrentPage: "srCurrentPage", srGoToPage: "srGoToPage", srPrevious: "srPrevious", srNext: "srNext", srNav: "srNav" }, outputs: { pageChanged: "pageChanged", prevPage: "prevPage", nextPage: "nextPage" }, ngImport: i0, template: `
     <div class="ids-list-pagination">
       <div
         class="ids-list-pagination__summary"
@@ -106,7 +106,7 @@ class IDListPaginationComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDListPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDListPaginationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-list-pagination',