@inera/ids-angular 9.0.1 → 9.1.0

package/fesm2022/inera-ids-angular-components-dialog.mjs

@@ -3,14 +3,14 @@ import { Component, EventEmitter, HostListener, Output, inject, DestroyRef, bool
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { IDUseIdService, IDClickOutsideDirective } from '@inera/ids-angular/common';
-import { FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';
+import { IDUseIdService, useFocusTrap, IDClickOutsideDirective } from '@inera/ids-angular/common';
+import { A11yModule } from '@angular/cdk/a11y';
 
 class IDDialogTriggerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogTriggerComponent, isStandalone: true, selector: "id-dialog-trigger", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogTriggerComponent, isStandalone: true, selector: "id-dialog-trigger", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-trigger',
@@ -24,10 +24,10 @@ class IDDialogCloseComponent {
     onClick = (e) => {
         this.closed.emit(e);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogCloseComponent, isStandalone: true, selector: "id-dialog-close", outputs: { closed: "closed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogCloseComponent, isStandalone: true, selector: "id-dialog-close", outputs: { closed: "closed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogCloseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogCloseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-close',
@@ -72,43 +72,11 @@ class IDDialogComponent {
             });
         });
     }
-    /* Focus trap */
-    dialogContent;
-    focusTrap;
-    focusTrapFactory = inject(FocusTrapFactory);
-    get focusableElements() {
-        return Array.from(this.dialogContent.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]'));
-    }
-    createFocusTrap() {
-        if (this.noFocusTrap || this.focusTrap)
-            return;
-        queueMicrotask(() => {
-            this.focusTrap = this.focusTrapFactory.create(this.dialogContent.nativeElement);
-            this.focusTrap.focusInitialElement();
-        });
-    }
-    destroyFocusTrap() {
-        if (!this.focusTrap)
-            return;
-        const firstFocusable = this.focusableElements[0];
-        firstFocusable?.removeEventListener('keydown', this.handleBackTab);
-        this.focusTrap.destroy();
-        this.focusTrap = undefined;
+    ngOnDestroy() {
+        this.reusableFocusTrap.destroy();
     }
-    handleBackTab = (e) => {
-        if (e.key !== 'Tab')
-            return;
-        if (e.target !== this.focusableElements[0])
-            return;
-        if (e.shiftKey) {
-            e.preventDefault();
-            this.focusableElements[this.focusableElements.length - 1].focus();
-        }
-    };
-    resetFocusTrap = () => {
-        this.focusableElements[0].removeEventListener('keydown', this.handleBackTab);
-    };
-    /* */
+    dialogContent;
+    reusableFocusTrap = useFocusTrap(() => this.dialogContent, { disabled: () => this.noFocusTrap });
     toggleDialog(event) {
         if (this.show) {
             this.hideDialog(event);
@@ -126,30 +94,24 @@ class IDDialogComponent {
         if (!this.noOverlay) {
             document.body.classList.add('ids-hide-overflow');
         }
-        this.hasOpened(event);
-        this.createFocusTrap();
+        this.show = true;
+        this.opened.emit(event);
+        this.showChange.emit(this.show);
+        this.reusableFocusTrap.create();
     }
     hideDialog(event) {
         if (!this.noOverlay) {
             document.body.classList.remove('ids-hide-overflow');
         }
-        this.resetFocusTrap();
-        this.hasClosed(event);
-    }
-    hasClosed(event) {
+        this.reusableFocusTrap.destroy();
         this.show = false;
         this.closed.emit(event);
         this.showChange.emit(this.show);
     }
-    hasOpened(event) {
-        this.show = true;
-        this.opened.emit(event);
-        this.showChange.emit(this.show);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDDialogComponent, isStandalone: true, selector: "id-dialog", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], srCloseText: "srCloseText", noFocusTrap: ["noFocusTrap", "noFocusTrap", booleanAttribute], keepScrollbar: ["keepScrollbar", "keepScrollbar", booleanAttribute], noOverlay: ["noOverlay", "noOverlay", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute], show: ["show", "show", booleanAttribute], width: "width", maxWidth: "maxWidth" }, outputs: { closed: "closed", opened: "opened", showChange: "showChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, queries: [{ propertyName: "trigger", first: true, predicate: IDDialogTriggerComponent, descendants: true }, { propertyName: "closeComponents", predicate: IDDialogCloseComponent, descendants: true }], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDDialogComponent, isStandalone: true, selector: "id-dialog", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], srCloseText: "srCloseText", noFocusTrap: ["noFocusTrap", "noFocusTrap", booleanAttribute], keepScrollbar: ["keepScrollbar", "keepScrollbar", booleanAttribute], noOverlay: ["noOverlay", "noOverlay", booleanAttribute], persistent: ["persistent", "persistent", booleanAttribute], show: ["show", "show", booleanAttribute], width: "width", maxWidth: "maxWidth" }, outputs: { closed: "closed", opened: "opened", showChange: "showChange" }, host: { listeners: { "document:keydown.escape": "onEsc($event)" } }, queries: [{ propertyName: "trigger", first: true, predicate: IDDialogTriggerComponent, descendants: true }, { propertyName: "closeComponents", predicate: IDDialogCloseComponent, descendants: true }], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: IDClickOutsideDirective, selector: "[idClickOutside]", outputs: ["idClickOutside"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-dialog', standalone: true, imports: [CommonModule, A11yModule, IDClickOutsideDirective], template: "<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>" }]
         }], propDecorators: { onEsc: [{
@@ -197,10 +159,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDDialogHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogHeaderComponent, isStandalone: true, selector: "id-dialog-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogHeaderComponent, isStandalone: true, selector: "id-dialog-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-header',
@@ -210,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDDialogContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogContentComponent, isStandalone: true, selector: "id-dialog-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogContentComponent, isStandalone: true, selector: "id-dialog-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-content',
@@ -223,10 +185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDDialogFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDialogFooterComponent, isStandalone: true, selector: "id-dialog-footer", host: { classAttribute: "ids-dialog__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDialogFooterComponent, isStandalone: true, selector: "id-dialog-footer", host: { classAttribute: "ids-dialog__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDialogFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-dialog-footer',

package/fesm2022/inera-ids-angular-components-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-dialog.mjs","sources":["../../../projects/ids-angular/components/dialog/dialog-trigger.component.ts","../../../projects/ids-angular/components/dialog/dialog-close.component.ts","../../../projects/ids-angular/components/dialog/dialog.component.ts","../../../projects/ids-angular/components/dialog/dialog.component.html","../../../projects/ids-angular/components/dialog/dialog-header.component.ts","../../../projects/ids-angular/components/dialog/dialog-content.component.ts","../../../projects/ids-angular/components/dialog/dialog-footer.component.ts","../../../projects/ids-angular/components/dialog/inera-ids-angular-components-dialog.ts"],"sourcesContent":["import { Component} from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-trigger',\n  template: '<ng-content></ng-content>',\n  standalone: true\n})\nexport class IDDialogTriggerComponent {}\n","import { Component, EventEmitter, HostListener, Output } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-close',\n  standalone: true,\n  template: `<ng-content></ng-content>`,\n})\nexport class IDDialogCloseComponent {\n  @Output() closed = new EventEmitter<Event>();\n\n  @HostListener('click')\n  onClick = (e:Event) => {\n    this.closed.emit(e);\n  }\n}","import { AfterContentInit, Component, ContentChild, ContentChildren, DestroyRef, ElementRef, EventEmitter, HostListener, Input, Output, QueryList, ViewChild, booleanAttribute, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule } from '@angular/common';\nimport { IDDialogTriggerComponent } from './dialog-trigger.component';\nimport { IDClickOutsideDirective, IDUseIdService } from '@inera/ids-angular/common';\n\nimport { FocusTrap, FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';\nimport { IDDialogCloseComponent } from './dialog-close.component';\n\n@Component({\n  selector: 'id-dialog',\n  templateUrl: './dialog.component.html',\n  standalone: true,\n  imports:[CommonModule, A11yModule, IDClickOutsideDirective],\n})\n\nexport class IDDialogComponent implements AfterContentInit {\n\n  @HostListener('document:keydown.escape', ['$event'])\n  onEsc(event: Event) {\n    if (this.show && !this.persistent) {\n      this.hideDialog(event);\n    }\n  }\n\n  @ContentChild(IDDialogTriggerComponent)\n  trigger:IDDialogTriggerComponent;\n\n  @Input({ transform: booleanAttribute }) dismissible: boolean = false;\n  @Input() srCloseText: string = '';\n  @Input({ transform: booleanAttribute }) noFocusTrap: boolean = false;\n  @Input({ transform: booleanAttribute }) keepScrollbar: boolean = false;\n  @Input({ transform: booleanAttribute }) noOverlay: boolean = false;\n  @Input({ transform: booleanAttribute }) persistent: boolean = false;\n  @Input({ transform: booleanAttribute }) show: boolean = false;\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() showChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @ContentChildren(IDDialogCloseComponent, {descendants: true})\n  closeComponents: QueryList<IDDialogCloseComponent>;\n  \n  private idService = inject(IDUseIdService);\n  private destroyRef = inject(DestroyRef);\n  contentId = this.idService.generateId('dialog-content');\n  headingId = this.idService.generateId('dialog-heading');\n\n  ngAfterContentInit(): void {\n    this.closeComponents.forEach((closeComponent) => {\n      closeComponent.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event: Event) => {\n        this.hideDialog(event);\n      })\n    });\n  }\n\n  /* Focus trap */\n  @ViewChild('dialogContent', { static: true })\n  dialogContent!: ElementRef\n  private focusTrap: FocusTrap | undefined;\n  focusTrapFactory = inject(FocusTrapFactory);\n  get focusableElements (): HTMLElement[] {\n    return Array.from(\n      this.dialogContent.nativeElement.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]'\n      )\n    ) as HTMLElement[]\n  }\n  \ncreateFocusTrap() {\n  if (this.noFocusTrap || this.focusTrap) return;\n\n  queueMicrotask(() => {\n    this.focusTrap = this.focusTrapFactory.create(\n      this.dialogContent.nativeElement\n    );\n\n    this.focusTrap.focusInitialElement();\n  });\n}\n\n destroyFocusTrap() {\n    if (!this.focusTrap) return;\n    const firstFocusable = this.focusableElements[0];\n    firstFocusable?.removeEventListener('keydown', this.handleBackTab);\n    this.focusTrap.destroy();\n    this.focusTrap = undefined;\n  }\n\n  handleBackTab = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    if (e.target !== this.focusableElements[0]) return;\n    if (e.shiftKey)  {\n      e.preventDefault();\n      this.focusableElements[this.focusableElements.length-1].focus();\n    }\n  }\n\n  resetFocusTrap = () => {\n    this.focusableElements[0].removeEventListener('keydown', this.handleBackTab);\n  }\n  /* */\n\n  protected toggleDialog(event: Event):void {\n    if(this.show) {\n      this.hideDialog(event);\n    } else {\n      this.showDialog(event);\n    }\n  }\n  protected overlayClicked(event: Event):void {\n    if (!this.persistent) {\n      this.hideDialog(event);\n    }\n  }\n\n  showDialog(event: Event):void {\n    if(!this.noOverlay) {\n      document.body.classList.add('ids-hide-overflow');\n    }\n    this.hasOpened(event);\n    this.createFocusTrap();\n  }\n\n  hideDialog(event: Event):void {\n    if(!this.noOverlay) {\n      document.body.classList.remove('ids-hide-overflow');\n    }\n    this.resetFocusTrap();\n    this.hasClosed(event);\n  }\n  \n  hasClosed(event: Event):void {\n    this.show = false;\n    this.closed.emit(event)\n    this.showChange.emit(this.show);\n  }\n  hasOpened(event: Event):void {\n    this.show = true;\n    this.opened.emit(event)\n    this.showChange.emit(this.show);\n  }\n\n}\n","<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-header',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n})\nexport class IDDialogHeaderComponent {}\n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-content',\n  template: '<ng-content></ng-content>',\n  standalone: true\n})\nexport class IDDialogContentComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-footer',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-dialog__footer'\n  }\n})\nexport class IDDialogFooterComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-dialog.mjs","sources":["../../../projects/ids-angular/components/dialog/dialog-trigger.component.ts","../../../projects/ids-angular/components/dialog/dialog-close.component.ts","../../../projects/ids-angular/components/dialog/dialog.component.ts","../../../projects/ids-angular/components/dialog/dialog.component.html","../../../projects/ids-angular/components/dialog/dialog-header.component.ts","../../../projects/ids-angular/components/dialog/dialog-content.component.ts","../../../projects/ids-angular/components/dialog/dialog-footer.component.ts","../../../projects/ids-angular/components/dialog/inera-ids-angular-components-dialog.ts"],"sourcesContent":["import { Component} from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-trigger',\n  template: '<ng-content></ng-content>',\n  standalone: true\n})\nexport class IDDialogTriggerComponent {}\n","import { Component, EventEmitter, HostListener, Output } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-close',\n  standalone: true,\n  template: `<ng-content></ng-content>`,\n})\nexport class IDDialogCloseComponent {\n  @Output() closed = new EventEmitter<Event>();\n\n  @HostListener('click')\n  onClick = (e:Event) => {\n    this.closed.emit(e);\n  }\n}","import { AfterContentInit, Component, ContentChild, ContentChildren, DestroyRef, ElementRef, EventEmitter, HostListener, Input, OnDestroy, Output, QueryList, ViewChild, booleanAttribute, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule } from '@angular/common';\nimport { IDDialogTriggerComponent } from './dialog-trigger.component';\nimport { IDClickOutsideDirective, IDUseIdService, useFocusTrap } from '@inera/ids-angular/common';\n\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { IDDialogCloseComponent } from './dialog-close.component';\n\n@Component({\n  selector: 'id-dialog',\n  templateUrl: './dialog.component.html',\n  standalone: true,\n  imports:[CommonModule, A11yModule, IDClickOutsideDirective],\n})\n\nexport class IDDialogComponent implements AfterContentInit, OnDestroy {\n\n  @HostListener('document:keydown.escape', ['$event'])\n  onEsc(event: Event) {\n    if (this.show && !this.persistent) {\n      this.hideDialog(event);\n    }\n  }\n\n  @ContentChild(IDDialogTriggerComponent)\n  trigger:IDDialogTriggerComponent;\n\n  @Input({ transform: booleanAttribute }) dismissible: boolean = false;\n  @Input() srCloseText: string = '';\n  @Input({ transform: booleanAttribute }) noFocusTrap: boolean = false;\n  @Input({ transform: booleanAttribute }) keepScrollbar: boolean = false;\n  @Input({ transform: booleanAttribute }) noOverlay: boolean = false;\n  @Input({ transform: booleanAttribute }) persistent: boolean = false;\n  @Input({ transform: booleanAttribute }) show: boolean = false;\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() showChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  @ContentChildren(IDDialogCloseComponent, {descendants: true})\n  closeComponents: QueryList<IDDialogCloseComponent>;\n  \n  private idService = inject(IDUseIdService);\n  private destroyRef = inject(DestroyRef);\n  contentId = this.idService.generateId('dialog-content');\n  headingId = this.idService.generateId('dialog-heading');\n\n  ngAfterContentInit(): void {\n    this.closeComponents.forEach((closeComponent) => {\n      closeComponent.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event: Event) => {\n        this.hideDialog(event);\n      })\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.reusableFocusTrap.destroy();\n  }\n\n  @ViewChild('dialogContent', { static: true })\n  dialogContent!: ElementRef\n  \n  private reusableFocusTrap = useFocusTrap(\n    () => this.dialogContent,\n    { disabled: () => this.noFocusTrap }\n  );\n\n  protected toggleDialog(event: Event):void {\n    if(this.show) {\n      this.hideDialog(event);\n    } else {\n      this.showDialog(event);\n    }\n  }\n  protected overlayClicked(event: Event):void {\n    if (!this.persistent) {\n      this.hideDialog(event);\n    }\n  }\n\n  showDialog(event: Event):void {\n    if(!this.noOverlay) {\n      document.body.classList.add('ids-hide-overflow');\n    }\n    this.show = true;\n    this.opened.emit(event)\n    this.showChange.emit(this.show);\n    this.reusableFocusTrap.create();\n  }\n\n  hideDialog(event: Event):void {\n    if(!this.noOverlay) {\n      document.body.classList.remove('ids-hide-overflow');\n    }\n    this.reusableFocusTrap.destroy();\n    this.show = false;\n    this.closed.emit(event)\n    this.showChange.emit(this.show);\n  }\n\n}\n","<ng-template #triggerContent>\n  <span (click)=\"toggleDialog($event)\">\n    <ng-content select=\"id-dialog-trigger\"></ng-content>\n  </span>\n</ng-template>\n\n@if(trigger !== undefined) {\n  <ng-container *ngTemplateOutlet=\"triggerContent\"></ng-container>\n}\n\n<div\n  class=\"ids-dialog-overlay\"\n  [class.ids-dialog-overlay--hidden]=\"noOverlay || !show\">\n</div>\n<div\n  idClickOutside\n  (idClickOutside)=\"overlayClicked($event)\"\n  class=\"ids-dialog ids-focus-trap\"\n  [class.ids-dialog--hidden]=\"!show\"\n  [class.ids-dialog--dismissible]=\"!!dismissible\"\n  [style.width]=\"width\"\n  [style.max-width]=\"maxWidth\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"headingId\"\n  [attr.aria-describedby]=\"contentId\">\n  <div #dialogContent style=\"display: contents\">\n  @if(dismissible) {\n    <div class=\"ids-dialog__dismissible\">\n      <button\n        [attr.aria-label]=\"srCloseText\"\n        class=\"ids-dialog__close-button\"\n        (click)=\"hideDialog($event)\">\n      </button>\n    </div>\n  }\n  <div\n    class=\"ids-dialog__body ids-dialog__body--scroll-area-focus\"\n    tabindex=\"0\">\n    <div \n      tabindex=\"-1\" \n      cdkFocusInitial \n      [attr.id]=\"headingId\" \n      class=\"ids-dialog__body-headline\">\n      <ng-content select=\"id-dialog-header\"></ng-content>\n    </div>\n    <div\n      [attr.id]=\"contentId\" \n      class=\"ids-dialog__body-content\">\n      <ng-content select=\"id-dialog-content\"></ng-content>\n    </div>\n      <ng-content select=\"id-dialog-footer\"></ng-content>\n  </div>\n  </div>\n</div>","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-header',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n})\nexport class IDDialogHeaderComponent {}\n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-content',\n  template: '<ng-content></ng-content>',\n  standalone: true\n})\nexport class IDDialogContentComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'id-dialog-footer',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-dialog__footer'\n  }\n})\nexport class IDDialogFooterComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-dropdown.mjs

