@inera/ids-angular 8.2.0 → 9.0.0

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

@@ -1,65 +1,340 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/side-panel/register';
+import { InjectionToken, Input, Component, EventEmitter, inject, ElementRef, booleanAttribute, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { useEscapeKey } from '@inera/ids-angular/common';
+
+const POSITION = new InjectionToken('POSITION');
+class IDSidePanelProviderComponent {
+    position = 'right';
+    hide;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelProviderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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,
+                deps: [IDSidePanelProviderComponent]
+            }
+        ], ngImport: i0, template: `
+    <ng-template #content>
+      <ng-content></ng-content>
+    </ng-template>
+    <ng-template #sidePanel>
+      @if(!hide) {
+        <ng-content select="id-side-panel"></ng-content>
+      }
+    </ng-template>
+    @if(position === 'left') {
+      <ng-container [ngTemplateOutlet]="sidePanel"></ng-container>
+      <ng-container [ngTemplateOutlet]="content"></ng-container>
+    } @else {
+      <ng-container [ngTemplateOutlet]="content"></ng-container>
+      <ng-container [ngTemplateOutlet]="sidePanel"></ng-container>
+    }
+    `, 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: IDSidePanelProviderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "id-side-panel-provider",
+                    providers: [
+                        {
+                            provide: POSITION,
+                            useFactory: (component) => component.position,
+                            deps: [IDSidePanelProviderComponent]
+                        }
+                    ],
+                    template: `
+    <ng-template #content>
+      <ng-content></ng-content>
+    </ng-template>
+    <ng-template #sidePanel>
+      @if(!hide) {
+        <ng-content select="id-side-panel"></ng-content>
+      }
+    </ng-template>
+    @if(position === 'left') {
+      <ng-container [ngTemplateOutlet]="sidePanel"></ng-container>
+      <ng-container [ngTemplateOutlet]="content"></ng-container>
+    } @else {
+      <ng-container [ngTemplateOutlet]="content"></ng-container>
+      <ng-container [ngTemplateOutlet]="sidePanel"></ng-container>
+    }
+    `,
+                    standalone: true,
+                    host: {
+                        class: 'ids-side-panel-provider'
+                    },
+                    imports: [CommonModule]
+                }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], hide: [{
+                type: Input
+            }] } });
 
 class IDSidePanelComponent {
-    constructor() { }
     show = false;
-    left = false;
-    size = "m";
+    showChange = new EventEmitter();
     elevated = false;
     menu = false;
-    footer = false;
-    onClosed = new EventEmitter();
-    onOpened = new EventEmitter();
-    showChange = new EventEmitter();
-    hasClosed(event) {
-        this.show = false;
-        this.onClosed.emit(event);
-        this.showChange.emit(false);
+    srMobileDialogLabel = "Sidopanel";
+    srCloseText = "Stäng";
+    srOpenText = "Öppna";
+    size = "m";
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    footer;
+    hamburgerButton;
+    position = inject(POSITION);
+    el = inject(ElementRef);
+    resizeObserver;
+    get sizeClass() {
+        return !this.menu ? `ids-side-panel--${this.size}` : '';
+    }
+    constructor() {
+        useEscapeKey(() => this.didClose(), () => this.show);
+    }
+    ngOnChanges(changes) {
+        if (changes['show'] && !changes['show'].firstChange) {
+            this.show ? this.handleShowLogic() : this.didClose();
+        }
+    }
+    ngAfterViewInit() {
+        this.setupResizeObserver();
+        if (this.show)
+            this.handleShowLogic();
+    }
+    setupResizeObserver() {
+        this.resizeObserver = new ResizeObserver(() => this.checkWindowSize());
+        this.resizeObserver.observe(document.body);
+    }
+    checkWindowSize() {
+        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);
+        }
+        else {
+            ["role", "aria-modal", "aria-label"].forEach(a => host.removeAttribute(a));
+        }
+    }
+    toggleExpansion() {
+        if (this.show) {
+            this.didClose();
+        }
+        else {
+            this.didOpen();
+        }
+        this.showChange.emit(this.show);
     }
