@inera/ids-angular 8.2.0 → 9.0.1

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

@@ -1,66 +1,137 @@
 import * as i0 from '@angular/core';
-import { Input, Component, EventEmitter, Output, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/mobile/menu/register';
-import { CommonModule } from '@angular/common';
-
-class IDMobileMenuComponent {
-    constructor() { }
-    type = undefined;
-    variation = "1";
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDMobileMenuComponent, selector: "id-mobile-menu", inputs: { type: "type", variation: "variation" }, ngImport: i0, template: "<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ng-content></ng-content>\n</ids-mobile-menu>" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "id-mobile-menu", template: "<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ng-content></ng-content>\n</ids-mobile-menu>" }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
-            }], variation: [{
-                type: Input
-            }] } });
+import { EventEmitter, inject, TemplateRef, booleanAttribute, ViewChild, ContentChildren, 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';
 
 class IDMobileMenuItemComponent {
     headline;
     expanded;
     secondary;
     active;
-    onDidToggleExpansion = new EventEmitter();
+    level = 1;
+    srShowText = 'Expandera';
+    srHideText = 'Minimera';
+    closed = new EventEmitter();
+    opened = new EventEmitter();
+    items;
+    template;
+    useId = inject(IDUseIdService);
+    subItemId = this.useId.generateId('mobile-menu');
+    ngAfterContentChecked() {
+        this.items.forEach((item) => {
+            item.level = this.level + 1;
+        });
+    }
+    get buttonToggleText() {
+        return this.expanded ? this.srHideText : this.srShowText;
+    }
+    get itemLevelClass() {
+        switch (this.level) {
+            case 1:
+                return 'ids-mobile-menu-item';
+            case 2:
+                return 'ids-mobile-menu-item--2';
+            case 3:
+                return 'ids-mobile-menu-item--3';
+            default:
+                return 'ids-mobile-menu-item';
+        }
+    }
+    getLevelClass = (className) => {
+        return `${className}-${this.level}`;
+    };
+    toggleExpansion(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: "18.2.14", ngImport: i0, type: IDMobileMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDMobileMenuItemComponent, selector: "id-mobile-menu-item", inputs: { headline: "headline", expanded: "expanded", secondary: "secondary", active: "active" }, outputs: { onDidToggleExpansion: "onDidToggleExpansion" }, ngImport: i0, template: "<ids-mobile-menu-item \n      [headline]=\"headline\"\n      [expanded]=\"expanded\"\n      [secondary]=\"secondary\"\n      [active]=\"active\"\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\n      <ng-content></ng-content>\n</ids-mobile-menu-item>", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-mobile-menu-item", template: "<ids-mobile-menu-item \n      [headline]=\"headline\"\n      [expanded]=\"expanded\"\n      [secondary]=\"secondary\"\n      [active]=\"active\"\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\n      <ng-content></ng-content>\n</ids-mobile-menu-item>", styles: [":host{display:contents}\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: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], secondary: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], level: [{
+                type: Input
+            }], srShowText: [{
+                type: Input
+            }], srHideText: [{
                 type: Input
-            }], onDidToggleExpansion: [{
+            }], closed: [{
                 type: Output
+            }], opened: [{
+                type: Output
+            }], items: [{
+                type: ContentChildren,
+                args: [IDMobileMenuItemComponent]
+            }], template: [{
+                type: ViewChild,
+                args: [TemplateRef]
             }] } });
 
