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-side-menu.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, booleanAttribute, ContentChildren, Output, Input, Component, NgModule } from '@angular/core';
+import { EventEmitter, inject, contentChildren, booleanAttribute, Output, Input, Component, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
+import { IDUseIdService } from '@inera/ids-angular/common';
 class IDSideMenuComponent {
     label = '';
@@ -13,7 +14,9 @@ class IDSideMenuComponent {
     expandedChange = new EventEmitter();
     closed = new EventEmitter();
     opened = new EventEmitter();
-    menuChildren;
+    idService = inject(IDUseIdService);
+    menuChildren = contentChildren(IDSideMenuComponent);
+    contentId = this.idService.generateId('side-menu');
     parent = inject(IDSideMenuComponent, { optional: true, skipSelf: true });
     constructor() {
         if (this.parent) {
@@ -41,8 +44,8 @@ class IDSideMenuComponent {
             this.hasOpened(e);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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, isSignal: true }], ngImport: i0, template: `
     <ng-template #labelTemplate>
       <div class="ids-side-menu__label">
         {{ label }}
@@ -50,12 +53,13 @@ class IDSideMenuComponent {
       </div>
     </ng-template>
     <ng-template #expandBtnTemplate>
-      @if (this.menuChildren.length > 0) {
+      @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-controls]="contentId"
           [attr.aria-label]="expanded ? srCollapseText : srExpandText"
         ></button>
       } @else if (this.icon) {
@@ -75,15 +79,16 @@ class IDSideMenuComponent {
     <div
       class="ids-side-menu__header"
-      [class.ids-side-menu--node-label]="this.menuChildren.length && this.label"
-      [class.ids-side-menu--active]="active"
+      [class.ids-side-menu__header--node-label]="this.menuChildren().length && this.label"
+      [class.ids-side-menu__header--active]="active"
     >
       <div class="ids-side-menu__header-inner">
-        @if (this.label && this.menuChildren.length > 0) {
+        @if (this.label && this.menuChildren().length > 0) {
           <button
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
             [attr.aria-expanded]="expanded"
+            [attr.aria-controls]="contentId"
             [attr.aria-label]="expanded ? srCollapseText : srExpandText"
           >
             <div
@@ -104,13 +109,16 @@ class IDSideMenuComponent {
       </div>
     </div>
     @if (this.expanded) {
-      <div class="ids-side-menu__children">
+      <div
+        class="ids-side-menu__children"
+        [id]="contentId"
+      >
         <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: "19.2.20", ngImport: i0, type: IDSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-menu-item',
@@ -122,12 +130,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </ng-template>
     <ng-template #expandBtnTemplate>
-      @if (this.menuChildren.length > 0) {
+      @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-controls]="contentId"
           [attr.aria-label]="expanded ? srCollapseText : srExpandText"
         ></button>
       } @else if (this.icon) {
@@ -147,15 +156,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     <div
       class="ids-side-menu__header"
-      [class.ids-side-menu--node-label]="this.menuChildren.length && this.label"
-      [class.ids-side-menu--active]="active"
+      [class.ids-side-menu__header--node-label]="this.menuChildren().length && this.label"
+      [class.ids-side-menu__header--active]="active"
     >
       <div class="ids-side-menu__header-inner">
-        @if (this.label && this.menuChildren.length > 0) {
+        @if (this.label && this.menuChildren().length > 0) {
           <button
             class="ids-side-menu__label-button"
             (click)="toggleExpanded($event)"
             [attr.aria-expanded]="expanded"
+            [attr.aria-controls]="contentId"
             [attr.aria-label]="expanded ? srCollapseText : srExpandText"
           >
             <div
@@ -176,7 +186,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </div>
     @if (this.expanded) {
-      <div class="ids-side-menu__children">
+      <div
+        class="ids-side-menu__children"
+        [id]="contentId"
+      >
         <ng-content select="id-side-menu-item"></ng-content>
       </div>
     }
@@ -209,16 +222,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], opened: [{
                 type: Output
-            }], menuChildren: [{
-                type: ContentChildren,
-                args: [IDSideMenuComponent]
             }] } });
 class IDSideMenuLinkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: "19.2.20", ngImport: i0, type: IDSideMenuLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-menu-item-link",
@@ -235,10 +245,10 @@ class IDSideMenuIconComponent {
     get hostClasses() {
         return `ids-icon-${this.name} ids-side-menu--start-icon`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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: "19.2.20", ngImport: i0, type: IDSideMenuIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-menu-item-icon",
@@ -253,15 +263,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 class IDSideMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, imports: [IDSideMenuComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, imports: [IDSideMenuComponent,
             IDSideMenuLinkComponent,
             IDSideMenuIconComponent], exports: [IDSideMenuComponent,
             IDSideMenuLinkComponent,
             IDSideMenuIconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

	@@ -1 +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-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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"}
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-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 EventEmitter,\n Input,\n Output,\n booleanAttribute,\n inject,\n contentChildren,\n} from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\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-controls]=\"contentId\"\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__header--node-label]=\"this.menuChildren().length && this.label\"\n [class.ids-side-menu__header--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-controls]=\"contentId\"\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\n class=\"ids-side-menu__children\"\n [id]=\"contentId\"\n >\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 private idService = inject(IDUseIdService);\n menuChildren = contentChildren(IDSideMenuComponent);\n contentId = this.idService.generateId('side-menu');\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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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, Component, EventEmitter, inject, ElementRef, booleanAttribute, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
+import { InjectionToken, Input, Component, EventEmitter, contentChild, viewChild, inject, ElementRef, booleanAttribute, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { useEscapeKey } from '@inera/ids-angular/common';
@@ -8,8 +8,8 @@ const POSITION = new InjectionToken('POSITION');
 class IDSidePanelProviderComponent {
     position = 'right';
     hide;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDSidePanelProviderComponent, isStandalone: true, selector: "id-side-panel-provider", inputs: { position: "position", hide: "hide" }, host: { classAttribute: "ids-side-panel-provider" }, providers: [
             {
                 provide: POSITION,
                 useFactory: (component) => component.position,
@@ -33,7 +33,7 @@ class IDSidePanelProviderComponent {
     }
     `, 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: IDSidePanelProviderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelProviderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-side-panel-provider",
@@ -78,14 +78,15 @@ class IDSidePanelComponent {
     showChange = new EventEmitter();
     elevated = false;
     menu = false;
-    srMobileDialogLabel = "Sidopanel";
-    srCloseText = "Stäng";
-    srOpenText = "Öppna";
-    size = "m";
+    noCloseButton = false;
+    srMobileDialogLabel = 'Sidopanel';
+    srCloseText = 'Stäng';
+    srOpenText = 'Öppna';
+    size = 'm';
     opened = new EventEmitter();
     closed = new EventEmitter();
-    footer;
-    hamburgerButton;
+    footer = contentChild('id-side-panel-footer');
+    hamburgerButton = viewChild('hamburger');
     position = inject(POSITION);
     el = inject(ElementRef);
     resizeObserver;
@@ -113,12 +114,12 @@ class IDSidePanelComponent {
         const isMobile = window.innerWidth <= 1024;
         const host = this.el.nativeElement;
         if (isMobile) {
-            host.setAttribute("role", "dialog");
-            host.setAttribute("aria-modal", "true");
-            host.setAttribute("aria-label", this.srMobileDialogLabel);
+            host.setAttribute('role', 'dialog');
+            host.setAttribute('aria-modal', 'true');
+            host.setAttribute('aria-label', this.srMobileDialogLabel);
         }
         else {
-            ["role", "aria-modal", "aria-label"].forEach(a => host.removeAttribute(a));
+            ['role', 'aria-modal', 'aria-label'].forEach((a) => host.removeAttribute(a));
         }
     }
     toggleExpansion() {
@@ -145,87 +146,101 @@ class IDSidePanelComponent {
         this.show = false;
         this.closed.emit();
         if (this.menu && this.hamburgerButton) {
-            this.hamburgerButton.nativeElement.focus();
+            this.hamburgerButton()?.nativeElement.focus();
         }
     }
     ngOnDestroy() {
         this.resizeObserver?.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-  <div class="ids-side-panel__panel">
-    <div class="ids-side-panel__actions">
-      @if(menu) {
-        <button
-          class="ids-side-panel__hamburger"
-          [attr.aria-label]="show ? srCloseText : srOpenText"
-          [attr.aria-expanded]="show"
-          (click)="toggleExpansion()">
-          <div class="ids-hamburger">
-            <div class="ids-hamburger__lines"></div>
-          </div>
-        </button>
-      } @else {
-        <button
-          class="ids-side-panel__close-button"
-          [attr.aria-label]="srCloseText"
-          [attr.aria-expanded]="show"
-          (click)="didClose()">
-        </button>
-      }
-    </div>
-    <div class="ids-side-panel__content" tabindex="0">
-      <div class="ids-side-panel__inner">
-        <ng-content select="[slot='headline']"></ng-content>
-        <ng-content></ng-content>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDSidePanelComponent, isStandalone: true, selector: "id-side-panel", inputs: { show: ["show", "show", booleanAttribute], elevated: ["elevated", "elevated", booleanAttribute], menu: ["menu", "menu", booleanAttribute], noCloseButton: ["noCloseButton", "noCloseButton", booleanAttribute], srMobileDialogLabel: "srMobileDialogLabel", srCloseText: "srCloseText", srOpenText: "srOpenText", size: "size" }, outputs: { showChange: "showChange", opened: "opened", closed: "closed" }, host: { properties: { "class.ids-side-panel--menu": "menu", "class.ids-side-panel--regular": "!menu", "class.ids-side-panel--show": "show", "class.ids-side-panel--elevated": "elevated", "class.ids-side-panel--left": "position === \"left\" && !menu", "class": "sizeClass" }, classAttribute: "ids-side-panel ids-focus-trap--tablet" }, queries: [{ propertyName: "footer", first: true, predicate: ["id-side-panel-footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "hamburgerButton", first: true, predicate: ["hamburger"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="ids-side-panel__panel" [class.ids-side-panel__panel--no-close-button]="noCloseButton">
+      <div class="ids-side-panel__actions">
+        @if (!noCloseButton) {
+          @if (menu) {
+            <button
+              class="ids-side-panel__hamburger"
+              [attr.aria-label]="show ? srCloseText : srOpenText"
+              [attr.aria-expanded]="show"
+              (click)="toggleExpansion()"
+            >
+              <div class="ids-hamburger">
+                <div class="ids-hamburger__lines"></div>
+              </div>
+            </button>
+          } @else {
+            <button
+              class="ids-side-panel__close-button"
+              [attr.aria-label]="srCloseText"
+              [attr.aria-expanded]="show"
+              (click)="didClose()"
+            ></button>
+          }
+        }
       </div>
-      @if (menu) {
-        <ng-content select="id-side-panel-footer"></ng-content>
+      <div
+        class="ids-side-panel__content"
+        tabindex="0"
+      >
+        <div class="ids-side-panel__inner">
+          <ng-content select="[slot='headline']"></ng-content>
+          <ng-content></ng-content>
+        </div>
+        @if (menu) {
+          <ng-content select="id-side-panel-footer"></ng-content>
         }
+      </div>
     </div>
-  </div>`, isInline: true });
+  `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "id-side-panel",
+                    selector: 'id-side-panel',
                     template: `
-  <div class="ids-side-panel__panel">
-    <div class="ids-side-panel__actions">
-      @if(menu) {
-        <button
-          class="ids-side-panel__hamburger"
-          [attr.aria-label]="show ? srCloseText : srOpenText"
-          [attr.aria-expanded]="show"
-          (click)="toggleExpansion()">
-          <div class="ids-hamburger">
-            <div class="ids-hamburger__lines"></div>
-          </div>
-        </button>
-      } @else {
-        <button
-          class="ids-side-panel__close-button"
-          [attr.aria-label]="srCloseText"
-          [attr.aria-expanded]="show"
-          (click)="didClose()">
-        </button>
-      }
-    </div>
-    <div class="ids-side-panel__content" tabindex="0">
-      <div class="ids-side-panel__inner">
-        <ng-content select="[slot='headline']"></ng-content>
-        <ng-content></ng-content>
+    <div class="ids-side-panel__panel" [class.ids-side-panel__panel--no-close-button]="noCloseButton">
+      <div class="ids-side-panel__actions">
+        @if (!noCloseButton) {
+          @if (menu) {
+            <button
+              class="ids-side-panel__hamburger"
+              [attr.aria-label]="show ? srCloseText : srOpenText"
+              [attr.aria-expanded]="show"
+              (click)="toggleExpansion()"
+            >
+              <div class="ids-hamburger">
+                <div class="ids-hamburger__lines"></div>
+              </div>
+            </button>
+          } @else {
+            <button
+              class="ids-side-panel__close-button"
+              [attr.aria-label]="srCloseText"
+              [attr.aria-expanded]="show"
+              (click)="didClose()"
+            ></button>
+          }
+        }
       </div>
-      @if (menu) {
-        <ng-content select="id-side-panel-footer"></ng-content>
+      <div
+        class="ids-side-panel__content"
+        tabindex="0"
+      >
+        <div class="ids-side-panel__inner">
+          <ng-content select="[slot='headline']"></ng-content>
+          <ng-content></ng-content>
+        </div>
+        @if (menu) {
+          <ng-content select="id-side-panel-footer"></ng-content>
         }
+      </div>
     </div>
-  </div>`,
+  `,
                     standalone: true,
                     host: {
-                        'class': 'ids-side-panel ids-focus-trap--tablet',
+                        class: 'ids-side-panel ids-focus-trap--tablet',
                         '[class.ids-side-panel--menu]': 'menu',
                         '[class.ids-side-panel--regular]': '!menu',
                         '[class.ids-side-panel--show]': 'show',
@@ -245,6 +260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], menu: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], noCloseButton: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], srMobileDialogLabel: [{
                 type: Input
             }], srCloseText: [{
@@ -257,17 +275,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], closed: [{
                 type: Output
-            }], footer: [{
-                type: ContentChild,
-                args: ['id-side-panel-footer']
-            }], hamburgerButton: [{
-                type: ViewChild,
-                args: ['hamburger']
             }] } });
 class IDSidePanelFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDSidePanelFooterComponent, isStandalone: true, selector: "id-side-panel-footer", host: { classAttribute: "ids-side-panel__footer" }, ngImport: i0, template: `
     <footer>
       <div class="ids-side-panel__footer-links">
         <ng-content select="a"></ng-content>
@@ -284,7 +296,7 @@ class IDSidePanelFooterComponent {
     </footer>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-side-panel-footer',
@@ -313,16 +325,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }] });
 class IDSidePanelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent], exports: [IDSidePanelComponent,
             IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
             IDSidePanelFooterComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDSidePanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDSidePanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

	@@ -1 +1 @@
1	- {"version":3,"file":"inera-ids-angular-components-side-panel.mjs","sources":["../../../projects/ids-angular/components/side-panel/side-panel-provider.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.component.ts","../../../projects/ids-angular/components/side-panel/side-panel-footer.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.module.ts","../../../projects/ids-angular/components/side-panel/inera-ids-angular-components-side-panel.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport { Component, InjectionToken, Input } from \"@angular/core\";\n\nexport const POSITION = new InjectionToken<'left' \| 'right'>('POSITION')\n\n@Component({\n selector: \"id-side-panel-provider\",\n providers: [\n {\n provide: POSITION,\n useFactory: (component: IDSidePanelProviderComponent) => component.position,\n deps: [IDSidePanelProviderComponent]\n }\n ],\n template: `\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #sidePanel>\n @if(!hide) {\n <ng-content select=\"id-side-panel\"></ng-content>\n }\n </ng-template>\n @if(position === 'left') {\n <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n } @else {\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n }\n `,\n standalone: true,\n host: {\n class: 'ids-side-panel-provider'\n },\n imports: [CommonModule]\n})\nexport class IDSidePanelProviderComponent {\n @Input()\n position: 'right' \| 'left' = 'right';\n @Input()\n hide: boolean;\n}","import { \n Component, EventEmitter, Input, Output, HostListener,\n ElementRef, ViewChild, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, \n ContentChild,\n booleanAttribute,\n inject\n} from \"@angular/core\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\nimport { POSITION } from \"./side-panel-provider.component\";\nimport { useEscapeKey } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-side-panel\",\n template: `\n <div class=\"ids-side-panel__panel\">\n <div class=\"ids-side-panel__actions\">\n @if(menu) {\n <button \n class=\"ids-side-panel__hamburger\"\n [attr.aria-label]=\"show ? srCloseText : srOpenText\"\n [attr.aria-expanded]=\"show\"\n (click)=\"toggleExpansion()\">\n <div class=\"ids-hamburger\">\n <div class=\"ids-hamburger__lines\"></div>\n </div>\n </button>\n } @else {\n <button\n class=\"ids-side-panel__close-button\"\n [attr.aria-label]=\"srCloseText\"\n [attr.aria-expanded]=\"show\"\n (click)=\"didClose()\">\n </button>\n }\n </div>\n\n <div class=\"ids-side-panel__content\" tabindex=\"0\">\n <div class=\"ids-side-panel__inner\">\n <ng-content select=\"[slot='headline']\"></ng-content>\n <ng-content></ng-content>\n </div>\n @if (menu) {\n <ng-content select=\"id-side-panel-footer\"></ng-content>\n }\n </div>\n </div>`,\n standalone: true,\n host: {\n 'class': 'ids-side-panel ids-focus-trap--tablet',\n '[class.ids-side-panel--menu]': 'menu',\n '[class.ids-side-panel--regular]': '!menu',\n '[class.ids-side-panel--show]': 'show',\n '[class.ids-side-panel--elevated]': 'elevated',\n '[class.ids-side-panel--left]': 'position === \"left\" && !menu',\n '[class]': 'sizeClass',\n },\n})\nexport class IDSidePanelComponent implements AfterViewInit, OnDestroy, OnChanges {\n @Input({ transform: booleanAttribute }) show = false;\n @Output() showChange = new EventEmitter<boolean>();\n @Input({ transform: booleanAttribute }) elevated = false;\n @Input({ transform: booleanAttribute }) menu = false;\n @Input() srMobileDialogLabel = \"Sidopanel\";\n @Input() srCloseText = \"Stäng\";\n @Input() srOpenText = \"Öppna\";\n @Input() size: \"s\" \| \"m\" \| \"l\" = \"m\";\n\n @Output() opened = new EventEmitter<void>();\n @Output() closed = new EventEmitter<void>();\n \n @ContentChild('id-side-panel-footer') \n footer: IDSidePanelFooterComponent;\n\n @ViewChild('hamburger') hamburgerButton?: ElementRef;\n\n public position = inject(POSITION);\n private el = inject(ElementRef);\n private resizeObserver?: ResizeObserver;\n\n get sizeClass() {\n return !this.menu ? `ids-side-panel--${this.size}` : '';\n }\n\n constructor() {\n useEscapeKey(() => this.didClose(), () => this.show);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['show'] && !changes['show'].firstChange) {\n this.show ? this.handleShowLogic() : this.didClose();\n }\n }\n\n ngAfterViewInit() {\n this.setupResizeObserver();\n if (this.show) this.handleShowLogic();\n }\n\n private setupResizeObserver() {\n this.resizeObserver = new ResizeObserver(() => this.checkWindowSize());\n this.resizeObserver.observe(document.body);\n }\n\n private checkWindowSize() {\n const isMobile = window.innerWidth <= 1024;\n const host = this.el.nativeElement;\n if (isMobile) {\n host.setAttribute(\"role\", \"dialog\");\n host.setAttribute(\"aria-modal\", \"true\");\n host.setAttribute(\"aria-label\", this.srMobileDialogLabel);\n } else {\n [\"role\", \"aria-modal\", \"aria-label\"].forEach(a => host.removeAttribute(a));\n }\n }\n\n toggleExpansion() {\n if(this.show) {\n this.didClose();\n } else {\n this.didOpen();\n }\n this.showChange.emit(this.show);\n }\n\n private handleShowLogic() {\n this.opened.emit();\n setTimeout(() => {\n const headline = this.el.nativeElement.querySelector('[slot=\"headline\"]');\n headline?.focus();\n }, 0);\n }\n\n protected didOpen() {\n this.show = true;\n this.opened.emit();\n }\n\n protected didClose() {\n this.show = false;\n this.closed.emit();\n if (this.menu && this.hamburgerButton) {\n this.hamburgerButton.nativeElement.focus();\n }\n }\n\n ngOnDestroy() {\n this.resizeObserver?.disconnect();\n }\n}","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'id-side-panel-footer',\n template: `\n <footer>\n <div class=\"ids-side-panel__footer-links\">\n <ng-content select=\"a\"></ng-content>\n <ng-content select=\"[slot='footer-links']\"></ng-content>\n\n <div class=\"ids-side-panel__footer-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n\n <div class=\"ids-side-panel__footer-text\">\n <ng-content></ng-content>\n </div>\n </div>\n </footer>\n `,\n standalone: true,\n host: {\n class: 'ids-side-panel__footer',\n },\n imports: [CommonModule],\n})\nexport class IDSidePanelFooterComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDSidePanelComponent } from \"./side-panel.component\";\nimport { IDSidePanelProviderComponent } from \"./side-panel-provider.component\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\n\n@NgModule({\n imports: [\n IDSidePanelComponent,\n IDSidePanelProviderComponent,\n IDSidePanelFooterComponent\n ],\n exports: [\n IDSidePanelComponent,\n IDSidePanelProviderComponent,\n IDSidePanelFooterComponent\n ],\n})\nexport class IDSidePanelModule {}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"inera-ids-angular-components-side-panel.mjs","sources":["../../../projects/ids-angular/components/side-panel/side-panel-provider.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.component.ts","../../../projects/ids-angular/components/side-panel/side-panel-footer.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.module.ts","../../../projects/ids-angular/components/side-panel/inera-ids-angular-components-side-panel.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\";\nimport { Component, InjectionToken, Input } from \"@angular/core\";\n\nexport const POSITION = new InjectionToken<'left' \| 'right'>('POSITION')\n\n@Component({\n selector: \"id-side-panel-provider\",\n providers: [\n {\n provide: POSITION,\n useFactory: (component: IDSidePanelProviderComponent) => component.position,\n deps: [IDSidePanelProviderComponent]\n }\n ],\n template: `\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #sidePanel>\n @if(!hide) {\n <ng-content select=\"id-side-panel\"></ng-content>\n }\n </ng-template>\n @if(position === 'left') {\n <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n } @else {\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"sidePanel\"></ng-container>\n }\n `,\n standalone: true,\n host: {\n class: 'ids-side-panel-provider'\n },\n imports: [CommonModule]\n})\nexport class IDSidePanelProviderComponent {\n @Input()\n position: 'right' \| 'left' = 'right';\n @Input()\n hide: boolean;\n}","import { Component, EventEmitter, Input, Output, HostListener, ElementRef, viewChild, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, booleanAttribute, inject, contentChild } from '@angular/core';\nimport { IDSidePanelFooterComponent } from './side-panel-footer.component';\nimport { POSITION } from './side-panel-provider.component';\nimport { useEscapeKey } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-side-panel',\n template: `\n <div class=\"ids-side-panel__panel\" [class.ids-side-panel__panel--no-close-button]=\"noCloseButton\">\n <div class=\"ids-side-panel__actions\">\n @if (!noCloseButton) {\n @if (menu) {\n <button\n class=\"ids-side-panel__hamburger\"\n [attr.aria-label]=\"show ? srCloseText : srOpenText\"\n [attr.aria-expanded]=\"show\"\n (click)=\"toggleExpansion()\"\n >\n <div class=\"ids-hamburger\">\n <div class=\"ids-hamburger__lines\"></div>\n </div>\n </button>\n } @else {\n <button\n class=\"ids-side-panel__close-button\"\n [attr.aria-label]=\"srCloseText\"\n [attr.aria-expanded]=\"show\"\n (click)=\"didClose()\"\n ></button>\n }\n }\n </div>\n\n <div\n class=\"ids-side-panel__content\"\n tabindex=\"0\"\n >\n <div class=\"ids-side-panel__inner\">\n <ng-content select=\"[slot='headline']\"></ng-content>\n <ng-content></ng-content>\n </div>\n @if (menu) {\n <ng-content select=\"id-side-panel-footer\"></ng-content>\n }\n </div>\n </div>\n `,\n standalone: true,\n host: {\n class: 'ids-side-panel ids-focus-trap--tablet',\n '[class.ids-side-panel--menu]': 'menu',\n '[class.ids-side-panel--regular]': '!menu',\n '[class.ids-side-panel--show]': 'show',\n '[class.ids-side-panel--elevated]': 'elevated',\n '[class.ids-side-panel--left]': 'position === \"left\" && !menu',\n '[class]': 'sizeClass',\n },\n})\nexport class IDSidePanelComponent implements AfterViewInit, OnDestroy, OnChanges {\n @Input({ transform: booleanAttribute }) show = false;\n @Output() showChange = new EventEmitter<boolean>();\n @Input({ transform: booleanAttribute }) elevated = false;\n @Input({ transform: booleanAttribute }) menu = false;\n @Input({ transform: booleanAttribute }) noCloseButton = false;\n @Input() srMobileDialogLabel = 'Sidopanel';\n @Input() srCloseText = 'Stäng';\n @Input() srOpenText = 'Öppna';\n @Input() size: 's' \| 'm' \| 'l' = 'm';\n\n @Output() opened = new EventEmitter<void>();\n @Output() closed = new EventEmitter<void>();\n\n footer = contentChild('id-side-panel-footer');\n\n hamburgerButton = viewChild<ElementRef>('hamburger');\n\n public position = inject(POSITION);\n private el = inject(ElementRef);\n private resizeObserver?: ResizeObserver;\n\n get sizeClass() {\n return !this.menu ? `ids-side-panel--${this.size}` : '';\n }\n\n constructor() {\n useEscapeKey(\n () => this.didClose(),\n () => this.show,\n );\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['show'] && !changes['show'].firstChange) {\n this.show ? this.handleShowLogic() : this.didClose();\n }\n }\n\n ngAfterViewInit() {\n this.setupResizeObserver();\n if (this.show) this.handleShowLogic();\n }\n\n private setupResizeObserver() {\n this.resizeObserver = new ResizeObserver(() => this.checkWindowSize());\n this.resizeObserver.observe(document.body);\n }\n\n private checkWindowSize() {\n const isMobile = window.innerWidth <= 1024;\n const host = this.el.nativeElement;\n if (isMobile) {\n host.setAttribute('role', 'dialog');\n host.setAttribute('aria-modal', 'true');\n host.setAttribute('aria-label', this.srMobileDialogLabel);\n } else {\n ['role', 'aria-modal', 'aria-label'].forEach((a) => host.removeAttribute(a));\n }\n }\n\n toggleExpansion() {\n if (this.show) {\n this.didClose();\n } else {\n this.didOpen();\n }\n this.showChange.emit(this.show);\n }\n\n private handleShowLogic() {\n this.opened.emit();\n setTimeout(() => {\n const headline = this.el.nativeElement.querySelector('[slot=\"headline\"]');\n headline?.focus();\n }, 0);\n }\n\n protected didOpen() {\n this.show = true;\n this.opened.emit();\n }\n\n protected didClose() {\n this.show = false;\n this.closed.emit();\n if (this.menu && this.hamburgerButton) {\n this.hamburgerButton()?.nativeElement.focus();\n }\n }\n\n ngOnDestroy() {\n this.resizeObserver?.disconnect();\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'id-side-panel-footer',\n template: `\n <footer>\n <div class=\"ids-side-panel__footer-links\">\n <ng-content select=\"a\"></ng-content>\n <ng-content select=\"[slot='footer-links']\"></ng-content>\n\n <div class=\"ids-side-panel__footer-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n\n <div class=\"ids-side-panel__footer-text\">\n <ng-content></ng-content>\n </div>\n </div>\n </footer>\n `,\n standalone: true,\n host: {\n class: 'ids-side-panel__footer',\n },\n imports: [CommonModule],\n})\nexport class IDSidePanelFooterComponent {}\n","import { NgModule } from '@angular/core';\n\nimport { IDSidePanelComponent } from \"./side-panel.component\";\nimport { IDSidePanelProviderComponent } from \"./side-panel-provider.component\";\nimport { IDSidePanelFooterComponent } from \"./side-panel-footer.component\";\n\n@NgModule({\n imports: [\n IDSidePanelComponent,\n IDSidePanelProviderComponent,\n IDSidePanelFooterComponent\n ],\n exports: [\n IDSidePanelComponent,\n IDSidePanelProviderComponent,\n IDSidePanelFooterComponent\n ],\n})\nexport class IDSidePanelModule {}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}