-    hasOpened(event) {
+    handleShowLogic() {
+        this.opened.emit();
+        setTimeout(() => {
+            const headline = this.el.nativeElement.querySelector('[slot="headline"]');
+            headline?.focus();
+        }, 0);
+    }
+    didOpen() {
         this.show = true;
-        this.onOpened.emit(event);
-        this.showChange.emit(true);
+        this.opened.emit();
+    }
+    didClose() {
+        this.show = false;
+        this.closed.emit();
+        if (this.menu && this.hamburgerButton) {
+            this.hamburgerButton.nativeElement.focus();
+        }
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDSidePanelComponent, selector: "id-side-panel", inputs: { show: "show", left: "left", size: "size", elevated: "elevated", menu: "menu", footer: "footer" }, outputs: { onClosed: "onClosed", onOpened: "onOpened", showChange: "showChange" }, ngImport: i0, template: "<ids-side-panel\n  [show]=\"show ? true : null\"\n  [size]=\"size\"\n  [left]=\"left ? true : null\"\n  [menu]=\"menu ? true : null\"\n  [footer]=\"footer ? true : null\"\n  [elevated]=\"elevated ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-panel>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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>
+      </div>
+      @if (menu) {
+        <ng-content select="id-side-panel-footer"></ng-content>
+        }
+    </div>
+  </div>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-side-panel", template: "<ids-side-panel\n  [show]=\"show ? true : null\"\n  [size]=\"size\"\n  [left]=\"left ? true : null\"\n  [menu]=\"menu ? true : null\"\n  [footer]=\"footer ? true : null\"\n  [elevated]=\"elevated ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-panel>\n" }]
+            args: [{
+                    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>
+      @if (menu) {
+        <ng-content select="id-side-panel-footer"></ng-content>
+        }
+    </div>
+  </div>`,
+                    standalone: true,
+                    host: {
+                        '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',
+                        '[class.ids-side-panel--elevated]': 'elevated',
+                        '[class.ids-side-panel--left]': 'position === "left" && !menu',
+                        '[class]': 'sizeClass',
+                    },
+                }]
         }], ctorParameters: () => [], propDecorators: { show: [{
-                type: Input
-            }], left: [{
-                type: Input
-            }], size: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showChange: [{
+                type: Output
             }], elevated: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], menu: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], srMobileDialogLabel: [{
                 type: Input
-            }], footer: [{
+            }], srCloseText: [{
                 type: Input
-            }], onClosed: [{
-                type: Output
-            }], onOpened: [{
+            }], srOpenText: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], opened: [{
                 type: Output
-            }], showChange: [{
+            }], 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: "18.2.14", ngImport: i0, type: IDSidePanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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>
+        <ng-content select="[slot='footer-links']"></ng-content>
+
+        <div class="ids-side-panel__footer-toggle">
+          <ng-content select="id-darkmode-toggle"></ng-content>
+        </div>
+
+        <div class="ids-side-panel__footer-text">
+          <ng-content></ng-content>
+        </div>
+      </div>
+    </footer>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-side-panel-footer',
+                    template: `
+    <footer>
+      <div class="ids-side-panel__footer-links">
+        <ng-content select="a"></ng-content>
+        <ng-content select="[slot='footer-links']"></ng-content>
+
+        <div class="ids-side-panel__footer-toggle">
+          <ng-content select="id-darkmode-toggle"></ng-content>
+        </div>
+
+        <div class="ids-side-panel__footer-text">
+          <ng-content></ng-content>
+        </div>
+      </div>
+    </footer>
+  `,
+                    standalone: true,
+                    host: {
+                        class: 'ids-side-panel__footer',
+                    },
+                    imports: [CommonModule],
+                }]
+        }] });
+
 class IDSidePanelModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, declarations: [IDSidePanelComponent], exports: [IDSidePanelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelComponent,
+            IDSidePanelProviderComponent,
+            IDSidePanelFooterComponent], exports: [IDSidePanelComponent,
+            IDSidePanelProviderComponent,
+            IDSidePanelFooterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, imports: [IDSidePanelProviderComponent,
+            IDSidePanelFooterComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDSidePanelModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [IDSidePanelComponent],
-                    exports: [IDSidePanelComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [
+                        IDSidePanelComponent,
+                        IDSidePanelProviderComponent,
+                        IDSidePanelFooterComponent
+                    ],
+                    exports: [
+                        IDSidePanelComponent,
+                        IDSidePanelProviderComponent,
+                        IDSidePanelFooterComponent
+                    ],
                 }]
         }] });
 
@@ -67,5 +342,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDSidePanelComponent, IDSidePanelModule };
+export { IDSidePanelComponent, IDSidePanelFooterComponent, IDSidePanelModule, IDSidePanelProviderComponent };
 //# sourceMappingURL=inera-ids-angular-components-side-panel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-side-panel.mjs","sources":["../../../projects/ids-angular/components/side-panel/side-panel.component.ts","../../../projects/ids-angular/components/side-panel/side-panel.component.html","../../../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 { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\n@Component({\n  selector: \"id-side-panel\",\n  templateUrl: \"./side-panel.component.html\"\n})\nexport class IDSidePanelComponent {\n  constructor() {}\n\n  @Input()\n  show: boolean = false;\n\n  @Input()\n  left: boolean = false;\n\n  @Input()\n  size: \"s\" | \"m\" | \"l\" = \"m\";\n\n  @Input()\n  elevated: boolean = false;\n\n  @Input()\n  menu: boolean = false;\n\n  @Input()\n  footer: 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.show = false;\n    this.onClosed.emit(event);\n    this.showChange.emit(false);\n  }\n  hasOpened(event: Event) {\n    this.show = true;\n    this.onOpened.emit(event);\n    this.showChange.emit(true);\n  }\n}\n","<ids-side-panel\n  [show]=\"show ? true : null\"\n  [size]=\"size\"\n  [left]=\"left ? true : null\"\n  [menu]=\"menu ? true : null\"\n  [footer]=\"footer ? true : null\"\n  [elevated]=\"elevated ? true : null\"\n  (closed)=\"hasClosed($event)\"\n  (opened)=\"hasOpened($event)\">\n  <ng-content></ng-content>\n</ids-side-panel>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDSidePanelComponent } from \"./side-panel.component\";\nimport \"@inera/ids-core/components/side-panel/register\";\n\n@NgModule({\n  declarations: [IDSidePanelComponent],\n  exports: [IDSidePanelComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDSidePanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,oBAAoB,CAAA;AAC/B,IAAA,WAAA,GAAA,EAAe;IAGf,IAAI,GAAY,KAAK;IAGrB,IAAI,GAAY,KAAK;IAGrB,IAAI,GAAoB,GAAG;IAG3B,QAAQ,GAAY,KAAK;IAGzB,IAAI,GAAY,KAAK;IAGrB,MAAM,GAAY,KAAK;AAGvB,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,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;AACA,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;wGAvCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,oPCNjC,4UAWA,EAAA,CAAA;;4FDLa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,4UAAA,EAAA;wDAOzB,IAAI,EAAA,CAAA;sBADH;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,UAAU,EAAA,CAAA;sBADT;;;MExBU,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,YAAA,EAAA,CAJb,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACzB,oBAAoB,CAAA,EAAA,CAAA;yGAGnB,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"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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"}