-class IDMobileMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuModule, declarations: [IDMobileMenuComponent, IDMobileMenuItemComponent], imports: [CommonModule], exports: [IDMobileMenuComponent, IDMobileMenuItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuModule, imports: [CommonModule] });
+class IDMobileMenuComponent {
+    constructor() { }
+    items;
+    variation = 1;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: `
+  <ul>
+    @for (item of items; track item; let i = $index) {
+    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    }
+  <ul>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDMobileMenuComponent, decorators: [{
+            type: Component,
             args: [{
-                    declarations: [IDMobileMenuComponent, IDMobileMenuItemComponent],
-                    exports: [IDMobileMenuComponent, IDMobileMenuItemComponent],
+                    selector: 'id-mobile-menu',
+                    standalone: true,
                     imports: [CommonModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    template: `
+  <ul>
+    @for (item of items; track item; let i = $index) {
+    <ng-container [ngTemplateOutlet]="item.template"></ng-container>
+    }
+  <ul>`,
+                    host: {
+                        class: 'ids-mobile-menu',
+                        '[class.ids-mobile-menu--variation-1]': 'variation === 1',
+                        '[class.ids-mobile-menu--variation-2]': 'variation === 2',
+                    },
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [IDMobileMenuItemComponent]
+            }], variation: [{
+                type: Input
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDMobileMenuComponent, IDMobileMenuItemComponent, IDMobileMenuModule };
+export { IDMobileMenuComponent, IDMobileMenuItemComponent };
 //# sourceMappingURL=inera-ids-angular-components-mobile-menu.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-mobile-menu.mjs","sources":["../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.ts","../../../projects/ids-angular/components/mobile/menu/mobile-menu.component.html","../../../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.module.ts","../../../projects/ids-angular/components/mobile/menu/inera-ids-angular-components-mobile-menu.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-mobile-menu\",\n  templateUrl: \"./mobile-menu.component.html\"\n})\nexport class IDMobileMenuComponent {\n  constructor() {}\n\n  @Input()\n  type: string | undefined = undefined;\n  @Input()\n  variation: string | undefined = \"1\";\n}\n","<ids-mobile-menu \n  [type]=\"type\"\n  [variation]=\"variation\">\n  <ng-content></ng-content>\n</ids-mobile-menu>","import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-mobile-menu-item\",\n  templateUrl: \"./mobile-menu-item.component.html\",\n  styles: [\":host { display: contents; }\"]\n})\nexport class IDMobileMenuItemComponent {\n  @Input()\n  headline: string;\n  @Input()\n  expanded: boolean;\n  @Input()\n  secondary: boolean;\n  @Input()\n  active: boolean;\n  @Output()\n  onDidToggleExpansion: EventEmitter<boolean> = new EventEmitter<boolean>();\n}\n","<ids-mobile-menu-item \n      [headline]=\"headline\"\n      [expanded]=\"expanded\"\n      [secondary]=\"secondary\"\n      [active]=\"active\"\n      (didToggleExpansion)=\"onDidToggleExpansion.emit(true)\">\n      <ng-content></ng-content>\n</ids-mobile-menu-item>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDMobileMenuComponent } from \"./mobile-menu.component\";\nimport \"@inera/ids-core/components/mobile/menu/register\";\nimport { CommonModule } from \"@angular/common\";\nimport { IDMobileMenuItemComponent } from \"./item/mobile-menu-item.component\";\n\n@NgModule({\n  declarations: [IDMobileMenuComponent, IDMobileMenuItemComponent],\n  exports: [IDMobileMenuComponent, IDMobileMenuItemComponent],\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDMobileMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAMa,qBAAqB,CAAA;AAChC,IAAA,WAAA,GAAA,EAAe;IAGf,IAAI,GAAuB,SAAS;IAEpC,SAAS,GAAuB,GAAG;wGANxB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,wGCNlC,qHAIkB,EAAA,CAAA;;4FDEL,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,qHAAA,EAAA;wDAO1B,IAAI,EAAA,CAAA;sBADH;gBAGD,SAAS,EAAA,CAAA;sBADR;;;MEJU,yBAAyB,CAAA;AAEpC,IAAA,QAAQ;AAER,IAAA,QAAQ;AAER,IAAA,SAAS;AAET,IAAA,MAAM;AAEN,IAAA,oBAAoB,GAA0B,IAAI,YAAY,EAAW;wGAV9D,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,wNCPtC,6QAOuB,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;4FDAV,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;8BAM/B,QAAQ,EAAA,CAAA;sBADP;gBAGD,QAAQ,EAAA,CAAA;sBADP;gBAGD,SAAS,EAAA,CAAA;sBADR;gBAGD,MAAM,EAAA,CAAA;sBADL;gBAGD,oBAAoB,EAAA,CAAA;sBADnB;;;MEJU,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAlB,kBAAkB,EAAA,YAAA,EAAA,CALd,qBAAqB,EAAE,yBAAyB,aAErD,YAAY,CAAA,EAAA,OAAA,EAAA,CADZ,qBAAqB,EAAE,yBAAyB,CAAA,EAAA,CAAA;AAI/C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,YAAY,CAAA,EAAA,CAAA;;4FAGX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,qBAAqB,EAAE,yBAAyB,CAAC;AAChE,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,yBAAyB,CAAC;oBAC3D,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACXD;;AAEG;;;;"}
+{"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\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  constructor() {}\n\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":"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"}

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

@@ -1,44 +1,57 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/navigation/content/register';
+import { TemplateRef, ViewChild, Component, ContentChildren, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class IDNavigationContentLinkComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationContentLinkComponent, isStandalone: true, selector: "id-navigation-content-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: 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: "18.2.14", ngImport: i0, type: IDNavigationContentLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-navigation-content-link',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <li class="ids-navigation-content__link-wrapper">
+      <ng-content></ng-content>
+      </li>
+    </ng-template>`
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
 
 class IDNavigationContentComponent {
-    constructor() { }
-    headline = "";
-    maxheight = "";
+    headline;
+    maxHeight;
+    linkComponents;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationContentComponent, selector: "id-navigation-content", inputs: { headline: "headline", maxheight: "maxheight" }, ngImport: i0, template: "<ids-navigation-content\n  [headline]=\"headline\"\n  [maxheight]=\"maxheight\">\n  <ng-content></ng-content>\n</ids-navigation-content>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-navigation-content", template: "<ids-navigation-content\n  [headline]=\"headline\"\n  [maxheight]=\"maxheight\">\n  <ng-content></ng-content>\n</ids-navigation-content>" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            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" }]
+        }], propDecorators: { headline: [{
                 type: Input
-            }], maxheight: [{
+            }], maxHeight: [{
                 type: Input
+            }], linkComponents: [{
+                type: ContentChildren,
+                args: [IDNavigationContentLinkComponent]
             }] } });
 
