@inera/ids-angular 8.2.0 → 9.0.0

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

@@ -1,58 +1,279 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/side-menu/register';
+import { EventEmitter, inject, booleanAttribute, ContentChildren, Output, Input, Component, NgModule } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
 
 class IDSideMenuComponent {
-    constructor() { }
-    label = "";
-    srtoggletext = "";
+    label = '';
+    srExpandText = 'Expandera';
+    srCollapseText = 'Minimera';
     level = 1;
     active = false;
+    icon = '';
     expanded = false;
-    onClosed = new EventEmitter();
-    onOpened = new EventEmitter();
-    showChange = new EventEmitter();
+    expandedChange = new EventEmitter();
+    closed = new EventEmitter();
+    opened = new EventEmitter();
+    menuChildren;
+    parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });
+    constructor() {
+        if (this.parent) {
+            this.level = this.parent.level + 1;
+        }
+    }
+    get hostClasses() {
+        return `ids-side-menu ids-side-menu--level-${this.level}`;
+    }
     hasClosed(event) {
-        this.onClosed.emit(event);
+        this.expanded = false;
+        this.expandedChange.emit(this.expanded);
+        this.closed.emit(event);
     }
     hasOpened(event) {
-        this.onOpened.emit(event);
+        this.expanded = true;
+        this.expandedChange.emit(this.expanded);
+        this.opened.emit(event);
+    }
+    toggleExpanded(e) {
+        if (this.expanded) {
+            this.hasClosed(e);
+        }
+        else {
+            this.hasOpened(e);
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSideMenuComponent, selector: "id-side-menu", inputs: { label: "label", srtoggletext: "srtoggletext", level: "level", active: "active", expanded: "expanded" }, outputs: { onClosed: "onClosed", onOpened: "onOpened", showChange: "showChange" }, ngImport: i0, template: "<ids-side-menu\n  [label]=\"label\"\n  [srtoggletext]=\"srtoggletext\"\n  [level]=\"level\"\n  [active]=\"active\"\n  [expanded]=\"expanded\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-menu>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDSideMenuComponent, isStandalone: true, selector: "id-side-menu-item", inputs: { label: "label", srExpandText: "srExpandText", srCollapseText: "srCollapseText", level: "level", active: ["active", "active", booleanAttribute], icon: "icon", expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { expandedChange: "expandedChange", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses" } }, queries: [{ propertyName: "menuChildren", predicate: IDSideMenuComponent }], ngImport: i0, template: `
+    <ng-template #labelTemplate>
+      <div class="ids-side-menu__label">
+        {{ label }}
+        <slot name="label-notification"></slot>
+      </div>
+    </ng-template>
+    <ng-template #expandBtnTemplate>
+      @if (this.menuChildren.length > 0) {
+        <button
+          class="ids-side-menu__chevron-button"
+          [class.ids-side-menu__chevron-button--expanded]="expanded"
+          (click)="toggleExpanded($event)"
+          [attr.aria-expanded]="expanded"
+          [attr.aria-label]="expanded ? srCollapseText : srExpandText"
+        ></button>
+      } @else if (this.icon) {
+        <div
+          class="ids-side-menu__label-icon"
+          aria-hidden="true"
+        >
+          <span
+            class="ids-icon-{{ this.icon }}"
+            aria-hidden="true"
+          ></span>
+        </div>
+      } @else {
+        <div class="ids-side-menu__chevron-button--empty"></div>
+      }
+    </ng-template>
+
+    <div
+      class="ids-side-menu__header"
+      [class.ids-side-menu--node-label]="this.menuChildren.length && this.label"
+      [class.ids-side-menu--active]="active"
+    >
+      <div class="ids-side-menu__header-inner">
+        @if (this.label && this.menuChildren.length > 0) {
+          <button
+            class="ids-side-menu__label-button"
+            (click)="toggleExpanded($event)"
+            [attr.aria-expanded]="expanded"
+            [attr.aria-label]="expanded ? srCollapseText : srExpandText"
+          >
+            <div
+              class="ids-side-menu__label-chevron"
+              [class.ids-side-menu__label-chevron--expanded]="expanded"
+            ></div>
+            <ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
+          </button>
+        } @else if (this.label) {
+          <div class="ids-side-menu__chevron-button--empty"></div>
+          <ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
+        } @else {
+          <ng-container [ngTemplateOutlet]="expandBtnTemplate"></ng-container>
+          <div class="ids-side-menu__link">
+            <ng-content></ng-content>
+          </div>
+        }
+      </div>
+    </div>
+    @if (this.expanded) {
+      <div class="ids-side-menu__children">
+        <ng-content select="id-side-menu-item"></ng-content>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-side-menu", template: "<ids-side-menu\n  [label]=\"label\"\n  [srtoggletext]=\"srtoggletext\"\n  [level]=\"level\"\n  [active]=\"active\"\n  [expanded]=\"expanded\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-menu>\n" }]
+            args: [{
+                    selector: 'id-side-menu-item',
+                    template: `
+    <ng-template #labelTemplate>
+      <div class="ids-side-menu__label">
+        {{ label }}
+        <slot name="label-notification"></slot>
+      </div>
+    </ng-template>
+    <ng-template #expandBtnTemplate>
+      @if (this.menuChildren.length > 0) {
+        <button
+          class="ids-side-menu__chevron-button"
+          [class.ids-side-menu__chevron-button--expanded]="expanded"
+          (click)="toggleExpanded($event)"
+          [attr.aria-expanded]="expanded"
+          [attr.aria-label]="expanded ? srCollapseText : srExpandText"
+        ></button>
+      } @else if (this.icon) {
+        <div
+          class="ids-side-menu__label-icon"
+          aria-hidden="true"
+        >
+          <span
+            class="ids-icon-{{ this.icon }}"
+            aria-hidden="true"
+          ></span>
+        </div>
+      } @else {
+        <div class="ids-side-menu__chevron-button--empty"></div>
+      }
+    </ng-template>
+
+    <div
+      class="ids-side-menu__header"
+      [class.ids-side-menu--node-label]="this.menuChildren.length && this.label"
+      [class.ids-side-menu--active]="active"
+    >
+      <div class="ids-side-menu__header-inner">
+        @if (this.label && this.menuChildren.length > 0) {
+          <button
+            class="ids-side-menu__label-button"
+            (click)="toggleExpanded($event)"
+            [attr.aria-expanded]="expanded"
+            [attr.aria-label]="expanded ? srCollapseText : srExpandText"
+          >
+            <div
+              class="ids-side-menu__label-chevron"
+              [class.ids-side-menu__label-chevron--expanded]="expanded"
+            ></div>
+            <ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
+          </button>
+        } @else if (this.label) {
+          <div class="ids-side-menu__chevron-button--empty"></div>
+          <ng-container [ngTemplateOutlet]="labelTemplate"></ng-container>
+        } @else {
+          <ng-container [ngTemplateOutlet]="expandBtnTemplate"></ng-container>
+          <div class="ids-side-menu__link">
+            <ng-content></ng-content>
+          </div>
+        }
+      </div>
+    </div>
+    @if (this.expanded) {
+      <div class="ids-side-menu__children">
+        <ng-content select="id-side-menu-item"></ng-content>
+      </div>
+    }
+  `,
+                    host: {
+                        '[class]': 'hostClasses',
+                    },
+                    standalone: true,
+                    imports: [NgTemplateOutlet],
+                }]
         }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
-            }], srtoggletext: [{
+            }], srExpandText: [{
+                type: Input
+            }], srCollapseText: [{
                 type: Input
             }], level: [{
                 type: Input
             }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], icon: [{
                 type: Input
             }], expanded: [{
-                type: Input
-            }], onClosed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], expandedChange: [{
                 type: Output
-            }], onOpened: [{
+            }], closed: [{
                 type: Output
-            }], showChange: [{
+            }], opened: [{
                 type: Output
+            }], menuChildren: [{
+                type: ContentChildren,
+                args: [IDSideMenuComponent]
+            }] } });
+
+class IDSideMenuLinkComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSideMenuLinkComponent, isStandalone: true, selector: "id-side-menu-item-link", host: { classAttribute: "ids-side-menu__link" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-side-menu-item-link",
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'ids-side-menu__link'
+                    },
+                    standalone: true
+                }]
+        }] });
+
+class IDSideMenuIconComponent {
+    name;
+    get hostClasses() {
+        return `ids-icon-${this.name} ids-side-menu--start-icon`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSideMenuIconComponent, isStandalone: true, selector: "id-side-menu-item-icon", inputs: { name: "name" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-side-menu-item-icon",
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], propDecorators: { name: [{
+                type: Input
             }] } });
 
 class IDSideMenuModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuModule, declarations: [IDSideMenuComponent], exports: [IDSideMenuComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuModule, imports: [IDSideMenuComponent,
+            IDSideMenuLinkComponent,
+            IDSideMenuIconComponent], exports: [IDSideMenuComponent,
+            IDSideMenuLinkComponent,
+            IDSideMenuIconComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [IDSideMenuComponent],
-                    exports: [IDSideMenuComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [
+                        IDSideMenuComponent,
+                        IDSideMenuLinkComponent,
+                        IDSideMenuIconComponent
+                    ],
+                    exports: [
+                        IDSideMenuComponent,
+                        IDSideMenuLinkComponent,
+                        IDSideMenuIconComponent
+                    ],
                 }]
         }] });
 
@@ -60,5 +281,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDSideMenuComponent, IDSideMenuModule };
+export { IDSideMenuComponent, IDSideMenuIconComponent, IDSideMenuLinkComponent, IDSideMenuModule };
 //# sourceMappingURL=inera-ids-angular-components-side-menu.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-side-menu.mjs","sources":["../../../projects/ids-angular/components/side-menu/side-menu.component.ts","../../../projects/ids-angular/components/side-menu/side-menu.component.html","../../../projects/ids-angular/components/side-menu/side-menu.module.ts","../../../projects/ids-angular/components/side-menu/inera-ids-angular-components-side-menu.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu\",\n  templateUrl: \"./side-menu.component.html\"\n})\nexport class IDSideMenuComponent {\n  constructor() {}\n\n  @Input()\n  label: string = \"\";\n\n  @Input()\n  srtoggletext: string = \"\";\n\n  @Input()\n  level: number = 1;\n\n  @Input()\n  active: boolean = false;\n\n  @Input()\n  expanded: boolean = false;\n\n  @Output()\n  onClosed: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  onOpened: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  showChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  hasClosed(event: Event) {\n    this.onClosed.emit(event);\n  }\n  hasOpened(event: Event) {\n    this.onOpened.emit(event);\n  }\n}\n","<ids-side-menu\n  [label]=\"label\"\n  [srtoggletext]=\"srtoggletext\"\n  [level]=\"level\"\n  [active]=\"active\"\n  [expanded]=\"expanded\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-menu>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDSideMenuComponent } from \"./side-menu.component\";\nimport \"@inera/ids-core/components/side-menu/register\";\n\n@NgModule({\n  declarations: [IDSideMenuComponent],\n  exports: [IDSideMenuComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDSideMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,mBAAmB,CAAA;AAC9B,IAAA,WAAA,GAAA,EAAe;IAGf,KAAK,GAAW,EAAE;IAGlB,YAAY,GAAW,EAAE;IAGzB,KAAK,GAAW,CAAC;IAGjB,MAAM,GAAY,KAAK;IAGvB,QAAQ,GAAY,KAAK;AAGzB,IAAA,QAAQ,GAAwB,IAAI,YAAY,EAAE;AAGlD,IAAA,QAAQ,GAAwB,IAAI,YAAY,EAAE;AAGlD,IAAA,UAAU,GAA0B,IAAI,YAAY,EAAW;AAE/D,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AACA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;wGAhCW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,yPCNhC,qQAUA,EAAA,CAAA;;4FDJa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,SAAS;+BACE,cAAc,EAAA,QAAA,EAAA,qQAAA,EAAA;wDAOxB,KAAK,EAAA,CAAA;sBADJ;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,KAAK,EAAA,CAAA;sBADJ;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,UAAU,EAAA,CAAA;sBADT;;;MErBU,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAhB,gBAAgB,EAAA,YAAA,EAAA,CAJZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,mBAAmB,CAAA,EAAA,CAAA;yGAGlB,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-side-menu.mjs","sources":["../../../projects/ids-angular/components/side-menu/side-menu.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-link.component.ts","../../../projects/ids-angular/components/side-menu/side-menu-icon.component.ts","../../../projects/ids-angular/components/side-menu/side-menu.module.ts","../../../projects/ids-angular/components/side-menu/inera-ids-angular-components-side-menu.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\n\n@Component({\n  selector: 'id-side-menu-item',\n  template: `\n    <ng-template #labelTemplate>\n      <div class=\"ids-side-menu__label\">\n        {{ label }}\n        <slot name=\"label-notification\"></slot>\n      </div>\n    </ng-template>\n    <ng-template #expandBtnTemplate>\n      @if (this.menuChildren.length > 0) {\n        <button\n          class=\"ids-side-menu__chevron-button\"\n          [class.ids-side-menu__chevron-button--expanded]=\"expanded\"\n          (click)=\"toggleExpanded($event)\"\n          [attr.aria-expanded]=\"expanded\"\n          [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n        ></button>\n      } @else if (this.icon) {\n        <div\n          class=\"ids-side-menu__label-icon\"\n          aria-hidden=\"true\"\n        >\n          <span\n            class=\"ids-icon-{{ this.icon }}\"\n            aria-hidden=\"true\"\n          ></span>\n        </div>\n      } @else {\n        <div class=\"ids-side-menu__chevron-button--empty\"></div>\n      }\n    </ng-template>\n\n    <div\n      class=\"ids-side-menu__header\"\n      [class.ids-side-menu--node-label]=\"this.menuChildren.length && this.label\"\n      [class.ids-side-menu--active]=\"active\"\n    >\n      <div class=\"ids-side-menu__header-inner\">\n        @if (this.label && this.menuChildren.length > 0) {\n          <button\n            class=\"ids-side-menu__label-button\"\n            (click)=\"toggleExpanded($event)\"\n            [attr.aria-expanded]=\"expanded\"\n            [attr.aria-label]=\"expanded ? srCollapseText : srExpandText\"\n          >\n            <div\n              class=\"ids-side-menu__label-chevron\"\n              [class.ids-side-menu__label-chevron--expanded]=\"expanded\"\n            ></div>\n            <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n          </button>\n        } @else if (this.label) {\n          <div class=\"ids-side-menu__chevron-button--empty\"></div>\n          <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"expandBtnTemplate\"></ng-container>\n          <div class=\"ids-side-menu__link\">\n            <ng-content></ng-content>\n          </div>\n        }\n      </div>\n    </div>\n    @if (this.expanded) {\n      <div class=\"ids-side-menu__children\">\n        <ng-content select=\"id-side-menu-item\"></ng-content>\n      </div>\n    }\n  `,\n  host: {\n    '[class]': 'hostClasses',\n  },\n  standalone: true,\n  imports: [NgTemplateOutlet],\n})\nexport class IDSideMenuComponent {\n  @Input() label: string = '';\n  @Input() srExpandText: string = 'Expandera';\n  @Input() srCollapseText: string = 'Minimera';\n  @Input() level: number = 1;\n  @Input({ transform: booleanAttribute }) active: boolean = false;\n  @Input() icon: string = '';\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n\n  @ContentChildren(IDSideMenuComponent)\n  menuChildren!: QueryList<IDSideMenuComponent>;\n\n  private parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });\n\n  constructor() {\n    if (this.parent) {\n      this.level = this.parent.level + 1;\n    }\n  }\n\n  get hostClasses(): string {\n    return `ids-side-menu ids-side-menu--level-${this.level}`;\n  }\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.expandedChange.emit(this.expanded);\n    this.closed.emit(event);\n  }\n  hasOpened(event: Event) {\n    this.expanded = true;\n    this.expandedChange.emit(this.expanded);\n    this.opened.emit(event);\n  }\n\n  toggleExpanded(e: Event) {\n    if (this.expanded) {\n      this.hasClosed(e);\n    } else {\n      this.hasOpened(e);\n    }\n  }\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-link\",\n  template: `<ng-content></ng-content>`,\n  host: {\n    class: 'ids-side-menu__link'\n  },\n  standalone: true\n})\nexport class IDSideMenuLinkComponent {\n\n}\n","import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-menu-item-icon\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDSideMenuIconComponent {\n\n  @Input() name: string\n\n  get hostClasses(): string {\n    return `ids-icon-${this.name} ids-side-menu--start-icon`;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { IDSideMenuComponent } from \"./side-menu.component\";\nimport { IDSideMenuLinkComponent } from \"./side-menu-link.component\";\nimport { IDSideMenuIconComponent } from \"./side-menu-icon.component\";\n\n@NgModule({\n  imports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n  exports: [\n    IDSideMenuComponent,\n    IDSideMenuLinkComponent,\n    IDSideMenuIconComponent\n  ],\n})\nexport class IDSideMenuModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}