npm - @inera/ids-angular - Versions diffs - 9.2.0 → 9.3.0 - Mend

@inera/ids-angular 9.2.0 → 9.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (183) hide show

package/fesm2022/inera-ids-angular-components-header-inera.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, booleanAttribute, Input, Component, ViewChild, Directive, ContentChild, ContentChildren, EventEmitter, Output, NgModule } from '@angular/core';
+import { inject, booleanAttribute, Input, Component, viewChild, Directive, contentChildren, contentChild, EventEmitter, Output, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { ID_HEADER_CONTEXT, IDUseIdService, useEscapeKey, IDClickOutsideDirective } from '@inera/ids-angular/common';
@@ -40,10 +40,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 class IDHeaderIneraNavComponent {
-    hideOnTablet = false;
-    template;
+    template = viewChild.required('nav');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.20", type: IDHeaderIneraNavComponent, isStandalone: true, selector: "id-header-inera-nav", inputs: { hideOnTablet: ["hideOnTablet", "hideOnTablet", booleanAttribute] }, viewQueries: [{ propertyName: "template", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.20", type: IDHeaderIneraNavComponent, isStandalone: true, selector: "id-header-inera-nav", viewQueries: [{ propertyName: "template", first: true, predicate: ["nav"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template #nav>
       <div class="ids-header-inera-nav__nav-items">
         <ng-content></ng-content>
@@ -62,13 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     </ng-template>`,
                     standalone: true
                 }]
-        }], propDecorators: { hideOnTablet: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], template: [{
-                type: ViewChild,
-                args: ['nav']
-            }] } });
+        }] });
 class IDHeaderIneraSkipToContent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraSkipToContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -102,17 +95,17 @@ class IDHeaderIneraComponent {
     unresponsive = false;
     brandHref = "#";
     srBrandLabel = "Logotyp";
-    items;
-    nav;
-    brandLink;
-    skipToContent;
+    items = contentChildren(IDHeaderIneraItemComponent);
+    nav = contentChild(IDHeaderIneraNavComponent);
+    brandLink = contentChild(IDHeaderIneraBrandLinkDirective);
+    skipToContent = contentChild(IDHeaderIneraSkipToContent);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraComponent, isStandalone: true, selector: "id-header-inera", inputs: { unresponsive: ["unresponsive", "unresponsive", booleanAttribute], brandHref: "brandHref", srBrandLabel: "srBrandLabel" }, providers: [
             {
                 provide: ID_HEADER_CONTEXT,
                 useExisting: IDHeaderIneraComponent,
             },
-        ], queries: [{ propertyName: "nav", first: true, predicate: IDHeaderIneraNavComponent, descendants: true }, { propertyName: "brandLink", first: true, predicate: IDHeaderIneraBrandLinkDirective, descendants: true }, { propertyName: "skipToContent", first: true, predicate: IDHeaderIneraSkipToContent, descendants: true }, { propertyName: "items", predicate: IDHeaderIneraItemComponent }], ngImport: i0, template: "<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n  <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera__container\">\n    <div class=\"ids-header-inera__inner\">\n      <div class=\"ids-header-inera__main\">\n        @if(brandLink) {\n          <div class=\"ids-header-inera__logo-custom\">\n            <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n          </div>\n        } @else {\n          <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n        @if(items) {\n          <div class=\"ids-header-inera__items\">\n            <ng-content select=\"id-header-inera-item\"></ng-content>\n            <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-inera-nav\"\n      [class.ids-header-inera-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], queries: [{ propertyName: "items", predicate: IDHeaderIneraItemComponent, isSignal: true }, { propertyName: "nav", first: true, predicate: IDHeaderIneraNavComponent, descendants: true, isSignal: true }, { propertyName: "brandLink", first: true, predicate: IDHeaderIneraBrandLinkDirective, descendants: true, isSignal: true }, { propertyName: "skipToContent", first: true, predicate: IDHeaderIneraSkipToContent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n  <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera__container\">\n    <div class=\"ids-header-inera__inner\">\n      <div class=\"ids-header-inera__main\">\n        @if(brandLink()) {\n          <div class=\"ids-header-inera__logo-custom\">\n            <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n          </div>\n        } @else {\n          <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n        @if(items()) {\n          <div class=\"ids-header-inera__items\">\n            <ng-content select=\"id-header-inera-item\"></ng-content>\n            <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if(nav()) {\n    <nav class=\"ids-header-inera-nav\"\n      [class.ids-header-inera-nav--unresponsive]=\"unresponsive\">\n      <ng-container *ngTemplateOutlet=\"nav()!.template()\"></ng-container>\n    </nav>\n  }\n</header>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraComponent, decorators: [{
             type: Component,
@@ -121,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                             provide: ID_HEADER_CONTEXT,
                             useExisting: IDHeaderIneraComponent,
                         },
-                    ], imports: [NgTemplateOutlet], template: "<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n  <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera__container\">\n    <div class=\"ids-header-inera__inner\">\n      <div class=\"ids-header-inera__main\">\n        @if(brandLink) {\n          <div class=\"ids-header-inera__logo-custom\">\n            <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n          </div>\n        } @else {\n          <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n        @if(items) {\n          <div class=\"ids-header-inera__items\">\n            <ng-content select=\"id-header-inera-item\"></ng-content>\n            <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if(nav) {\n    <nav class=\"ids-header-inera-nav\"\n      [class.ids-header-inera-nav--unresponsive]=\"unresponsive\"\n      [class.ids-header-inera-nav--hide-on-tablet]=\"nav.hideOnTablet\">\n      <ng-container *ngTemplateOutlet=\"nav.template\"></ng-container>\n    </nav>\n  }\n</header>" }]
+                    ], imports: [NgTemplateOutlet], template: "<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n  <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n  <div class=\"ids-header-inera__container\">\n    <div class=\"ids-header-inera__inner\">\n      <div class=\"ids-header-inera__main\">\n        @if(brandLink()) {\n          <div class=\"ids-header-inera__logo-custom\">\n            <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n          </div>\n        } @else {\n          <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n        }\n        @if(items()) {\n          <div class=\"ids-header-inera__items\">\n            <ng-content select=\"id-header-inera-item\"></ng-content>\n            <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n  @if(nav()) {\n    <nav class=\"ids-header-inera-nav\"\n      [class.ids-header-inera-nav--unresponsive]=\"unresponsive\">\n      <ng-container *ngTemplateOutlet=\"nav()!.template()\"></ng-container>\n    </nav>\n  }\n</header>" }]
         }], propDecorators: { unresponsive: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -129,18 +122,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], srBrandLabel: [{
                 type: Input
-            }], items: [{
-                type: ContentChildren,
-                args: [IDHeaderIneraItemComponent]
-            }], nav: [{
-                type: ContentChild,
-                args: [IDHeaderIneraNavComponent]
-            }], brandLink: [{
-                type: ContentChild,
-                args: [IDHeaderIneraBrandLinkDirective]
-            }], skipToContent: [{
-                type: ContentChild,
-                args: [IDHeaderIneraSkipToContent]
             }] } });
 class IDHeaderIneraNavItemComponent {
@@ -149,10 +130,10 @@ class IDHeaderIneraNavItemComponent {
     activeChange = new EventEmitter();
     expanded = false;
     expandedChange = new EventEmitter();
-    col1 = null;
-    col2 = null;
-    col3 = null;
-    col4 = null;
+    col1 = contentChild('col1');
+    col2 = contentChild('col2');
+    col3 = contentChild('col3');
+    col4 = contentChild('col4');
     idService = inject(IDUseIdService);
     contentId = this.idService.generateId('header-inera-nav-item');
     header = inject(ID_HEADER_CONTEXT, { optional: true, host: true });
@@ -178,7 +159,7 @@ class IDHeaderIneraNavItemComponent {
         this.activeChange.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderIneraNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraNavItemComponent, isStandalone: true, selector: "id-header-inera-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDHeaderIneraNavItemComponent, isStandalone: true, selector: "id-header-inera-nav-item", inputs: { label: "label", active: ["active", "active", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { activeChange: "activeChange", expandedChange: "expandedChange" }, host: { properties: { "class.ids-header-inera-nav-item--unresponsive": "header?.unresponsive", "class.ids-header-inera-nav-item--active": "active || expanded", "attr.aria-current": "active", "class.ids-header-inera-nav-item--expanded": "expanded" }, classAttribute: "ids-header-inera-nav-item" }, queries: [{ propertyName: "col1", first: true, predicate: ["col1"], descendants: true, isSignal: true }, { propertyName: "col2", first: true, predicate: ["col2"], descendants: true, isSignal: true }, { propertyName: "col3", first: true, predicate: ["col3"], descendants: true, isSignal: true }, { propertyName: "col4", first: true, predicate: ["col4"], descendants: true, isSignal: true }], ngImport: i0, template: `
   <div
     idClickOutside
     (idClickOutside)="closeItem()">
@@ -200,16 +181,16 @@ class IDHeaderIneraNavItemComponent {
       [class.ids-header-inera-nav-item__menu--expanded]="expanded">
       <div class="ids-header-inera-nav-item__menu-content">
         <div class="ids-header-inera-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-4">
-          <ng-container *ngTemplateOutlet="col4"></ng-container>
+          <ng-container *ngTemplateOutlet="col4() ?? null"></ng-container>
         </div>
       </div>
     </div>
@@ -241,16 +222,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       [class.ids-header-inera-nav-item__menu--expanded]="expanded">
       <div class="ids-header-inera-nav-item__menu-content">
         <div class="ids-header-inera-nav-item__menu-col-1">
-          <ng-container *ngTemplateOutlet="col1"></ng-container>
+          <ng-container *ngTemplateOutlet="col1() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-2">
-          <ng-container *ngTemplateOutlet="col2"></ng-container>
+          <ng-container *ngTemplateOutlet="col2() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-3">
-          <ng-container *ngTemplateOutlet="col3"></ng-container>
+          <ng-container *ngTemplateOutlet="col3() ?? null"></ng-container>
         </div>
         <div class="ids-header-inera-nav-item__menu-col-4">
-          <ng-container *ngTemplateOutlet="col4"></ng-container>
+          <ng-container *ngTemplateOutlet="col4() ?? null"></ng-container>
         </div>
       </div>
     </div>
@@ -277,18 +258,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 args: [{ transform: booleanAttribute }]
             }], expandedChange: [{
                 type: Output
-            }], col1: [{
-                type: ContentChild,
-                args: ['col1']
-            }], col2: [{
-                type: ContentChild,
-                args: ['col2']
-            }], col3: [{
-                type: ContentChild,
-                args: ['col3']
-            }], col4: [{
-                type: ContentChild,
-                args: ['col4']
             }] } });
 class IDHeaderIneraMenuMobileComponent {

package/fesm2022/inera-ids-angular-components-header-inera.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-header-inera.mjs","sources":["../../../projects/ids-angular/components/header-inera/item/header-inera-item.component.ts","../../../projects/ids-angular/components/header-inera/nav/header-inera-nav.component.ts","../../../projects/ids-angular/components/header-inera/skip-to-content/header-inera-skip-to-content.component.ts","../../../projects/ids-angular/components/header-inera/brand-link/header-inera-brand-link.directive.ts","../../../projects/ids-angular/components/header-inera/header-inera.component.ts","../../../projects/ids-angular/components/header-inera/header-inera.component.html","../../../projects/ids-angular/components/header-inera/nav-item/header-inera-nav-item.component.ts","../../../projects/ids-angular/components/header-inera/menu-mobile/header-inera-menu-mobile.component.ts","../../../projects/ids-angular/components/header-inera/nav-item-menu-link/header-inera-nav-item-menu-link.component.ts","../../../projects/ids-angular/components/header-inera/header-inera.module.ts","../../../projects/ids-angular/components/header-inera/inera-ids-angular-components-header-inera.ts"],"sourcesContent":["import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-header-inera-item',\n template: `\n <div class=\"ids-header-inera-item__icon\">\n <ng-content name=[icon]></ng-content>\n <span class=\"ids-icon-{{icon}}\" aria-hidden=\"true\"></span>\n </div>\n <ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera-item',\n '[class.ids-header-inera-item--unresponsive]': 'header?.unresponsive',\n '[class.ids-header-inera-item--mobile]': 'mobile'\n }\n})\nexport class IDHeaderIneraItemComponent {\n\n @Input({ transform: booleanAttribute }) mobile: boolean = false;\n @Input() icon?: string;\n\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n}\n ","import { Component, Input, TemplateRef, ViewChild, booleanAttribute } from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-nav\",\n template: `\n <ng-template #nav>\n <div class=\"ids-header-inera-nav__nav-items\"> \n <ng-content></ng-content>\n </div>\n </ng-template>`,\n standalone: true\n})\nexport class IDHeaderIneraNavComponent {\n @Input({ transform: booleanAttribute }) hideOnTablet: boolean = false;\n\n @ViewChild('nav') template: TemplateRef<any>;\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-skip-to-content\",\n template: `<ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera__skip-to-content'\n }\n})\nexport class IDHeaderIneraSkipToContent {}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: \"a[idBrandIneraLink]\",\n standalone: true,\n})\nexport class IDHeaderIneraBrandLinkDirective {}\n","import { NgTemplateOutlet } from \"@angular/common\";\nimport { Component, ContentChild, ContentChildren, Input, QueryList, booleanAttribute } from \"@angular/core\";\nimport { IDHeaderIneraItemComponent } from \"./item/header-inera-item.component\";\nimport { IDHeaderIneraNavComponent } from \"./nav/header-inera-nav.component\";\nimport { IDHeaderIneraSkipToContent } from \"./skip-to-content/header-inera-skip-to-content.component\";\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from \"@inera/ids-angular/common\";\nimport { IDHeaderIneraBrandLinkDirective } from \"./brand-link/header-inera-brand-link.directive\";\n\n@Component({\n selector: \"id-header-inera\",\n templateUrl: \"./header-inera.component.html\",\n standalone: true,\n providers: [\n {\n provide: ID_HEADER_CONTEXT,\n useExisting: IDHeaderIneraComponent,\n },\n ],\n imports: [NgTemplateOutlet]\n})\nexport class IDHeaderIneraComponent implements IDHeaderContext {\n @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n @Input() brandHref: string = \"#\";\n @Input() srBrandLabel: string = \"Logotyp\";\n\n @ContentChildren(IDHeaderIneraItemComponent)\n items: QueryList<IDHeaderIneraItemComponent>;\n\n @ContentChild(IDHeaderIneraNavComponent)\n nav: IDHeaderIneraNavComponent;\n\n @ContentChild(IDHeaderIneraBrandLinkDirective)\n brandLink: IDHeaderIneraBrandLinkDirective;\n\n @ContentChild(IDHeaderIneraSkipToContent)\n skipToContent: IDHeaderIneraSkipToContent;\n\n}\n","<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n <div class=\"ids-header-inera__container\">\n <div class=\"ids-header-inera__inner\">\n <div class=\"ids-header-inera__main\">\n @if(brandLink) {\n <div class=\"ids-header-inera__logo-custom\">\n <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n </div>\n } @else {\n <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n }\n @if(items) {\n <div class=\"ids-header-inera__items\">\n <ng-content select=\"id-header-inera-item\"></ng-content>\n <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n @if(nav) {\n <nav class=\"ids-header-inera-nav\"\n [class.ids-header-inera-nav--unresponsive]=\"unresponsive\"\n [class.ids-header-inera-nav--hide-on-tablet]=\"nav.hideOnTablet\">\n <ng-container ngTemplateOutlet=\"nav.template\"></ng-container>\n </nav>\n }\n</header>","import { NgTemplateOutlet } from \"@angular/common\";\nimport { Component, ContentChild, EventEmitter, Input, Output, TemplateRef, booleanAttribute, inject } from \"@angular/core\";\nimport { ID_HEADER_CONTEXT, IDHeaderContext, IDUseIdService, IDClickOutsideDirective, useEscapeKey } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-header-inera-nav-item\",\n template: `\n <div\n idClickOutside\n (idClickOutside)=\"closeItem()\">\n @if (this.label) {\n <button\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"expanded\"\n class=\"ids-header-inera-nav-item__button\"\n (click)=\"toggleExpansion()\">\n {{label}}\n </button>\n } @else {\n <span class=\"ids-header-inera-nav-item__link\">\n <ng-content select=\"[link]\"></ng-content>\n </span>\n }\n <div [attr.id]=\"contentId\" \n class=\"ids-header-inera-nav-item__menu\"\n [class.ids-header-inera-nav-item__menu--expanded]=\"expanded\">\n <div class=\"ids-header-inera-nav-item__menu-content\">\n <div class=\"ids-header-inera-nav-item__menu-col-1\">\n <ng-container ngTemplateOutlet=\"col1\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-2\">\n <ng-container ngTemplateOutlet=\"col2\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-3\">\n <ng-container ngTemplateOutlet=\"col3\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-4\">\n <ng-container ngTemplateOutlet=\"col4\"></ng-container>\n </div>\n </div>\n </div>\n </div>`,\n standalone: true,\n imports: [IDClickOutsideDirective, NgTemplateOutlet],\n host: {\n class: 'ids-header-inera-nav-item',\n '[class.ids-header-inera-nav-item--unresponsive]': 'header?.unresponsive',\n '[class.ids-header-inera-nav-item--active]': 'active \|\| expanded',\n '[attr.aria-current]': 'active',\n '[class.ids-header-inera-nav-item--expanded]': 'expanded'\n }\n})\nexport class IDHeaderIneraNavItemComponent {\n @Input() label?: string;\n\n @Input({ transform: booleanAttribute }) active: boolean = false;\n @Output() activeChange = new EventEmitter<boolean>();\n\n @Input({ transform: booleanAttribute }) expanded: boolean = false;\n @Output() expandedChange = new EventEmitter<boolean>();\n\n @ContentChild('col1') col1: TemplateRef<any> \| null = null;\n @ContentChild('col2') col2: TemplateRef<any> \| null = null;\n @ContentChild('col3') col3: TemplateRef<any> \| null = null;\n @ContentChild('col4') col4: TemplateRef<any> \| null = null;\n\n private idService = inject(IDUseIdService);\n protected contentId = this.idService.generateId('header-inera-nav-item');\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n constructor() {\n useEscapeKey(() => this.closeItem(), () => this.expanded);\n }\n\n toggleExpansion(): void {\n if(this.expanded) {\n this.closeItem();\n } else {\n this.expandItem();\n }\n }\n\n expandItem(): void {\n this.expanded = true;\n this.expandedChange.emit(true);\n this.activeChange.emit(true);\n }\n\n closeItem(): void {\n this.expanded = false;\n this.expandedChange.emit(false);\n this.activeChange.emit(false);\n }\n}\n","import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-header-inera-menu-mobile',\n template: `\n <div\n class=\"ids-header-inera-menu-mobile\"\n [class.ids-header-inera-menu-mobile--unresponsive]=\"header?.unresponsive\"\n [class.ids-header-inera-menu-mobile--expanded]=\"expanded\"\n >\n <button\n (click)=\"toggleExpansion()\"\n aria-label=\"Meny\"\n [attr.aria-expanded]=\"expanded\"\n class=\"ids-header-inera-menu-mobile__button\"\n >\n <div class=\"ids-hamburger\">\n <span class=\"ids-hamburger__lines\"></span>\n </div>\n </button>\n @if (expanded) {\n <nav class=\"ids-header-inera-menu-mobile__items\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </nav>\n }\n </div>\n `,\n standalone: true,\n host: {\n class: 'ids-header-inera__mobile-menu',\n },\n})\nexport class IDHeaderIneraMenuMobileComponent {\n @Input({ transform: booleanAttribute }) expanded: boolean = false;\n\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n toggleExpansion() {\n this.expanded = !this.expanded;\n }\n}\n","import {\n Component,\n} from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-nav-item-menu-link\",\n template: `<ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera-nav__menu-item-wrapper'\n }\n})\nexport class IDHeaderIneraNavItemMenuLinkComponent {\n}\n","import { NgModule } from \"@angular/core\";\n\nimport { IDHeaderIneraComponent } from \"./header-inera.component\";\nimport { IDHeaderIneraItemComponent } from \"./item/header-inera-item.component\";\nimport { IDHeaderIneraNavComponent } from \"./nav/header-inera-nav.component\";\nimport { IDHeaderIneraNavItemComponent } from \"./nav-item/header-inera-nav-item.component\";\nimport { IDHeaderIneraMenuMobileComponent } from \"./menu-mobile/header-inera-menu-mobile.component\";\nimport { IDHeaderIneraSkipToContent } from \"./skip-to-content/header-inera-skip-to-content.component\";\nimport { IDHeaderIneraNavItemMenuLinkComponent } from \"./nav-item-menu-link/header-inera-nav-item-menu-link.component\";\n\nimport { IDHeaderIneraBrandLinkDirective } from \"./brand-link/header-inera-brand-link.directive\";\n\n@NgModule({\n imports: [\n IDHeaderIneraComponent,\n IDHeaderIneraItemComponent,\n IDHeaderIneraNavComponent,\n IDHeaderIneraNavItemComponent,\n IDHeaderIneraMenuMobileComponent,\n IDHeaderIneraSkipToContent,\n IDHeaderIneraNavItemMenuLinkComponent,\n IDHeaderIneraBrandLinkDirective,\n ],\n exports: [\n IDHeaderIneraComponent,\n IDHeaderIneraItemComponent,\n IDHeaderIneraNavComponent,\n IDHeaderIneraNavItemComponent,\n IDHeaderIneraMenuMobileComponent,\n IDHeaderIneraSkipToContent,\n IDHeaderIneraNavItemMenuLinkComponent,\n IDHeaderIneraBrandLinkDirective,\n ],\n})\nexport class IDHeaderIneraModule {}","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MAkBa,0BAA0B,CAAA;IAEG,MAAM,GAAY,KAAK;AACtD,IAAA,IAAI;AAEb,IAAA,MAAM,GAAG,MAAM,CAAyB,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;wGAL/E,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAEjB,gBAAgB,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,2CAAA,EAAA,sBAAA,EAAA,qCAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAf1B;;;;;AAKkB,6BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAQjB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAftC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;;;;;AAKkB,6BAAA,CAAA;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,uBAAuB;AAC9B,wBAAA,6CAA6C,EAAE,sBAAsB;AACrE,wBAAA,uCAAuC,EAAE;AAC1C;AACF,iBAAA;8BAGyC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,IAAI,EAAA,CAAA;sBAAZ;;;MCTU,yBAAyB,CAAA;IACI,YAAY,GAAY,KAAK;AAEnD,IAAA,QAAQ;wGAHf,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT1B;;;;;AAKO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGN,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE;;;;;AAKO,kBAAA,CAAA;AACjB,oBAAA,UAAU,EAAE;AACb,iBAAA;8BAEyC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAEpB,QAAQ,EAAA,CAAA;sBAAzB,SAAS;uBAAC,KAAK;;;MCLL,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,0JAN3B,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCHY,+BAA+B,CAAA;wGAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAJ3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCeY,sBAAsB,CAAA;IACO,YAAY,GAAY,KAAK;IAC5D,SAAS,GAAW,GAAG;IACvB,YAAY,GAAW,SAAS;AAGzC,IAAA,KAAK;AAGL,IAAA,GAAG;AAGH,IAAA,SAAS;AAGT,IAAA,aAAa;wGAfF,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EACb,gBAAgB,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EATzB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,sBAAsB;AACpC,aAAA;SACF,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAWa,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGzB,+BAA+B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG/B,0BAA0B,2DATvB,0BAA0B,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzB7C,krCA6BS,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXG,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EAEf,IAAI,EAAA,SAAA,EACL;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,sBAAwB;AACpC,yBAAA;qBACF,EAAA,OAAA,EACQ,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,krCAAA,EAAA;8BAGa,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,SAAS,EAAA,CAAA;sBAAjB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBAGD,KAAK,EAAA,CAAA;sBADJ,eAAe;uBAAC,0BAA0B;gBAI3C,GAAG,EAAA,CAAA;sBADF,YAAY;uBAAC,yBAAyB;gBAIvC,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,+BAA+B;gBAI7C,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,0BAA0B;;;MEkB7B,6BAA6B,CAAA;AAC/B,IAAA,KAAK;IAE0B,MAAM,GAAY,KAAK;AACrD,IAAA,YAAY,GAAG,IAAI,YAAY,EAAW;IAEZ,QAAQ,GAAY,KAAK;AACvD,IAAA,cAAc,GAAG,IAAI,YAAY,EAAW;IAEhC,IAAI,GAA4B,IAAI;IACpC,IAAI,GAA4B,IAAI;IACpC,IAAI,GAA4B,IAAI;IACpC,IAAI,GAA4B,IAAI;AAElD,IAAA,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;IAChC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,uBAAuB,CAAC;AACxE,IAAA,MAAM,GAAG,MAAM,CAAyB,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAE1F,IAAA,WAAA,GAAA;AACE,QAAA,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC;IAC3D;IAEA,eAAe,GAAA;AACb,QAAA,IAAG,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,SAAS,EAAE;QAClB;aAAO;YACL,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9B;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;wGAxCW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAGpB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAGhB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,+CAAA,EAAA,sBAAA,EAAA,yCAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,2BAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApD1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmCH,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEG,uBAAuB,0FAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FASxC,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAhDzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCH,QAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;AACpD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,2BAA2B;AAClC,wBAAA,iDAAiD,EAAE,sBAAsB;AACzE,wBAAA,2CAA2C,EAAE,oBAAoB;AACjE,wBAAA,qBAAqB,EAAE,QAAQ;AAC/B,wBAAA,6CAA6C,EAAE;AAChD;AACF,iBAAA;wDAEU,KAAK,EAAA,CAAA;sBAAb;gBAEuC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC5B,YAAY,EAAA,CAAA;sBAArB;gBAEuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC5B,cAAc,EAAA,CAAA;sBAAvB;gBAEqB,IAAI,EAAA,CAAA;sBAAzB,YAAY;uBAAC,MAAM;gBACE,IAAI,EAAA,CAAA;sBAAzB,YAAY;uBAAC,MAAM;gBACE,IAAI,EAAA,CAAA;sBAAzB,YAAY;uBAAC,MAAM;gBACE,IAAI,EAAA,CAAA;sBAAzB,YAAY;uBAAC,MAAM;;;MC/BT,gCAAgC,CAAA;IACH,QAAQ,GAAY,KAAK;AAEjE,IAAA,MAAM,GAAG,MAAM,CAAyB,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAE1F,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;IAChC;wGAPW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EACvB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,+BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA7B1B;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBA9B5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,+BAA+B;AACvC,qBAAA;AACF,iBAAA;8BAEyC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;MCtB3B,qCAAqC,CAAA;wGAArC,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qCAAqC,mKANtC,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBARjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;MCuBY,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YApB5B,sBAAsB;YACtB,0BAA0B;YAC1B,yBAAyB;YACzB,6BAA6B;YAC7B,gCAAgC;YAChC,0BAA0B;YAC1B,qCAAqC;AACrC,YAAA,+BAA+B,aAG/B,sBAAsB;YACtB,0BAA0B;YAC1B,yBAAyB;YACzB,6BAA6B;YAC7B,gCAAgC;YAChC,0BAA0B;YAC1B,qCAAqC;YACrC,+BAA+B,CAAA,EAAA,CAAA;yGAGtB,mBAAmB,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAtB/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,yBAAyB;wBACzB,6BAA6B;wBAC7B,gCAAgC;wBAChC,0BAA0B;wBAC1B,qCAAqC;wBACrC,+BAA+B;AAChC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,yBAAyB;wBACzB,6BAA6B;wBAC7B,gCAAgC;wBAChC,0BAA0B;wBAC1B,qCAAqC;wBACrC,+BAA+B;AAChC,qBAAA;AACF,iBAAA;;;ACjCD;;AAEG;;;;"}
1	+ {"version":3,"file":"inera-ids-angular-components-header-inera.mjs","sources":["../../../projects/ids-angular/components/header-inera/item/header-inera-item.component.ts","../../../projects/ids-angular/components/header-inera/nav/header-inera-nav.component.ts","../../../projects/ids-angular/components/header-inera/skip-to-content/header-inera-skip-to-content.component.ts","../../../projects/ids-angular/components/header-inera/brand-link/header-inera-brand-link.directive.ts","../../../projects/ids-angular/components/header-inera/header-inera.component.ts","../../../projects/ids-angular/components/header-inera/header-inera.component.html","../../../projects/ids-angular/components/header-inera/nav-item/header-inera-nav-item.component.ts","../../../projects/ids-angular/components/header-inera/menu-mobile/header-inera-menu-mobile.component.ts","../../../projects/ids-angular/components/header-inera/nav-item-menu-link/header-inera-nav-item-menu-link.component.ts","../../../projects/ids-angular/components/header-inera/header-inera.module.ts","../../../projects/ids-angular/components/header-inera/inera-ids-angular-components-header-inera.ts"],"sourcesContent":["import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-header-inera-item',\n template: `\n <div class=\"ids-header-inera-item__icon\">\n <ng-content name=[icon]></ng-content>\n <span class=\"ids-icon-{{icon}}\" aria-hidden=\"true\"></span>\n </div>\n <ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera-item',\n '[class.ids-header-inera-item--unresponsive]': 'header?.unresponsive',\n '[class.ids-header-inera-item--mobile]': 'mobile'\n }\n})\nexport class IDHeaderIneraItemComponent {\n\n @Input({ transform: booleanAttribute }) mobile: boolean = false;\n @Input() icon?: string;\n\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n}\n ","import { Component, Input, TemplateRef, viewChild, booleanAttribute } from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-nav\",\n template: `\n <ng-template #nav>\n <div class=\"ids-header-inera-nav__nav-items\"> \n <ng-content></ng-content>\n </div>\n </ng-template>`,\n standalone: true\n})\nexport class IDHeaderIneraNavComponent {\n\n template = viewChild.required<TemplateRef<any>>('nav');\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-skip-to-content\",\n template: `<ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera__skip-to-content'\n }\n})\nexport class IDHeaderIneraSkipToContent {}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: \"a[idBrandIneraLink]\",\n standalone: true,\n})\nexport class IDHeaderIneraBrandLinkDirective {}\n","import { NgTemplateOutlet } from \"@angular/common\";\nimport { Component, Input, booleanAttribute, contentChild, contentChildren } from '@angular/core';\nimport { IDHeaderIneraItemComponent } from \"./item/header-inera-item.component\";\nimport { IDHeaderIneraNavComponent } from \"./nav/header-inera-nav.component\";\nimport { IDHeaderIneraSkipToContent } from \"./skip-to-content/header-inera-skip-to-content.component\";\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from \"@inera/ids-angular/common\";\nimport { IDHeaderIneraBrandLinkDirective } from \"./brand-link/header-inera-brand-link.directive\";\n\n@Component({\n selector: \"id-header-inera\",\n templateUrl: \"./header-inera.component.html\",\n standalone: true,\n providers: [\n {\n provide: ID_HEADER_CONTEXT,\n useExisting: IDHeaderIneraComponent,\n },\n ],\n imports: [NgTemplateOutlet]\n})\nexport class IDHeaderIneraComponent implements IDHeaderContext {\n @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n @Input() brandHref: string = \"#\";\n @Input() srBrandLabel: string = \"Logotyp\";\n\n items = contentChildren(IDHeaderIneraItemComponent);\n\n nav = contentChild(IDHeaderIneraNavComponent);\n\n brandLink = contentChild(IDHeaderIneraBrandLinkDirective);\n\n skipToContent = contentChild(IDHeaderIneraSkipToContent);\n\n}\n","<header class=\"ids-header-inera\"\n [class.ids-header-inera--unresponsive]=\"unresponsive\">\n <ng-content select=\"id-header-inera-skip-to-content\"></ng-content>\n <div class=\"ids-header-inera__container\">\n <div class=\"ids-header-inera__inner\">\n <div class=\"ids-header-inera__main\">\n @if(brandLink()) {\n <div class=\"ids-header-inera__logo-custom\">\n <ng-content select=\"[idBrandIneraLink]\"></ng-content>\n </div>\n } @else {\n <a class=\"ids-header-inera__logo\" [attr.href]=\"brandHref\" [attr.aria-label]=\"srBrandLabel\"> </a>\n }\n @if(items()) {\n <div class=\"ids-header-inera__items\">\n <ng-content select=\"id-header-inera-item\"></ng-content>\n <ng-content select=\"id-header-inera-menu-mobile\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n @if(nav()) {\n <nav class=\"ids-header-inera-nav\"\n [class.ids-header-inera-nav--unresponsive]=\"unresponsive\">\n <ng-container ngTemplateOutlet=\"nav()!.template()\"></ng-container>\n </nav>\n }\n</header>","import { NgTemplateOutlet } from \"@angular/common\";\nimport { Component, EventEmitter, Input, Output, TemplateRef, booleanAttribute, inject, contentChild } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext, IDUseIdService, IDClickOutsideDirective, useEscapeKey } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-header-inera-nav-item\",\n template: `\n <div\n idClickOutside\n (idClickOutside)=\"closeItem()\">\n @if (this.label) {\n <button\n [attr.aria-controls]=\"contentId\"\n [attr.aria-expanded]=\"expanded\"\n class=\"ids-header-inera-nav-item__button\"\n (click)=\"toggleExpansion()\">\n {{label}}\n </button>\n } @else {\n <span class=\"ids-header-inera-nav-item__link\">\n <ng-content select=\"[link]\"></ng-content>\n </span>\n }\n <div [attr.id]=\"contentId\" \n class=\"ids-header-inera-nav-item__menu\"\n [class.ids-header-inera-nav-item__menu--expanded]=\"expanded\">\n <div class=\"ids-header-inera-nav-item__menu-content\">\n <div class=\"ids-header-inera-nav-item__menu-col-1\">\n <ng-container ngTemplateOutlet=\"col1() ?? null\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-2\">\n <ng-container ngTemplateOutlet=\"col2() ?? null\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-3\">\n <ng-container ngTemplateOutlet=\"col3() ?? null\"></ng-container>\n </div>\n <div class=\"ids-header-inera-nav-item__menu-col-4\">\n <ng-container ngTemplateOutlet=\"col4() ?? null\"></ng-container>\n </div>\n </div>\n </div>\n </div>`,\n standalone: true,\n imports: [IDClickOutsideDirective, NgTemplateOutlet],\n host: {\n class: 'ids-header-inera-nav-item',\n '[class.ids-header-inera-nav-item--unresponsive]': 'header?.unresponsive',\n '[class.ids-header-inera-nav-item--active]': 'active \|\| expanded',\n '[attr.aria-current]': 'active',\n '[class.ids-header-inera-nav-item--expanded]': 'expanded'\n }\n})\nexport class IDHeaderIneraNavItemComponent {\n @Input() label?: string;\n\n @Input({ transform: booleanAttribute }) active: boolean = false;\n @Output() activeChange = new EventEmitter<boolean>();\n\n @Input({ transform: booleanAttribute }) expanded: boolean = false;\n @Output() expandedChange = new EventEmitter<boolean>();\n\n col1 = contentChild<TemplateRef<any>>('col1');\n col2 = contentChild<TemplateRef<any>>('col2');\n col3 = contentChild<TemplateRef<any>>('col3');\n col4 = contentChild<TemplateRef<any>>('col4');\n\n private idService = inject(IDUseIdService);\n protected contentId = this.idService.generateId('header-inera-nav-item');\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n constructor() {\n useEscapeKey(() => this.closeItem(), () => this.expanded);\n }\n\n toggleExpansion(): void {\n if(this.expanded) {\n this.closeItem();\n } else {\n this.expandItem();\n }\n }\n\n expandItem(): void {\n this.expanded = true;\n this.expandedChange.emit(true);\n this.activeChange.emit(true);\n }\n\n closeItem(): void {\n this.expanded = false;\n this.expandedChange.emit(false);\n this.activeChange.emit(false);\n }\n}\n","import { Component, Input, booleanAttribute, inject } from '@angular/core';\nimport { ID_HEADER_CONTEXT, IDHeaderContext } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-header-inera-menu-mobile',\n template: `\n <div\n class=\"ids-header-inera-menu-mobile\"\n [class.ids-header-inera-menu-mobile--unresponsive]=\"header?.unresponsive\"\n [class.ids-header-inera-menu-mobile--expanded]=\"expanded\"\n >\n <button\n (click)=\"toggleExpansion()\"\n aria-label=\"Meny\"\n [attr.aria-expanded]=\"expanded\"\n class=\"ids-header-inera-menu-mobile__button\"\n >\n <div class=\"ids-hamburger\">\n <span class=\"ids-hamburger__lines\"></span>\n </div>\n </button>\n @if (expanded) {\n <nav class=\"ids-header-inera-menu-mobile__items\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </nav>\n }\n </div>\n `,\n standalone: true,\n host: {\n class: 'ids-header-inera__mobile-menu',\n },\n})\nexport class IDHeaderIneraMenuMobileComponent {\n @Input({ transform: booleanAttribute }) expanded: boolean = false;\n\n header = inject<IDHeaderContext \| null>(ID_HEADER_CONTEXT, { optional: true, host: true });\n\n toggleExpansion() {\n this.expanded = !this.expanded;\n }\n}\n","import {\n Component,\n} from \"@angular/core\";\n\n@Component({\n selector: \"id-header-inera-nav-item-menu-link\",\n template: `<ng-content></ng-content>`,\n standalone: true,\n host: {\n class: 'ids-header-inera-nav__menu-item-wrapper'\n }\n})\nexport class IDHeaderIneraNavItemMenuLinkComponent {\n}\n","import { NgModule } from \"@angular/core\";\n\nimport { IDHeaderIneraComponent } from \"./header-inera.component\";\nimport { IDHeaderIneraItemComponent } from \"./item/header-inera-item.component\";\nimport { IDHeaderIneraNavComponent } from \"./nav/header-inera-nav.component\";\nimport { IDHeaderIneraNavItemComponent } from \"./nav-item/header-inera-nav-item.component\";\nimport { IDHeaderIneraMenuMobileComponent } from \"./menu-mobile/header-inera-menu-mobile.component\";\nimport { IDHeaderIneraSkipToContent } from \"./skip-to-content/header-inera-skip-to-content.component\";\nimport { IDHeaderIneraNavItemMenuLinkComponent } from \"./nav-item-menu-link/header-inera-nav-item-menu-link.component\";\n\nimport { IDHeaderIneraBrandLinkDirective } from \"./brand-link/header-inera-brand-link.directive\";\n\n@NgModule({\n imports: [\n IDHeaderIneraComponent,\n IDHeaderIneraItemComponent,\n IDHeaderIneraNavComponent,\n IDHeaderIneraNavItemComponent,\n IDHeaderIneraMenuMobileComponent,\n IDHeaderIneraSkipToContent,\n IDHeaderIneraNavItemMenuLinkComponent,\n IDHeaderIneraBrandLinkDirective,\n ],\n exports: [\n IDHeaderIneraComponent,\n IDHeaderIneraItemComponent,\n IDHeaderIneraNavComponent,\n IDHeaderIneraNavItemComponent,\n IDHeaderIneraMenuMobileComponent,\n IDHeaderIneraSkipToContent,\n IDHeaderIneraNavItemMenuLinkComponent,\n IDHeaderIneraBrandLinkDirective,\n ],\n})\nexport class IDHeaderIneraModule {}","/\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-item.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, TemplateRef, booleanAttribute, ViewChild, ContentChildren, Output, Input, Component } from '@angular/core';
+import { EventEmitter, contentChildren, viewChild, TemplateRef, inject, booleanAttribute, Output, Input, Component } from '@angular/core';
 import { IDUseIdService } from '@inera/ids-angular/common';
 class IDMobileMenuItemComponent {
@@ -13,12 +13,12 @@ class IDMobileMenuItemComponent {
     srHideText = 'Minimera';
     closed = new EventEmitter();
     opened = new EventEmitter();
-    items;
-    template;
+    items = contentChildren(IDMobileMenuItemComponent);
+    template = viewChild.required(TemplateRef);
     useId = inject(IDUseIdService);
     subItemId = this.useId.generateId('mobile-menu');
     ngAfterContentChecked() {
-        this.items.forEach((item) => {
+        this.items().forEach((item) => {
             item.level = this.level + 1;
         });
     }
@@ -57,11 +57,11 @@ class IDMobileMenuItemComponent {
         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 }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: 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 ɵ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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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 [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" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], expanded: [{
@@ -83,12 +83,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], opened: [{
                 type: Output
-            }], items: [{
-                type: ContentChildren,
-                args: [IDMobileMenuItemComponent]
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 /**

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

	@@ -1 +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 {\n AfterContentChecked~~,\n~~ Component~~,\n ContentChildren,\n~~ EventEmitter~~,\n~~ Input~~,\n~~ Output~~,\n QueryList,\n~~ TemplateRef~~,\n ViewChild,\n~~ booleanAttribute~~,\n~~ inject~~,\n~~} 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 ~~@ContentChildren~~(IDMobileMenuItemComponent)\n ~~items:~~ ~~QueryList<IDMobileMenuItemComponent>;\n\n @ViewChild~~(TemplateRef) ~~template: TemplateRef<any>;\~~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":";;;;;~~MAsBa~~,yBAAyB,CAAA;AAC3B,IAAA,QAAQ;AACuB,IAAA,QAAQ;AACR,IAAA,SAAS;AACT,IAAA,MAAM;IACrC,KAAK,GAAW,CAAC;IACjB,UAAU,GAAW,WAAW;IAChC,UAAU,GAAW,UAAU;AAE9B,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;~~AAG1D~~,IAAA,KAAK;~~AAEmB~~,IAAA,QAAQ;~~AAExB~~,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;IAEhD,qBAAqB,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;~~YAC1B~~,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAC,CAAC;AAC3B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;IAC1D;AAEA,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,QAAQ,IAAI,CAAC,KAAK;AAChB,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,sBAAsB;AAC/B,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,yBAAyB;AAClC,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,yBAAyB;AAClC,YAAA;AACE,gBAAA,OAAO,sBAAsB;;IAEnC;AAEA,IAAA,aAAa,GAAG,CAAC,SAAiB,KAAI;AACpC,QAAA,OAAO,GAAG,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE;AACrC,IAAA,CAAC;AAED,IAAA,eAAe,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACzB;IACF;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AACA,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;~~wGA9DW~~,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEhB,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAChB,gBAAgB,CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAChB,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,~~EAQnB~~,yBAAyB,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAG/B~~,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECrCxB~~,~~ovCA2BA~~,~~4CDPY~~,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EAEnB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,~~ovCAAA~~,EAAA;8BAGlB,QAAQ,EAAA,CAAA;sBAAhB;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf~~;gBAGD,KAAK,EAAA,CAAA;sBADJ,eAAe;uBAAC,yBAAyB;gBAGlB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW~~;;;~~AErCxB~~;;AAEG;;;;"}
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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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, TemplateRef, booleanAttribute, ViewChild, ContentChildren, Output, Input, Component } from '@angular/core';
+import { EventEmitter, contentChildren, viewChild, TemplateRef, inject, booleanAttribute, Output, Input, Component } from '@angular/core';
 import * as i1 from '@angular/common';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { IDUseIdService } from '@inera/ids-angular/common';
@@ -14,12 +14,12 @@ class IDMobileMenuItemComponent {
     srHideText = 'Minimera';
     closed = new EventEmitter();
     opened = new EventEmitter();
-    items;
-    template;
+    items = contentChildren(IDMobileMenuItemComponent);
+    template = viewChild.required(TemplateRef);
     useId = inject(IDUseIdService);
     subItemId = this.useId.generateId('mobile-menu');
     ngAfterContentChecked() {
-        this.items.forEach((item) => {
+        this.items().forEach((item) => {
             item.level = this.level + 1;
         });
     }
@@ -58,11 +58,11 @@ class IDMobileMenuItemComponent {
         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 }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: 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 ɵ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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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 [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" }]
         }], propDecorators: { headline: [{
                 type: Input
             }], expanded: [{
@@ -84,22 +84,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], opened: [{
                 type: Output
-            }], items: [{
-                type: ContentChildren,
-                args: [IDMobileMenuItemComponent]
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
             }] } });
 class IDMobileMenuComponent {
-    items;
+    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 }], ngImport: i0, template: `
+    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: `
   <ul>
-    @for (item of items; track item; let i = $index) {
-    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    @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"] }] });
 }
@@ -111,8 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     imports: [CommonModule],
                     template: `
   <ul>
-    @for (item of items; track item; let i = $index) {
-    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    @for (item of items(); track item; let i = $index) {
+    <ng-container [ngTemplateOutlet]="item.template()"></ng-container>
     }
   <ul>`,
                     host: {
@@ -121,10 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         '[class.ids-mobile-menu--variation-2]': 'variation === 2',
                     },
                 }]
-        }], propDecorators: { items: [{
-                type: ContentChildren,
-                args: [IDMobileMenuItemComponent]
-            }], variation: [{
+        }], propDecorators: { variation: [{
                 type: Input
             }] } });

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

	@@ -1 +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 {\n AfterContentChecked~~,\n~~ Component~~,\n ContentChildren,\n~~ EventEmitter~~,\n~~ Input~~,\n~~ Output~~,\n QueryList,\n~~ TemplateRef~~,\n ViewChild,\n~~ booleanAttribute~~,\n~~ inject~~,\n~~} 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 ~~@ContentChildren~~(IDMobileMenuItemComponent)\n ~~items:~~ ~~QueryList<IDMobileMenuItemComponent>;\n\n @ViewChild~~(TemplateRef) ~~template: TemplateRef<any>;\~~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, ~~ContentChildren,~~ Input, ~~QueryList~~ } 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 ~~@ContentChildren~~(IDMobileMenuItemComponent)\n ~~items: QueryList<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":";;;;;;~~MAsBa~~,yBAAyB,CAAA;AAC3B,IAAA,QAAQ;AACuB,IAAA,QAAQ;AACR,IAAA,SAAS;AACT,IAAA,MAAM;IACrC,KAAK,GAAW,CAAC;IACjB,UAAU,GAAW,WAAW;IAChC,UAAU,GAAW,UAAU;AAE9B,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;AAChD,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE;~~AAG1D~~,IAAA,KAAK;~~AAEmB~~,IAAA,QAAQ;~~AAExB~~,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IACtC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;IAEhD,qBAAqB,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;~~YAC1B~~,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAC,CAAC;AAC3B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;IAC1D;AAEA,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,QAAQ,IAAI,CAAC,KAAK;AAChB,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,sBAAsB;AAC/B,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,yBAAyB;AAClC,YAAA,KAAK,CAAC;AACJ,gBAAA,OAAO,yBAAyB;AAClC,YAAA;AACE,gBAAA,OAAO,sBAAsB;;IAEnC;AAEA,IAAA,aAAa,GAAG,CAAC,SAAiB,KAAI;AACpC,QAAA,OAAO,GAAG,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE;AACrC,IAAA,CAAC;AAED,IAAA,eAAe,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACvB;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACzB;IACF;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;AACA,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB;~~wGA9DW~~,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAEhB,gBAAgB,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAChB,gBAAgB,CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAChB,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,~~EAQnB~~,yBAAyB,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EAG/B~~,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECrCxB~~,~~ovCA2BA~~,~~4CDPY~~,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAEf,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EAEnB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,~~ovCAAA~~,EAAA;8BAGlB,QAAQ,EAAA,CAAA;sBAAhB;gBACuC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,KAAK,EAAA,CAAA;sBAAb;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf~~;gBAGD~~,~~KAAK~~,~~EAAA,~~CAAA;~~sBADJ~~,~~eAAe;uBAAC~~,~~yBAAyB;gBAGlB~~,~~QAAQ~~,~~EAAA~~,~~CAAA;sBAA/B~~,~~SAAS;uBAAC~~,~~WAAW;;;MEjBX,qBAAqB,CAAA~~;~~AAEhC~~,~~IAAA,KAAK;IAEI,~~SAAS,GAAuB,CAAC;~~wGAJ~~/B,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,oCAAA,EAAA,iBAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,~~EACf~~,yBAAyB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAbhC~~;;;;;AAKL,MAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EANK,YAAY,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;;4FAaX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAhBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,QAAQ,EAAE;;;;;AAKL,MAAA,CAAA;AACL,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,sCAAsC,EAAE,iBAAiB;AACzD,wBAAA,sCAAsC,EAAE,iBAAiB;AAC1D,qBAAA;AACF,iBAAA;~~8BAGC~~,~~KAAK,EAAA,CAAA;sBADJ,eAAe;uBAAC,yBAAyB;gBAGjC,~~SAAS,EAAA,CAAA;sBAAjB;;;~~ACxBH~~;;AAEG;;;;"}
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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"}