-class IDNavigationContentModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentModule, declarations: [IDNavigationContentComponent], exports: [IDNavigationContentComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationContentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDNavigationContentComponent
-                    ],
-                    exports: [
-                        IDNavigationContentComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDNavigationContentComponent, IDNavigationContentModule };
+export { IDNavigationContentComponent, IDNavigationContentLinkComponent };
 //# sourceMappingURL=inera-ids-angular-components-navigation-content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.component.html","../../../projects/ids-angular/components/navigation/content/navigation-content.module.ts","../../../projects/ids-angular/components/navigation/content/inera-ids-angular-components-navigation-content.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-navigation-content\",\n  templateUrl: \"./navigation-content.component.html\"\n})\nexport class IDNavigationContentComponent {\n  constructor() {}\n\n  @Input()\n  headline: string = \"\";\n\n  @Input()\n  maxheight: string = \"\";\n}\n","<ids-navigation-content\n  [headline]=\"headline\"\n  [maxheight]=\"maxheight\">\n  <ng-content></ng-content>\n</ids-navigation-content>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDNavigationContentComponent } from './navigation-content.component';\nimport '@inera/ids-core/components/navigation/content/register';\n\n@NgModule({\n  declarations: [\n    IDNavigationContentComponent\n  ],\n  exports: [\n    IDNavigationContentComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDNavigationContentModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,4BAA4B,CAAA;AACvC,IAAA,WAAA,GAAA,EAAe;IAGf,QAAQ,GAAW,EAAE;IAGrB,SAAS,GAAW,EAAE;wGAPX,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,uHCNzC,0IAIyB,EAAA,CAAA;;4FDEZ,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EAAA,0IAAA,EAAA;wDAOjC,QAAQ,EAAA,CAAA;sBADP;gBAID,SAAS,EAAA,CAAA;sBADR;;;MECU,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAzB,yBAAyB,EAAA,YAAA,EAAA,CAPlC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,4BAA4B,CAAA,EAAA,CAAA;yGAInB,yBAAyB,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-navigation-content.mjs","sources":["../../../projects/ids-angular/components/navigation/content/navigation-content-link.component.ts","../../../projects/ids-angular/components/navigation/content/navigation-content.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;;;;"}

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

@@ -1,37 +1,52 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/navigation/local/register';
+import { TemplateRef, ViewChild, Component, ContentChildren, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class IDNavigationLocalLinkComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalLinkComponent, isStandalone: true, selector: "id-navigation-local-link", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+      `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-navigation-local-link',
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+      `,
+                    standalone: true
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
 
 class IDNavigationLocalComponent {
-    constructor() { }
-    headline = '';
+    headline;
+    linkComponents;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalComponent, selector: "id-navigation-local", inputs: { headline: "headline" }, ngImport: i0, template: "<ids-navigation-local\n  [headline]=\"headline\">\n  <ng-content></ng-content>\n</ids-navigation-local>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNavigationLocalComponent, isStandalone: true, selector: "id-navigation-local", inputs: { headline: "headline" }, queries: [{ propertyName: "linkComponents", predicate: IDNavigationLocalLinkComponent }], ngImport: i0, template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-navigation-local', template: "<ids-navigation-local\n  [headline]=\"headline\">\n  <ng-content></ng-content>\n</ids-navigation-local>" }]
-        }], ctorParameters: () => [], propDecorators: { headline: [{
+            args: [{ selector: 'id-navigation-local', standalone: true, imports: [CommonModule], template: "<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>" }]
+        }], propDecorators: { headline: [{
                 type: Input
+            }], linkComponents: [{
+                type: ContentChildren,
+                args: [IDNavigationLocalLinkComponent]
             }] } });
 
