npm - @inera/ids-angular - Versions diffs - 9.2.1 → 9.4.0 - Mend

@inera/ids-angular 9.2.1 → 9.4.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 (239) hide show

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

@@ -13,8 +13,8 @@ class IDHeaderPatientComponent {
         return whitespaceCount > 2 && trimmed.length > 20;
     }
     ;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderPatientComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderPatientComponent, isStandalone: true, selector: "id-header-patient", inputs: { stack: "stack", collapse: "collapse", srLabel: "srLabel", name: "name", ssn: "ssn" }, host: { properties: { "class.ids-header-patient--long-name": "isNameLong", "class.ids-header-patient--stack": "this.stack", "class.ids-header-patient--collapse": "this.collapse" }, classAttribute: "ids-header-patient" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderPatientComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderPatientComponent, isStandalone: true, selector: "id-header-patient", inputs: { stack: "stack", collapse: "collapse", srLabel: "srLabel", name: "name", ssn: "ssn" }, host: { properties: { "class.ids-header-patient--long-name": "isNameLong", "class.ids-header-patient--stack": "this.stack", "class.ids-header-patient--collapse": "this.collapse" }, classAttribute: "ids-header-patient" }, ngImport: i0, template: `
   <section
     class="ids-header-patient"
     [attr.aria-label]="srLabel">
@@ -32,7 +32,7 @@ class IDHeaderPatientComponent {
     </div>
   </section>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderPatientComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderPatientComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-patient",
@@ -78,12 +78,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 class IDHeaderPatientActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderPatientActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDHeaderPatientActionsComponent, isStandalone: true, selector: "id-header-patient-actions", host: { classAttribute: "ids-header-patient__buttons" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderPatientActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDHeaderPatientActionsComponent, isStandalone: true, selector: "id-header-patient-actions", host: { classAttribute: "ids-header-patient__buttons" }, ngImport: i0, template: `
     <ng-content></ng-content>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDHeaderPatientActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDHeaderPatientActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-header-patient-actions",

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

@@ -15,10 +15,10 @@ class IDLinkDirective {
         const hasIcon = this.ref.nativeElement.querySelector("[class^='ids-icon']");
         return hasIcon;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.20", type: IDLinkDirective, isStandalone: true, selector: "a[idLink]", inputs: { colorPreset: "colorPreset", active: ["active", "active", booleanAttribute], block: ["block", "block", booleanAttribute], small: ["small", "small", booleanAttribute], menu: ["menu", "menu", booleanAttribute], footer: ["footer", "footer", booleanAttribute], activeIcon: ["activeIcon", "activeIcon", booleanAttribute], underlined: ["underlined", "underlined", booleanAttribute] }, host: { properties: { "class.ids-link--color-1": "colorPreset === 1", "class.ids-link--color-2": "colorPreset === 2", "class.ids-link--color-3": "colorPreset === 3", "class.ids-link--active-icon": "activeIcon", "class.ids-link--active": "active", "class.ids-link--underlined": "underlined", "class.ids-link--block": "block", "class.ids-link--small": "small", "class.ids-link--footer": "footer", "class.ids-link--menu": "menu", "class.ids-link--icon": "iconClass" }, classAttribute: "ids-link" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: IDLinkDirective, isStandalone: true, selector: "a[idLink]", inputs: { colorPreset: "colorPreset", active: ["active", "active", booleanAttribute], block: ["block", "block", booleanAttribute], small: ["small", "small", booleanAttribute], menu: ["menu", "menu", booleanAttribute], footer: ["footer", "footer", booleanAttribute], activeIcon: ["activeIcon", "activeIcon", booleanAttribute], underlined: ["underlined", "underlined", booleanAttribute] }, host: { properties: { "class.ids-link--color-1": "colorPreset === 1", "class.ids-link--color-2": "colorPreset === 2", "class.ids-link--color-3": "colorPreset === 3", "class.ids-link--active-icon": "activeIcon", "class.ids-link--active": "active", "class.ids-link--underlined": "underlined", "class.ids-link--block": "block", "class.ids-link--small": "small", "class.ids-link--footer": "footer", "class.ids-link--menu": "menu", "class.ids-link--icon": "iconClass" }, classAttribute: "ids-link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "a[idLink]",

package/fesm2022/inera-ids-angular-components-message-avatar.mjs ADDED Viewed

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+class IDMessageAvatarComponent {
+    user;
+    icon;
+    label;
+    subtitle;
+    get hostClasses() {
+        return `ids-message-avatar ids-message-avatar--user-${this.user}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDMessageAvatarComponent, isStandalone: true, selector: "id-message-avatar", inputs: { user: "user", icon: "icon", label: "label", subtitle: "subtitle" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<div class=\"ids-message-avatar__inner\">\n  @if (!!icon) {\n    <div class=\"ids-message-avatar__icon\">\n      <span class=\"ids-icon-{{ icon }}\"></span>\n    </div>\n  } @else {\n    <div class=\"ids-message-avatar__image\">\n      <ng-content select=\"[idMessageAvatarImage]\"></ng-content>\n    </div>\n  }\n\n  <div class=\"ids-message-avatar__info\">\n    <div class=\"ids-message-avatar__label\">{{ label }}</div>\n    <div class=\"ids-message-avatar__subtitle\">{{ subtitle }}</div>\n  </div>\n</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDMessageAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'id-message-avatar', standalone: true, host: {
+                        '[class]': 'hostClasses',
+                    }, template: "<div class=\"ids-message-avatar__inner\">\n  @if (!!icon) {\n    <div class=\"ids-message-avatar__icon\">\n      <span class=\"ids-icon-{{ icon }}\"></span>\n    </div>\n  } @else {\n    <div class=\"ids-message-avatar__image\">\n      <ng-content select=\"[idMessageAvatarImage]\"></ng-content>\n    </div>\n  }\n\n  <div class=\"ids-message-avatar__info\">\n    <div class=\"ids-message-avatar__label\">{{ label }}</div>\n    <div class=\"ids-message-avatar__subtitle\">{{ subtitle }}</div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { user: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { IDMessageAvatarComponent };
+//# sourceMappingURL=inera-ids-angular-components-message-avatar.mjs.map

package/fesm2022/inera-ids-angular-components-message-avatar.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"inera-ids-angular-components-message-avatar.mjs","sources":["../../../projects/ids-angular/components/message-avatar/message-avatar.component.ts","../../../projects/ids-angular/components/message-avatar/message-avatar.component.html","../../../projects/ids-angular/components/message-avatar/inera-ids-angular-components-message-avatar.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'id-message-avatar',\n templateUrl: './message-avatar.component.html',\n standalone: true,\n host: {\n '[class]': 'hostClasses',\n },\n})\nexport class IDMessageAvatarComponent {\n @Input() user?: 1 | 2;\n @Input() icon?: string;\n @Input() label?: string;\n @Input() subtitle?: string;\n\n get hostClasses(): string {\n return `ids-message-avatar ids-message-avatar--user-${this.user}`;\n }\n}\n","<div class=\"ids-message-avatar__inner\">\n @if (!!icon) {\n <div class=\"ids-message-avatar__icon\">\n <span class=\"ids-icon-{{ icon }}\"></span>\n </div>\n } @else {\n <div class=\"ids-message-avatar__image\">\n <ng-content select=\"[idMessageAvatarImage]\"></ng-content>\n </div>\n }\n\n <div class=\"ids-message-avatar__info\">\n <div class=\"ids-message-avatar__label\">{{ label }}</div>\n <div class=\"ids-message-avatar__subtitle\">{{ subtitle }}</div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,wBAAwB,CAAA;AAC1B,IAAA,IAAI;AACJ,IAAA,IAAI;AACJ,IAAA,KAAK;AACL,IAAA,QAAQ;AAEjB,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,4CAAA,EAA+C,IAAI,CAAC,IAAI,EAAE;IACnE;wGARW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,6MCVrC,kgBAgBA,EAAA,CAAA;;4FDNa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;+BACE,mBAAmB,EAAA,UAAA,EAEjB,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA,EAAA,QAAA,EAAA,kgBAAA,EAAA;8BAGQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;;;AEdH;;AAEG;;;;"}

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

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

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

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

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

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