@@ -20,6 +20,11 @@ class IDDropdownComponent {
     ngAfterViewInit() {
         this.setupTrigger();
     }
+    ngOnDestroy() {
+        if (this.trigger) {
+            this.trigger.removeEventListener('click', this.toggleDropdown);
+        }
+    }
     handleKeyDown(event) {
         if (event.key === 'Escape' && this.expanded) {
             this.closeIfNotPersistent();
@@ -34,11 +39,11 @@ class IDDropdownComponent {
         const hostEl = this.host.nativeElement;
         this.trigger = hostEl.querySelector('id-dropdown-trigger > *');
         if (this.trigger) {
-            this.trigger.addEventListener('click', () => this.toggleDropdown());
+            this.trigger.addEventListener('click', this.toggleDropdown);
             this.trigger.setAttribute('aria-controls', this.contentId);
         }
     }
-    toggleDropdown() {
+    toggleDropdown = () => {
         if (this.expanded) {
             this.hasClosed();
             this.trigger?.removeAttribute('aria-expanded');
@@ -47,7 +52,7 @@ class IDDropdownComponent {
             this.hasOpened();
             this.trigger?.setAttribute('aria-expanded', 'true');
         }
-    }
+    };
     get baseAndPositionClasses() {
         const dropdownClass = 'ids-dropdown';
         const positionClass = `${dropdownClass}--position-${this.position}`;
@@ -61,10 +66,10 @@ class IDDropdownComponent {
         this.expanded = true;
         this.opened.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDDropdownComponent, isStandalone: true, selector: "id-dropdown", inputs: { sBlock: ["sBlock", "sBlock", booleanAttribute], mBlock: ["mBlock", "mBlock", booleanAttribute], minWidth: "minWidth", maxHeight: "maxHeight", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], position: "position" }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "idClickOutside": "closeIfNotPersistent()", "window:keydown": "handleKeyDown($event)" }, properties: { "class": "baseAndPositionClasses", "class.ids-dropdown--s-block": "sBlock", "class.ids-dropdown--m-block": "mBlock" } }, hostDirectives: [{ directive: i1.IDClickOutsideDirective, outputs: ["idClickOutside", "idClickOutside"] }], ngImport: i0, template: "<ng-content select=\"id-dropdown-trigger\"></ng-content>\n@if (expanded) {\n  <div\n    class=\"ids-dropdown-content\"\n    [class.ids-dropdown-content--position-right]=\"position === 'right'\"\n    [class.ids-dropdown-content--position-left]=\"position === 'left'\"\n    [class.ids-dropdown-content--sblock]=\"sBlock\"\n    [class.ids-dropdown-content--mblock]=\"mBlock\"\n    [class.ids-dropdown-content--show]=\"expanded\"\n    [class.ids-dropdown-content--scrollable]=\"!!maxHeight\"\n    [attr.aria-labelledby]=\"contentId\"\n    [style.min-width]=\"minWidth\"\n    role=\"menu\"\n  >\n    <div\n      class=\"ids-dropdown-content__scroll-area\"\n      role=\"presentation\"\n      [style.max-height]=\"maxHeight\"\n      [attr.tabindex]=\"maxHeight ? 0 : -1\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: IDDropdownComponent, isStandalone: true, selector: "id-dropdown", inputs: { sBlock: ["sBlock", "sBlock", booleanAttribute], mBlock: ["mBlock", "mBlock", booleanAttribute], minWidth: "minWidth", maxHeight: "maxHeight", persistent: ["persistent", "persistent", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], position: "position" }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "idClickOutside": "closeIfNotPersistent()", "window:keydown": "handleKeyDown($event)" }, properties: { "class": "baseAndPositionClasses", "class.ids-dropdown--s-block": "sBlock", "class.ids-dropdown--m-block": "mBlock" } }, hostDirectives: [{ directive: i1.IDClickOutsideDirective, outputs: ["idClickOutside", "idClickOutside"] }], ngImport: i0, template: "<ng-content select=\"id-dropdown-trigger\"></ng-content>\n@if (expanded) {\n  <div\n    class=\"ids-dropdown-content\"\n    [class.ids-dropdown-content--position-right]=\"position === 'right'\"\n    [class.ids-dropdown-content--position-left]=\"position === 'left'\"\n    [class.ids-dropdown-content--sblock]=\"sBlock\"\n    [class.ids-dropdown-content--mblock]=\"mBlock\"\n    [class.ids-dropdown-content--show]=\"expanded\"\n    [class.ids-dropdown-content--scrollable]=\"!!maxHeight\"\n    [attr.aria-labelledby]=\"contentId\"\n    [style.min-width]=\"minWidth\"\n    role=\"menu\"\n  >\n    <div\n      class=\"ids-dropdown-content__scroll-area\"\n      role=\"presentation\"\n      [style.max-height]=\"maxHeight\"\n      [attr.tabindex]=\"maxHeight ? 0 : -1\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'id-dropdown', standalone: true, host: {
                         '[class]': 'baseAndPositionClasses',
@@ -103,24 +108,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 class IDDropdownTriggerComponent {
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDDropdownTriggerComponent, isStandalone: true, selector: "id-dropdown-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDDropdownTriggerComponent, isStandalone: true, selector: "id-dropdown-trigger", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "id-dropdown-trigger",
                     template: `<ng-content></ng-content>`,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 class IDDropdownItemDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDDropdownItemDirective, isStandalone: true, selector: "[idDropdownItem]", host: { attributes: { "role": "menuitem" }, classAttribute: "ids-dropdown-content__link" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: IDDropdownItemDirective, isStandalone: true, selector: "[idDropdownItem]", host: { attributes: { "role": "menuitem" }, classAttribute: "ids-dropdown-content__link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[idDropdownItem]",
@@ -133,15 +137,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 class IDDropdownModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownModule, imports: [IDDropdownItemDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownModule, imports: [IDDropdownItemDirective,
             IDDropdownComponent,
             IDDropdownTriggerComponent], exports: [IDDropdownItemDirective,
             IDDropdownComponent,
             IDDropdownTriggerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/inera-ids-angular-components-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-dropdown.mjs","sources":["../../../projects/ids-angular/components/dropdown/dropdown.component.ts","../../../projects/ids-angular/components/dropdown/dropdown.component.html","../../../projects/ids-angular/components/dropdown/dropdown-trigger.component.ts","../../../projects/ids-angular/components/dropdown/dropdown-item.directive.ts","../../../projects/ids-angular/components/dropdown/dropdown.module.ts","../../../projects/ids-angular/components/dropdown/inera-ids-angular-components-dropdown.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { IDClickOutsideDirective, IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-dropdown',\n  templateUrl: './dropdown.component.html',\n  standalone: true,\n  host: {\n    '[class]': 'baseAndPositionClasses',\n    '[class.ids-dropdown--s-block]': 'sBlock',\n    '[class.ids-dropdown--m-block]': 'mBlock',\n    '(idClickOutside)': 'closeIfNotPersistent()'\n  },\n  hostDirectives: [{\n    directive: IDClickOutsideDirective,\n    outputs: ['idClickOutside'] \n  }],\n})\nexport class IDDropdownComponent implements AfterViewInit {\n  @Input({ transform: booleanAttribute }) sBlock: boolean = false;\n  @Input({ transform: booleanAttribute }) mBlock: boolean = false;\n  @Input() minWidth?: string;\n  @Input() maxHeight?: string;\n  @Input({ transform: booleanAttribute }) persistent: boolean = false;\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Input() position: 'left' | 'right' = 'right';\n\n  @Output() closed: EventEmitter<void> = new EventEmitter();\n  @Output() opened: EventEmitter<void> = new EventEmitter();\n\n  private useId = inject(IDUseIdService);\n  private host = inject(ElementRef);\n  protected contentId = this.useId.generateId('dropdown');\n  protected trigger: Element | null;\n\n  ngAfterViewInit() {\n    this.setupTrigger();\n  }\n\n  @HostListener('window:keydown', ['$event'])\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.expanded) {\n      this.closeIfNotPersistent();\n    }\n  }\n\n  closeIfNotPersistent():void {\n    if (!this.persistent) {\n      this.hasClosed();\n    }\n  }\n\n  setupTrigger(): void {\n    const hostEl: HTMLElement = this.host.nativeElement;\n    this.trigger = hostEl.querySelector('id-dropdown-trigger > *');\n    if (this.trigger) {\n      this.trigger.addEventListener('click', () => this.toggleDropdown());\n      this.trigger.setAttribute('aria-controls', this.contentId);\n    }\n  }\n\n  toggleDropdown() {\n    if (this.expanded) {\n      this.hasClosed();\n      this.trigger?.removeAttribute('aria-expanded');\n    } else {\n      this.hasOpened();\n      this.trigger?.setAttribute('aria-expanded', 'true');\n    }\n  }\n\n  get baseAndPositionClasses(): string {\n    const dropdownClass = 'ids-dropdown';\n    const positionClass = `${dropdownClass}--position-${this.position}`;\n    return `${dropdownClass} ${positionClass}`;\n  }\n\n  hasClosed() {\n    this.expanded = false;\n    this.closed.emit();\n  }\n  hasOpened() {\n    this.expanded = true;\n    this.opened.emit();\n  }\n}\n","<ng-content select=\"id-dropdown-trigger\"></ng-content>\n@if (expanded) {\n  <div\n    class=\"ids-dropdown-content\"\n    [class.ids-dropdown-content--position-right]=\"position === 'right'\"\n    [class.ids-dropdown-content--position-left]=\"position === 'left'\"\n    [class.ids-dropdown-content--sblock]=\"sBlock\"\n    [class.ids-dropdown-content--mblock]=\"mBlock\"\n    [class.ids-dropdown-content--show]=\"expanded\"\n    [class.ids-dropdown-content--scrollable]=\"!!maxHeight\"\n    [attr.aria-labelledby]=\"contentId\"\n    [style.min-width]=\"minWidth\"\n    role=\"menu\"\n  >\n    <div\n      class=\"ids-dropdown-content__scroll-area\"\n      role=\"presentation\"\n      [style.max-height]=\"maxHeight\"\n      [attr.tabindex]=\"maxHeight ? 0 : -1\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-dropdown-trigger\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n})\nexport class IDDropdownTriggerComponent {\n  constructor() { }\n\n}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"[idDropdownItem]\",\n  standalone: true,\n  host: {\n    class: 'ids-dropdown-content__link',\n    role: 'menuitem'\n  },\n})\nexport class IDDropdownItemDirective  {}\n","import { NgModule } from '@angular/core';\nimport { IDDropdownItemDirective } from './dropdown-item.directive';\nimport { IDDropdownComponent } from './dropdown.component';\nimport { IDDropdownTriggerComponent } from './dropdown-trigger.component';\n\n\n@NgModule({\n  imports: [\n    IDDropdownItemDirective,\n    IDDropdownComponent,\n    IDDropdownTriggerComponent,\n  ],\n  exports: [\n    IDDropdownItemDirective,\n    IDDropdownComponent,\n    IDDropdownTriggerComponent,\n  ],\n})\nexport class IDDropdownModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA4Ba,mBAAmB,CAAA;IACU,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;AACtD,IAAA,QAAQ;AACR,IAAA,SAAS;IACsB,UAAU,GAAY,KAAK;IAC3B,QAAQ,GAAY,KAAK;IACxD,QAAQ,GAAqB,OAAO;AAEnC,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAE;AAC/C,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAE;AAEjD,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IACvB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;AAC7C,IAAA,OAAO;IAEjB,eAAe,GAAA;QACb,IAAI,CAAC,YAAY,EAAE;IACrB;AAGA,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC3C,IAAI,CAAC,oBAAoB,EAAE;QAC7B;IACF;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,SAAS,EAAE;QAClB;IACF;IAEA,YAAY,GAAA;AACV,QAAA,MAAM,MAAM,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa;QACnD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,yBAAyB,CAAC;AAC9D,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YACnE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;QAC5D;IACF;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,eAAe,CAAC;QAChD;aAAO;YACL,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;QACrD;IACF;AAEA,IAAA,IAAI,sBAAsB,GAAA;QACxB,MAAM,aAAa,GAAG,cAAc;QACpC,MAAM,aAAa,GAAG,CAAA,EAAG,aAAa,cAAc,IAAI,CAAC,QAAQ,CAAA,CAAE;AACnE,QAAA,OAAO,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,EAAE;IAC5C;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;IACA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGAlEW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EACV,gBAAgB,CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAChB,gBAAgB,0FAGhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClCtC,k0BAwBA,EAAA,CAAA;;4FDIa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAf/B,SAAS;+BACE,aAAa,EAAA,UAAA,EAEX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,SAAS,EAAE,wBAAwB;AACnC,wBAAA,+BAA+B,EAAE,QAAQ;AACzC,wBAAA,+BAA+B,EAAE,QAAQ;AACzC,wBAAA,kBAAkB,EAAE;AACrB,qBAAA,EAAA,cAAA,EACe,CAAC;AACf,4BAAA,SAAS,EAAE,uBAAuB;4BAClC,OAAO,EAAE,CAAC,gBAAgB;yBAC3B,CAAC,EAAA,QAAA,EAAA,k0BAAA,EAAA;8BAGsC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACuC,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,QAAQ,EAAA,CAAA;sBAAhB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;gBAYD,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;;ME1C/B,0BAA0B,CAAA;AACrC,IAAA,WAAA,GAAA,EAAgB;wGADL,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,+EAH3B,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAG1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCIY,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,4BAA4B;AACnC,wBAAA,IAAI,EAAE;AACP,qBAAA;AACF,iBAAA;;;MCSY,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAVzB,uBAAuB;YACvB,mBAAmB;AACnB,YAAA,0BAA0B,aAG1B,uBAAuB;YACvB,mBAAmB;YACnB,0BAA0B,CAAA,EAAA,CAAA;yGAGjB,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-dropdown.mjs","sources":["../../../projects/ids-angular/components/dropdown/dropdown.component.ts","../../../projects/ids-angular/components/dropdown/dropdown.component.html","../../../projects/ids-angular/components/dropdown/dropdown-trigger.component.ts","../../../projects/ids-angular/components/dropdown/dropdown-item.directive.ts","../../../projects/ids-angular/components/dropdown/dropdown.module.ts","../../../projects/ids-angular/components/dropdown/inera-ids-angular-components-dropdown.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnDestroy,\n  Output,\n  booleanAttribute,\n  inject,\n} from '@angular/core';\nimport { IDClickOutsideDirective, IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n  selector: 'id-dropdown',\n  templateUrl: './dropdown.component.html',\n  standalone: true,\n  host: {\n    '[class]': 'baseAndPositionClasses',\n    '[class.ids-dropdown--s-block]': 'sBlock',\n    '[class.ids-dropdown--m-block]': 'mBlock',\n    '(idClickOutside)': 'closeIfNotPersistent()'\n  },\n  hostDirectives: [{\n    directive: IDClickOutsideDirective,\n    outputs: ['idClickOutside'] \n  }],\n})\nexport class IDDropdownComponent implements AfterViewInit, OnDestroy {\n  @Input({ transform: booleanAttribute }) sBlock: boolean = false;\n  @Input({ transform: booleanAttribute }) mBlock: boolean = false;\n  @Input() minWidth?: string;\n  @Input() maxHeight?: string;\n  @Input({ transform: booleanAttribute }) persistent: boolean = false;\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Input() position: 'left' | 'right' = 'right';\n\n  @Output() closed: EventEmitter<void> = new EventEmitter();\n  @Output() opened: EventEmitter<void> = new EventEmitter();\n\n  private useId = inject(IDUseIdService);\n  private host = inject(ElementRef);\n  protected contentId = this.useId.generateId('dropdown');\n  protected trigger: Element | null;\n\n  ngAfterViewInit() {\n    this.setupTrigger();\n  }\n\n  ngOnDestroy(): void {\n    if (this.trigger) {\n      this.trigger.removeEventListener('click', this.toggleDropdown);\n    }\n  }\n\n  @HostListener('window:keydown', ['$event'])\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.expanded) {\n      this.closeIfNotPersistent();\n    }\n  }\n\n  closeIfNotPersistent():void {\n    if (!this.persistent) {\n      this.hasClosed();\n    }\n  }\n\n  setupTrigger(): void {\n    const hostEl: HTMLElement = this.host.nativeElement;\n    this.trigger = hostEl.querySelector('id-dropdown-trigger > *');\n    if (this.trigger) {\n      this.trigger.addEventListener('click', this.toggleDropdown);\n      this.trigger.setAttribute('aria-controls', this.contentId);\n    }\n  }\n\n  toggleDropdown = () => {\n    if (this.expanded) {\n      this.hasClosed();\n      this.trigger?.removeAttribute('aria-expanded');\n    } else {\n      this.hasOpened();\n      this.trigger?.setAttribute('aria-expanded', 'true');\n    }\n  }\n\n  get baseAndPositionClasses(): string {\n    const dropdownClass = 'ids-dropdown';\n    const positionClass = `${dropdownClass}--position-${this.position}`;\n    return `${dropdownClass} ${positionClass}`;\n  }\n\n  hasClosed() {\n    this.expanded = false;\n    this.closed.emit();\n  }\n  hasOpened() {\n    this.expanded = true;\n    this.opened.emit();\n  }\n}\n","<ng-content select=\"id-dropdown-trigger\"></ng-content>\n@if (expanded) {\n  <div\n    class=\"ids-dropdown-content\"\n    [class.ids-dropdown-content--position-right]=\"position === 'right'\"\n    [class.ids-dropdown-content--position-left]=\"position === 'left'\"\n    [class.ids-dropdown-content--sblock]=\"sBlock\"\n    [class.ids-dropdown-content--mblock]=\"mBlock\"\n    [class.ids-dropdown-content--show]=\"expanded\"\n    [class.ids-dropdown-content--scrollable]=\"!!maxHeight\"\n    [attr.aria-labelledby]=\"contentId\"\n    [style.min-width]=\"minWidth\"\n    role=\"menu\"\n  >\n    <div\n      class=\"ids-dropdown-content__scroll-area\"\n      role=\"presentation\"\n      [style.max-height]=\"maxHeight\"\n      [attr.tabindex]=\"maxHeight ? 0 : -1\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n","import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-dropdown-trigger\",\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n})\nexport class IDDropdownTriggerComponent {}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"[idDropdownItem]\",\n  standalone: true,\n  host: {\n    class: 'ids-dropdown-content__link',\n    role: 'menuitem'\n  },\n})\nexport class IDDropdownItemDirective  {}\n","import { NgModule } from '@angular/core';\nimport { IDDropdownItemDirective } from './dropdown-item.directive';\nimport { IDDropdownComponent } from './dropdown.component';\nimport { IDDropdownTriggerComponent } from './dropdown-trigger.component';\n\n\n@NgModule({\n  imports: [\n    IDDropdownItemDirective,\n    IDDropdownComponent,\n    IDDropdownTriggerComponent,\n  ],\n  exports: [\n    IDDropdownItemDirective,\n    IDDropdownComponent,\n    IDDropdownTriggerComponent,\n  ],\n})\nexport class IDDropdownModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA6Ba,mBAAmB,CAAA;IACU,MAAM,GAAY,KAAK;IACvB,MAAM,GAAY,KAAK;AACtD,IAAA,QAAQ;AACR,IAAA,SAAS;IACsB,UAAU,GAAY,KAAK;IAC3B,QAAQ,GAAY,KAAK;IACxD,QAAQ,GAAqB,OAAO;AAEnC,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAE;AAC/C,IAAA,MAAM,GAAuB,IAAI,YAAY,EAAE;AAEjD,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IACvB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;AAC7C,IAAA,OAAO;IAEjB,eAAe,GAAA;QACb,IAAI,CAAC,YAAY,EAAE;IACrB;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC;QAChE;IACF;AAGA,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC3C,IAAI,CAAC,oBAAoB,EAAE;QAC7B;IACF;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,SAAS,EAAE;QAClB;IACF;IAEA,YAAY,GAAA;AACV,QAAA,MAAM,MAAM,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa;QACnD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,yBAAyB,CAAC;AAC9D,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC;YAC3D,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;QAC5D;IACF;IAEA,cAAc,GAAG,MAAK;AACpB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,eAAe,CAAC;QAChD;aAAO;YACL,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;QACrD;AACF,IAAA,CAAC;AAED,IAAA,IAAI,sBAAsB,GAAA;QACxB,MAAM,aAAa,GAAG,cAAc;QACpC,MAAM,aAAa,GAAG,CAAA,EAAG,aAAa,cAAc,IAAI,CAAC,QAAQ,CAAA,CAAE;AACnE,QAAA,OAAO,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,EAAE;IAC5C;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;IACA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGAxEW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EACV,gBAAgB,CAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAChB,gBAAgB,0FAGhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAChB,gBAAgB,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,wBAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnCtC,k0BAwBA,EAAA,CAAA;;4FDKa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAf/B,SAAS;+BACE,aAAa,EAAA,UAAA,EAEX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,SAAS,EAAE,wBAAwB;AACnC,wBAAA,+BAA+B,EAAE,QAAQ;AACzC,wBAAA,+BAA+B,EAAE,QAAQ;AACzC,wBAAA,kBAAkB,EAAE;AACrB,qBAAA,EAAA,cAAA,EACe,CAAC;AACf,4BAAA,SAAS,EAAE,uBAAuB;4BAClC,OAAO,EAAE,CAAC,gBAAgB;yBAC3B,CAAC,EAAA,QAAA,EAAA,k0BAAA,EAAA;8BAGsC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACuC,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,QAAQ,EAAA,CAAA;sBAAhB;gBAES,MAAM,EAAA,CAAA;sBAAf;gBACS,MAAM,EAAA,CAAA;sBAAf;gBAkBD,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;;MEjD/B,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,+EAH3B,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAG1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCIY,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,4BAA4B;AACnC,wBAAA,IAAI,EAAE;AACP,qBAAA;AACF,iBAAA;;;MCSY,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAVzB,uBAAuB;YACvB,mBAAmB;AACnB,YAAA,0BAA0B,aAG1B,uBAAuB;YACvB,mBAAmB;YACnB,0BAA0B,CAAA,EAAA,CAAA;yGAGjB,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACF,iBAAA;;;ACjBD;;AAEG;;;;"}