-class IDNavigationLocalModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalModule, declarations: [IDNavigationLocalComponent], exports: [IDNavigationLocalComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNavigationLocalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IDNavigationLocalComponent],
-                    exports: [IDNavigationLocalComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDNavigationLocalComponent, IDNavigationLocalModule };
+export { IDNavigationLocalComponent, IDNavigationLocalLinkComponent };
 //# sourceMappingURL=inera-ids-angular-components-navigation-local.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-navigation-local.mjs","sources":["../../../projects/ids-angular/components/navigation/local/navigation-local.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.html","../../../projects/ids-angular/components/navigation/local/navigation-local.module.ts","../../../projects/ids-angular/components/navigation/local/inera-ids-angular-components-navigation-local.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-local',\n  templateUrl: './navigation-local.component.html'\n})\nexport class IDNavigationLocalComponent {\n\n  constructor() { }\n  \n  @Input()\n  headline: string = '';\n}\n","<ids-navigation-local\n  [headline]=\"headline\">\n  <ng-content></ng-content>\n</ids-navigation-local>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDNavigationLocalComponent } from \"./navigation-local.component\";\nimport \"@inera/ids-core/components/navigation/local/register\";\n\n@NgModule({\n  declarations: [IDNavigationLocalComponent],\n  exports: [IDNavigationLocalComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDNavigationLocalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,0BAA0B,CAAA;AAErC,IAAA,WAAA,GAAA,EAAgB;IAGhB,QAAQ,GAAW,EAAE;wGALV,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,6FCNvC,yGAGuB,EAAA,CAAA;;4FDGV,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,yGAAA,EAAA;wDAQ/B,QAAQ,EAAA,CAAA;sBADP;;;MEDU,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAvB,uBAAuB,EAAA,YAAA,EAAA,CAJnB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAC/B,0BAA0B,CAAA,EAAA,CAAA;yGAGzB,uBAAuB,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,0BAA0B,CAAC;oBAC1C,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-navigation-local.mjs","sources":["../../../projects/ids-angular/components/navigation/local/navigation-local-link.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.ts","../../../projects/ids-angular/components/navigation/local/navigation-local.component.html","../../../projects/ids-angular/components/navigation/local/inera-ids-angular-components-navigation-local.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-navigation-local-link',\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>\n      `,\n  standalone: true\n})\nexport class IDNavigationLocalLinkComponent {\n\n  @ViewChild(TemplateRef)\n  template: TemplateRef<any>;\n\n}","import { Component, ContentChildren, Input, QueryList } from '@angular/core';\nimport { IDNavigationLocalLinkComponent } from './navigation-local-link.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'id-navigation-local',\n  templateUrl: './navigation-local.component.html',\n  standalone: true,\n  imports: [CommonModule]\n})\nexport class IDNavigationLocalComponent {\n\n  @Input() headline?: string;\n\n  @ContentChildren(IDNavigationLocalLinkComponent)\n  linkComponents: QueryList<IDNavigationLocalLinkComponent>;\n}\n","<div class=\"ids-navigation-local\">\n  <h2 class=\"ids-navigation-local__headline\">{{headline}}</h2>\n  <ul>\n    <ng-container *ngFor=\"let link of linkComponents; let i = index\">\n      <li>\n        <ng-container [ngTemplateOutlet]=\"link.template\"></ng-container>\n      </li>\n    </ng-container>\n  </ul>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,8BAA8B,CAAA;AAGzC,IAAA,QAAQ;wGAHG,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE9B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EATZ;;;;AAIL,MAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGM,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAT1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE;;;;AAIL,MAAA,CAAA;AACL,oBAAA,UAAU,EAAE;AACb,iBAAA;8BAIC,QAAQ,EAAA,CAAA;sBADP,SAAS;uBAAC,WAAW;;;MCHX,0BAA0B,CAAA;AAE5B,IAAA,QAAQ;AAGjB,IAAA,cAAc;wGALH,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,EAIpB,8BAA8B,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdjD,oUASM,2CDDM,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;;4FAEX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,UAAA,EAEnB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,oUAAA,EAAA;8BAId,QAAQ,EAAA,CAAA;sBAAhB;gBAGD,cAAc,EAAA,CAAA;sBADb,eAAe;uBAAC,8BAA8B;;;AEdjD;;AAEG;;;;"}

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

@@ -1,41 +1,46 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/notification/badge/register';
+import { Input, Component } from '@angular/core';
 
 class IDNotificationBadgeComponent {
-    constructor() { }
     type = "primary";
+    icon;
+    get hostClasses() {
+        return `ids-notification-badge ids-notification-badge--${this.type}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: { type: "type" }, ngImport: i0, template: "<ids-notification-badge\n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-notification-badge>", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDNotificationBadgeComponent, isStandalone: true, selector: "id-notification-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `
+    @if(icon) {
+      <span class="ids-icon-{{ icon }}"></span>
+    } @else {
+      <ng-content></ng-content>
+    }
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-notification-badge", template: "<ids-notification-badge\n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-notification-badge>", styles: [":host{display:contents}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
-            }] } });
-
-class IDNotificationBadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeModule, declarations: [IDNotificationBadgeComponent], exports: [IDNotificationBadgeComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDNotificationBadgeModule, decorators: [{
-            type: NgModule,
             args: [{
-                    declarations: [
-                        IDNotificationBadgeComponent
-                    ],
-                    exports: [
-                        IDNotificationBadgeComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    selector: "id-notification-badge",
+                    template: `
+    @if(icon) {
+      <span class="ids-icon-{{ icon }}"></span>
+    } @else {
+      <ng-content></ng-content>
+    }
+  `,
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
                 }]
-        }] });
+        }], propDecorators: { type: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDNotificationBadgeComponent, IDNotificationBadgeModule };
+export { IDNotificationBadgeComponent };
 //# sourceMappingURL=inera-ids-angular-components-notification-badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification/badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification/badge/notification-badge.component.html","../../../projects/ids-angular/components/notification/badge/notification-badge.module.ts","../../../projects/ids-angular/components/notification/badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  templateUrl: \"./notification-badge.component.html\",\n  styles: [\":host { display: contents; }\"]\n})\nexport class IDNotificationBadgeComponent {\n  constructor() {}\n\n  @Input()\n  type: string = \"primary\";\n}\n","<ids-notification-badge\n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-notification-badge>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDNotificationBadgeComponent } from './notification-badge.component';\nimport '@inera/ids-core/components/notification/badge/register';\n\n@NgModule({\n  declarations: [\n    IDNotificationBadgeComponent\n  ],\n  exports: [\n    IDNotificationBadgeComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDNotificationBadgeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,4BAA4B,CAAA;AACvC,IAAA,WAAA,GAAA,EAAe;IAGf,IAAI,GAAW,SAAS;wGAJb,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,uFCPzC,qGAGyB,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;4FDIZ,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EAAA,qGAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;wDAQjC,IAAI,EAAA,CAAA;sBADH;;;MEGU,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAzB,yBAAyB,EAAA,YAAA,EAAA,CAPlC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,4BAA4B,CAAA,EAAA,CAAA;yGAInB,yBAAyB,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-notification-badge.mjs","sources":["../../../projects/ids-angular/components/notification-badge/notification-badge.component.ts","../../../projects/ids-angular/components/notification-badge/inera-ids-angular-components-notification-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-notification-badge\",\n  template: `\n    @if(icon) {\n      <span class=\"ids-icon-{{ icon }}\"></span>\n    } @else {\n      <ng-content></ng-content>\n    }\n  `,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDNotificationBadgeComponent {\n\n  @Input() type: \"primary\" | \"neutral\" | \"info\" | \"attention\" | \"success\" | \"error\" | \"secondary\" = \"primary\";\n  @Input() icon?: string;\n\n  get hostClasses(): string {\n    return `ids-notification-badge ids-notification-badge--${this.type}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAgBa,4BAA4B,CAAA;IAE9B,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,+CAAA,EAAkD,IAAI,CAAC,IAAI,EAAE;IACtE;wGAPW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZ7B;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAMU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAGU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;ACnBH;;AAEG;;;;"}