@inera/ids-angular 8.2.0 → 9.0.1

package/fesm2022/inera-ids-angular-common.mjs

@@ -1,49 +1,244 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component } from '@angular/core';
+import { Injectable, inject, HostBinding, Input, Directive, EventEmitter, ElementRef, Renderer2, Output, ContentChild, signal, InjectionToken, DestroyRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { merge, EMPTY, fromEvent } from 'rxjs';
+import { auditTime, filter } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class IDInputLabelLinker {
+    static nextId = 0;
+    renderer;
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    link(host) {
+        const el = host.nativeElement;
+        const label = el.querySelector('label');
+        const input = el.querySelector('input, textarea, select');
+        if (!input || !label)
+            return;
+        const id = input.id || `ids-form-element-${IDInputLabelLinker.nextId++}`;
+        this.renderer.setAttribute(input, 'id', id);
+        this.renderer.setAttribute(label, 'for', id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputLabelLinker, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputLabelLinker, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDInputLabelLinker, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+
+class IDUseIdService {
+    static componentCounters = {};
+    generateId(componentName) {
+        if (!IDUseIdService.componentCounters[componentName]) {
+            IDUseIdService.componentCounters[componentName] = 0;
+        }
+        IDUseIdService.componentCounters[componentName]++;
+        return `ids-${componentName}-${IDUseIdService.componentCounters[componentName]}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDUseIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDUseIdService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDUseIdService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class IDErrorMessageBase {
+    show = false;
+    idService = inject(IDUseIdService);
+    id = this.idService.generateId('error-message');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDErrorMessageBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDErrorMessageBase, inputs: { show: "show" }, host: { properties: { "class.ids-error-message--show": "this.show" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDErrorMessageBase, decorators: [{
+            type: Directive
+        }], propDecorators: { show: [{
+                type: HostBinding,
+                args: ['class.ids-error-message--show']
+            }, {
+                type: Input
+            }] } });
 
 class IDFormBase {
-    invalid = false;
-    srof = "av";
-    light = false;
-    novalidation = false;
-    onValid = new EventEmitter();
-    onInvalid = new EventEmitter();
+    ngControl;
+    errorMessage;
+    validateOn = 'dirty';
     invalidChange = new EventEmitter();
-    emitOnValid(event) {
-        this.invalid = false;
-        this.onValid.emit(event);
-        this.invalidChange.emit(this.invalid);
-    }
-    emitOnInvalid(event) {
-        this.invalid = true;
-        this.onInvalid.emit(event);
-        this.invalidChange.emit(this.invalid);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFormBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDFormBase, selector: "ng-component", inputs: { invalid: "invalid", srof: "srof", light: "light", novalidation: "novalidation" }, outputs: { onValid: "onValid", onInvalid: "onInvalid", invalidChange: "invalidChange" }, ngImport: i0, template: '', isInline: true });
+    _invalid = false;
+    get invalid() {
+        return this._invalid;
+    }
+    set invalid(value) {
+        this._invalid = value;
+        this.toggleInputArias({ invalid: this._invalid });
+        this.toggleErrorMessage();
+        this.invalidChange.emit(value);
+    }
+    srof = 'av';
+    light = false;
+    inputLabelLinker = inject(IDInputLabelLinker);
+    blurEvent;
+    get input() {
+        return (this.host.nativeElement.querySelector('input') ||
+            this.host.nativeElement.querySelector('textarea') ||
+            this.host.nativeElement.querySelector('select'));
+    }
+    get label() {
+        return this.host.nativeElement.querySelector('label');
+    }
+    get checkbox() {
+        return this.host.nativeElement.querySelector('input[type=checkbox]');
+    }
+    host = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ngAfterContentInit() {
+        if (!this.input) {
+            throw new Error('IDS ERROR - Input missing in ' + this.host.nativeElement.tagName);
+        }
+        if (this.validateOn === 'immediate') {
+            this._updateErrorState();
+        }
+        if (this.validateOn === 'touched' || this.validateOn === 'blur') {
+            this.blurEvent = this.renderer.listen(this.input, 'blur', () => {
+                this._updateErrorState();
+            });
+        }
+        if (this.ngControl && this.validateOn !== 'blur') {
+            merge(...[this.ngControl.statusChanges ?? EMPTY, this.ngControl.valueChanges ?? EMPTY])
+                .pipe(auditTime(0))
+                .subscribe(() => this._updateErrorState());
+        }
+        this.inputLabelLinker.link(this.host);
+        this.renderer.addClass(this.label, 'ids-label');
+        if (this.light) {
+            this.renderer.addClass(this.input, 'ids-input--light');
+        }
+    }
+    _updateErrorState() {
+        if (!this.ngControl || this.validateOn === 'none')
+            return;
+        switch (this.validateOn) {
+            case 'immediate':
+                this.invalid = Boolean(this.ngControl.invalid);
+                break;
+            case 'touched':
+                this.invalid = Boolean(this.ngControl.invalid) && Boolean(this.ngControl.touched);
+                break;
+            case 'dirty':
+                this.invalid = Boolean(this.ngControl.invalid) && Boolean(this.ngControl.dirty);
+                break;
+            case 'blur':
+                this.invalid = Boolean(this.ngControl.invalid);
+        }
+    }
+    toggleErrorMessage() {
+        if (!this.errorMessage)
+            return;
+        this.errorMessage.show = this.invalid;
+    }
+    toggleInputArias({ invalid }) {
+        if (this.checkbox) {
+            this.renderer.setAttribute(this.input, 'aria-checked', this.checkbox.checked);
+        }
+        this.renderer.setAttribute(this.input, 'aria-required', this.input.required);
+        if (invalid) {
+            this.renderer.addClass(this.input, 'ids-input--invalid');
+            this.renderer.setAttribute(this.input, 'aria-invalid', 'true');
+        }
+        else {
+            this.renderer.removeClass(this.input, 'ids-input--invalid');
+            this.renderer.removeAttribute(this.input, 'aria-invalid');
+        }
+        if (this.errorMessage) {
+            this.renderer.setAttribute(this.input, 'aria-describedby', this.errorMessage.id);
+        }
+        else {
+            this.renderer.removeAttribute(this.input, 'aria-describedby');
+        }
+    }
+    ngOnDestroy() {
+        this.blurEvent?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFormBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDFormBase, inputs: { validateOn: "validateOn", invalid: "invalid", srof: "srof", light: "light" }, outputs: { invalidChange: "invalidChange" }, queries: [{ propertyName: "ngControl", first: true, predicate: NgControl, descendants: true, read: NgControl }, { propertyName: "errorMessage", first: true, predicate: IDErrorMessageBase, descendants: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDFormBase, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { invalid: [{
+            type: Directive
+        }], propDecorators: { ngControl: [{
+                type: ContentChild,
+                args: [NgControl, { read: NgControl }]
+            }], errorMessage: [{
+                type: ContentChild,
+                args: [IDErrorMessageBase]
+            }], validateOn: [{
+                type: Input
+            }], invalidChange: [{
+                type: Output
+            }], invalid: [{
                 type: Input
             }], srof: [{
                 type: Input
             }], light: [{
                 type: Input
-            }], novalidation: [{
-                type: Input
-            }], onValid: [{
-                type: Output
-            }], onInvalid: [{
-                type: Output
-            }], invalidChange: [{
+            }] } });
+
+class IDClickOutsideDirective {
+    elementRef;
+    idClickOutside = new EventEmitter();
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        document.addEventListener('click', this.onDocumentClick.bind(this), true);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('click', this.onDocumentClick.bind(this), true);
+    }
+    onDocumentClick(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.idClickOutside.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDClickOutsideDirective, isStandalone: true, selector: "[idClickOutside]", outputs: { idClickOutside: "idClickOutside" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[idClickOutside]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { idClickOutside: [{
                 type: Output
             }] } });
 
+class IDTooltipCategoryService {
+    closeCategory = signal(null);
+    requestClose(category) {
+        this.closeCategory.set(null);
+        this.closeCategory.set(category);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipCategoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipCategoryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipCategoryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const ID_HEADER_CONTEXT = new InjectionToken('ID_HEADER_CONTEXT');
+
+function useEscapeKey(callback, condition) {
+    const destroyRef = inject(DestroyRef);
+    fromEvent(window, 'keydown')
+        .pipe(filter(event => event.key === 'Escape' && condition()), takeUntilDestroyed(destroyRef))
+        .subscribe(() => callback());
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDFormBase };
+export { IDClickOutsideDirective, IDErrorMessageBase, IDFormBase, IDInputLabelLinker, IDTooltipCategoryService, IDUseIdService, ID_HEADER_CONTEXT, useEscapeKey };
 //# sourceMappingURL=inera-ids-angular-common.mjs.map

package/fesm2022/inera-ids-angular-common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-common.mjs","sources":["../../../projects/ids-angular/common/classes/form/IDFormBase.ts","../../../projects/ids-angular/common/inera-ids-angular-common.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({template:''})\nexport class IDFormBase {\n\n  @Input()\n  invalid: boolean | null = false;\n\n  @Input()\n  srof: string = \"av\";\n\n  @Input()\n  light: boolean = false;\n\n  @Input()\n  novalidation: boolean = false;\n\n  @Output()\n  onValid: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  onInvalid: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  invalidChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\n  emitOnValid (event: Event) {\n    this.invalid = false;\n    this.onValid.emit(event);\n    this.invalidChange.emit(this.invalid);\n  }\n  emitOnInvalid (event: Event) {\n    this.invalid = true;\n    this.onInvalid.emit(event);\n    this.invalidChange.emit(this.invalid);\n  }\n  \n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAGa,UAAU,CAAA;IAGrB,OAAO,GAAmB,KAAK;IAG/B,IAAI,GAAW,IAAI;IAGnB,KAAK,GAAY,KAAK;IAGtB,YAAY,GAAY,KAAK;AAG7B,IAAA,OAAO,GAAwB,IAAI,YAAY,EAAE;AAGjD,IAAA,SAAS,GAAwB,IAAI,YAAY,EAAE;AAGnD,IAAA,aAAa,GAA0B,IAAI,YAAY,EAAW;AAGlE,IAAA,WAAW,CAAE,KAAY,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IACvC;AACA,IAAA,aAAa,CAAE,KAAY,EAAA;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IACvC;wGAjCW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,yOADF,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FACV,UAAU,EAAA,UAAA,EAAA,CAAA;kBADtB,SAAS;mBAAC,EAAC,QAAQ,EAAC,EAAE,EAAC;8BAItB,OAAO,EAAA,CAAA;sBADN;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,KAAK,EAAA,CAAA;sBADJ;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,aAAa,EAAA,CAAA;sBADZ;;;ACvBH;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-common.mjs","sources":["../../../projects/ids-angular/common/services/input-label-linker.service.ts","../../../projects/ids-angular/common/services/use-id.service.ts.ts","../../../projects/ids-angular/common/classes/form/IDErrorMessageBase.ts","../../../projects/ids-angular/common/classes/form/IDFormBase.ts","../../../projects/ids-angular/common/directives/click-outside.directive.ts","../../../projects/ids-angular/common/services/tooltip-category.service.ts","../../../projects/ids-angular/common/context/header-context.ts","../../../projects/ids-angular/common/utilities/useEscKey.ts","../../../projects/ids-angular/common/inera-ids-angular-common.ts"],"sourcesContent":["import { Injectable, ElementRef, Renderer2, RendererFactory2 } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class IDInputLabelLinker {\n  private static nextId = 0;\n  private renderer: Renderer2;\n\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(null, null);\n  }\n\n  link(host: ElementRef<HTMLElement>) {\n    const el = host.nativeElement;\n    const label = el.querySelector('label');\n    const input = el.querySelector('input, textarea, select');\n\n    if (!input || !label) return;\n\n    const id = input.id || `ids-form-element-${IDInputLabelLinker.nextId++}`;\n    this.renderer.setAttribute(input, 'id', id);\n    this.renderer.setAttribute(label, 'for', id);\n  }\n}","import { Injectable } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class IDUseIdService {\n  private static componentCounters: Record<string, number> = {};\n\n  generateId(componentName: string): string {\n    if (!IDUseIdService.componentCounters[componentName]) {\n      IDUseIdService.componentCounters[componentName] = 0;\n    }\n    IDUseIdService.componentCounters[componentName]++;\n    return `ids-${componentName}-${IDUseIdService.componentCounters[componentName]}`;\n  }\n}","import { Directive, HostBinding, inject, Input} from '@angular/core';\nimport { IDUseIdService } from '../../services/use-id.service.ts';\n\n@Directive()\nexport abstract class IDErrorMessageBase {\n\n  @HostBinding('class.ids-error-message--show')\n  @Input()\n  show: boolean = false;\n\n  private idService = inject(IDUseIdService);\n  id = this.idService.generateId('error-message');\n \n}\n","import {\n  AfterContentInit,\n  ContentChild,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  Output,\n  Renderer2,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { EMPTY, merge } from 'rxjs';\nimport { auditTime } from 'rxjs/operators';\nimport { IDInputLabelLinker } from '../../services/input-label-linker.service';\nimport { IDErrorMessageBase } from './IDErrorMessageBase';\n\n@Directive()\nexport abstract class IDFormBase implements AfterContentInit {\n  @ContentChild(NgControl, { read: NgControl }) ngControl?: NgControl;\n\n  @ContentChild(IDErrorMessageBase)\n  errorMessage!: IDErrorMessageBase;\n\n  @Input()\n  validateOn: 'immediate' | 'touched' | 'dirty' | 'blur' | 'none' = 'dirty';\n\n  @Output()\n  invalidChange = new EventEmitter<boolean>();\n\n  private _invalid = false;\n\n  @Input()\n  get invalid(): boolean {\n    return this._invalid;\n  }\n  set invalid(value: boolean) {\n    this._invalid = value;\n    this.toggleInputArias({ invalid: this._invalid });\n    this.toggleErrorMessage();\n    this.invalidChange.emit(value);\n  }\n\n  @Input()\n  srof: string = 'av';\n\n  @Input()\n  light: boolean = false;\n\n  protected inputLabelLinker = inject(IDInputLabelLinker);\n\n  private blurEvent?: () => void;\n\n  get input() {\n    return (\n      this.host.nativeElement.querySelector('input') ||\n      this.host.nativeElement.querySelector('textarea') ||\n      this.host.nativeElement.querySelector('select')\n    );\n  }\n\n  get label() {\n    return this.host.nativeElement.querySelector('label');\n  }\n\n  get checkbox() {\n    return this.host.nativeElement.querySelector('input[type=checkbox]');\n  }\n\n  protected host = inject(ElementRef);\n  protected renderer = inject(Renderer2);\n\n  ngAfterContentInit() {\n    if (!this.input) {\n      throw new Error('IDS ERROR - Input missing in ' + this.host.nativeElement.tagName);\n    }\n    if (this.validateOn === 'immediate') {\n      this._updateErrorState();\n    }\n    if (this.validateOn === 'touched' || this.validateOn === 'blur') {\n      this.blurEvent = this.renderer.listen(this.input, 'blur', () => {\n        this._updateErrorState();\n      });\n    }\n    if (this.ngControl && this.validateOn !== 'blur') {\n      merge(...[this.ngControl.statusChanges ?? EMPTY, this.ngControl.valueChanges ?? EMPTY])\n        .pipe(auditTime(0))\n        .subscribe(() => this._updateErrorState());\n    }\n    this.inputLabelLinker.link(this.host);\n    this.renderer.addClass(this.label, 'ids-label');\n    if (this.light) {\n      this.renderer.addClass(this.input, 'ids-input--light');\n    }\n  }\n\n  protected _updateErrorState() {\n    if (!this.ngControl || this.validateOn === 'none') return;\n    switch (this.validateOn) {\n      case 'immediate':\n        this.invalid = Boolean(this.ngControl.invalid);\n        break;\n      case 'touched':\n        this.invalid = Boolean(this.ngControl.invalid) && Boolean(this.ngControl.touched);\n        break;\n      case 'dirty':\n        this.invalid = Boolean(this.ngControl.invalid) && Boolean(this.ngControl.dirty);\n        break;\n      case 'blur':\n        this.invalid = Boolean(this.ngControl.invalid);\n    }\n  }\n\n  toggleErrorMessage(): void {\n    if (!this.errorMessage) return;\n    this.errorMessage.show = this.invalid;\n  }\n\n  toggleInputArias({ invalid }: { invalid: boolean }) {\n    if (this.checkbox) {\n      this.renderer.setAttribute(this.input, 'aria-checked', this.checkbox.checked);\n    }\n    this.renderer.setAttribute(this.input, 'aria-required', this.input.required);\n    if (invalid) {\n      this.renderer.addClass(this.input, 'ids-input--invalid');\n      this.renderer.setAttribute(this.input, 'aria-invalid', 'true');\n    } else {\n      this.renderer.removeClass(this.input, 'ids-input--invalid');\n      this.renderer.removeAttribute(this.input, 'aria-invalid');\n    }\n    if (this.errorMessage) {\n      this.renderer.setAttribute(this.input, 'aria-describedby', this.errorMessage.id);\n    } else {\n      this.renderer.removeAttribute(this.input, 'aria-describedby');\n    }\n  }\n\n  ngOnDestroy() {\n    this.blurEvent?.();\n  }\n}\n","import { Directive, ElementRef, Output, EventEmitter, OnDestroy } from '@angular/core';\n\n@Directive({\n  selector: '[idClickOutside]',\n  standalone: true\n})\nexport class IDClickOutsideDirective implements OnDestroy {\n  @Output() idClickOutside = new EventEmitter<Event>();\n\n  constructor(private elementRef: ElementRef) {\n    document.addEventListener('click', this.onDocumentClick.bind(this), true);\n  }\n\n  ngOnDestroy() {\n    document.removeEventListener('click', this.onDocumentClick.bind(this), true);\n  }\n\n  private onDocumentClick(event: MouseEvent) {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.idClickOutside.emit(event);\n    }\n  }\n}","import { Injectable, signal } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class IDTooltipCategoryService {\n  closeCategory = signal<string | null>(null);\n\n  requestClose(category: string) {\n    this.closeCategory.set(null);\n    this.closeCategory.set(category);\n  }\n}","import { InjectionToken } from '@angular/core';\n\nexport interface IDHeaderContext {\n  unresponsive: boolean;\n}\n\nexport const ID_HEADER_CONTEXT = new InjectionToken<IDHeaderContext>('ID_HEADER_CONTEXT');","import { inject, DestroyRef } from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport function useEscapeKey(callback: () => void, condition: () => boolean) {\n  const destroyRef = inject(DestroyRef);\n\n  fromEvent<KeyboardEvent>(window, 'keydown')\n    .pipe(\n      filter(event => event.key === 'Escape' && condition()),\n      takeUntilDestroyed(destroyRef)\n    )\n    .subscribe(() => callback());\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-accordion.mjs

@@ -1,68 +1,128 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/accordion/register';
+import { TemplateRef, ViewChild, Component, EventEmitter, inject, DestroyRef, booleanAttribute, Output, Input, ContentChild, ContentChildren } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
+
+class IDAccordionHeaderComponent {
+    template;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDAccordionHeaderComponent, isStandalone: true, selector: "id-accordion-header", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-accordion-header',
+                    standalone: true,
+                    template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>`
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
 
 class IDAccordionComponent {
-    constructor() { }
+    nestedAccordions;
+    header;
     lean = false;
-    noborder = false;
-    headlinesize = "m";
+    noBorder = false;
     expanded = false;
     level = 1;
-    onClosed = new EventEmitter();
-    onExpanded = new EventEmitter();
+    size = 'm';
+    closed = new EventEmitter();
+    opened = new EventEmitter();
     expandedChange = new EventEmitter();
-    hasClosed(event) {
-        this.expanded = false;
-        this.onClosed.emit(event);
-        this.expandedChange.emit(this.expanded);
+    get hasChildren() {
+        return (this.nestedAccordions?.length ?? 0) > 0;
+    }
+    get isChild() {
+        return this.level > 1;
+    }
+    idService = inject(IDUseIdService);
+    destroyRef = inject(DestroyRef);
+    contentId = this.idService.generateId('accordion');
+    ngAfterContentInit() {
+        this.updateNestedAccordionLevels();
+        this.nestedAccordions?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            this.updateNestedAccordionLevels();
+        });
+    }
+    updateNestedAccordionLevels() {
+        this.nestedAccordions?.forEach(accordion => {
+            accordion.level = this.level + 1;
+            switch (this.size) {
+                case 'm':
+                    accordion.size = 's';
+                    break;
+                case 's':
+                    accordion.size = 'xs';
+                    break;
+            }
+            accordion.updateNestedAccordionLevels();
+        });
     }
-    hasExpanded(event) {
-        this.expanded = true;
-        this.onExpanded.emit(event);
+    toggleExpansion(event) {
+        this.setExpanded(!this.expanded, event);
+    }
+    setExpanded(expanded, event) {
+        this.expanded = expanded;
+        if (expanded) {
+            this.opened.emit(event);
+        }
+        else {
+            this.closed.emit(event);
+        }
         this.expandedChange.emit(this.expanded);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDAccordionComponent, selector: "id-accordion", inputs: { lean: "lean", noborder: "noborder", headlinesize: "headlinesize", expanded: "expanded", level: "level" }, outputs: { onClosed: "onClosed", onExpanded: "onExpanded", expandedChange: "expandedChange" }, ngImport: i0, template: "<ids-accordion \n  [attr.lean]=\"lean ? true : null\"\n  [attr.noborder]=\"noborder ? true : null\"\n  [expanded]=\"expanded ? true : null\"\n  [headlinesize]=\"headlinesize\"\n  [level]=\"level\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-accordion>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDAccordionComponent, isStandalone: true, selector: "id-accordion", inputs: { lean: ["lean", "lean", booleanAttribute], noBorder: ["noBorder", "noBorder", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], level: "level", size: "size" }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { properties: { "class.ids-accordion--expanded": "expanded", "class.ids-accordion--no-border": "noBorder", "class.ids-accordion--lean": "lean", "class.ids-accordion--has-children": "hasChildren", "class.ids-accordion--is-child": "isChild" }, classAttribute: "ids-accordion" }, queries: [{ propertyName: "header", first: true, predicate: IDAccordionHeaderComponent, descendants: true }, { propertyName: "nestedAccordions", predicate: IDAccordionComponent }], ngImport: i0, template: "<button \n  [class]=\"'ids-accordion__button ids-accordion__button--' + size\" \n  (click)=\"toggleExpansion($event)\"\n  [attr.aria-expanded]=\"expanded\" \n  [attr.aria-controls]=\"contentId\">\n  <div [class]=\"'ids-accordion__headline ids-accordion__headline-' + level + ' ids-accordion__headline--' + size + (expanded ? ' ids-accordion__headline--expanded' : '')\">\n    <ng-container [ngTemplateOutlet]=\"header.template\"></ng-container>\n  </div>\n</button>\n\n<div [id]=\"contentId\" class=\"ids-accordion__content\" [hidden]=\"!expanded\">\n  <ng-content select=\":not(id-accordion-header)\"></ng-content>\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-accordion", encapsulation: ViewEncapsulation.None, template: "<ids-accordion \n  [attr.lean]=\"lean ? true : null\"\n  [attr.noborder]=\"noborder ? true : null\"\n  [expanded]=\"expanded ? true : null\"\n  [headlinesize]=\"headlinesize\"\n  [level]=\"level\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-accordion>" }]
-        }], ctorParameters: () => [], propDecorators: { lean: [{
-                type: Input
-            }], noborder: [{
-                type: Input
-            }], headlinesize: [{
-                type: Input
+            args: [{ selector: "id-accordion", host: {
+                        'class': 'ids-accordion',
+                        '[class.ids-accordion--expanded]': 'expanded',
+                        '[class.ids-accordion--no-border]': 'noBorder',
+                        '[class.ids-accordion--lean]': 'lean',
+                        '[class.ids-accordion--has-children]': 'hasChildren',
+                        '[class.ids-accordion--is-child]': 'isChild',
+                    }, imports: [NgTemplateOutlet], standalone: true, template: "<button \n  [class]=\"'ids-accordion__button ids-accordion__button--' + size\" \n  (click)=\"toggleExpansion($event)\"\n  [attr.aria-expanded]=\"expanded\" \n  [attr.aria-controls]=\"contentId\">\n  <div [class]=\"'ids-accordion__headline ids-accordion__headline-' + level + ' ids-accordion__headline--' + size + (expanded ? ' ids-accordion__headline--expanded' : '')\">\n    <ng-container [ngTemplateOutlet]=\"header.template\"></ng-container>\n  </div>\n</button>\n\n<div [id]=\"contentId\" class=\"ids-accordion__content\" [hidden]=\"!expanded\">\n  <ng-content select=\":not(id-accordion-header)\"></ng-content>\n</div>" }]
+        }], propDecorators: { nestedAccordions: [{
+                type: ContentChildren,
+                args: [IDAccordionComponent]
+            }], header: [{
+                type: ContentChild,
+                args: [IDAccordionHeaderComponent]
+            }], lean: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], noBorder: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], expanded: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], level: [{
                 type: Input
-            }], onClosed: [{
+            }], size: [{
+                type: Input
+            }], closed: [{
                 type: Output
-            }], onExpanded: [{
+            }], opened: [{
                 type: Output
             }], expandedChange: [{
                 type: Output
             }] } });
 
-class IDAccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionModule, declarations: [IDAccordionComponent], exports: [IDAccordionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDAccordionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IDAccordionComponent],
-                    exports: [IDAccordionComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDAccordionComponent, IDAccordionModule };
+export { IDAccordionComponent, IDAccordionHeaderComponent };
 //# sourceMappingURL=inera-ids-angular-components-accordion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-accordion.mjs","sources":["../../../projects/ids-angular/components/accordion/accordion.component.ts","../../../projects/ids-angular/components/accordion/accordion.component.html","../../../projects/ids-angular/components/accordion/accordion.module.ts","../../../projects/ids-angular/components/accordion/inera-ids-angular-components-accordion.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from \"@angular/core\";\n\n@Component({\n  selector: \"id-accordion\",\n  templateUrl: \"./accordion.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDAccordionComponent {\n  constructor() {}\n\n  @Input()\n  lean: boolean = false;\n\n  @Input()\n  noborder: boolean = false;\n\n  @Input()\n  headlinesize: \"xs\" | \"s\" | \"m\" = \"m\";\n\n  @Input()\n  expanded: boolean = false;\n\n  @Input()\n  level: number = 1;\n\n  @Output()\n  onClosed: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  onExpanded: EventEmitter<Event> = new EventEmitter();\n\n  @Output()\n  expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  hasClosed(event: Event) {\n    this.expanded = false;\n    this.onClosed.emit(event);\n    this.expandedChange.emit(this.expanded);\n  }\n  hasExpanded(event: Event) {\n    this.expanded = true;\n    this.onExpanded.emit(event);\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<ids-accordion \n  [attr.lean]=\"lean ? true : null\"\n  [attr.noborder]=\"noborder ? true : null\"\n  [expanded]=\"expanded ? true : null\"\n  [headlinesize]=\"headlinesize\"\n  [level]=\"level\"\n  (closed)=\"hasClosed($event)\"\n  (expanded)=\"hasExpanded($event)\">\n  <ng-content></ng-content>\n</ids-accordion>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDAccordionComponent } from \"./accordion.component\";\nimport \"@inera/ids-core/components/accordion/register\";\n\n@NgModule({\n  declarations: [IDAccordionComponent],\n  exports: [IDAccordionComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,oBAAoB,CAAA;AAC/B,IAAA,WAAA,GAAA,EAAe;IAGf,IAAI,GAAY,KAAK;IAGrB,QAAQ,GAAY,KAAK;IAGzB,YAAY,GAAqB,GAAG;IAGpC,QAAQ,GAAY,KAAK;IAGzB,KAAK,GAAW,CAAC;AAGjB,IAAA,QAAQ,GAAwB,IAAI,YAAY,EAAE;AAGlD,IAAA,UAAU,GAAwB,IAAI,YAAY,EAAE;AAGpD,IAAA,cAAc,GAA0B,IAAI,YAAY,EAAW;AAEnE,IAAA,SAAS,CAAC,KAAY,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACzC;AACA,IAAA,WAAW,CAAC,KAAY,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACzC;wGApCW,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,uQCPjC,8TASgB,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDFH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,8TAAA,EAAA;wDAMrC,IAAI,EAAA,CAAA;sBADH;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,KAAK,EAAA,CAAA;sBADJ;gBAID,QAAQ,EAAA,CAAA;sBADP;gBAID,UAAU,EAAA,CAAA;sBADT;gBAID,cAAc,EAAA,CAAA;sBADb;;;MEtBU,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-accordion.mjs","sources":["../../../projects/ids-angular/components/accordion/accordion-header.component.ts","../../../projects/ids-angular/components/accordion/accordion.component.ts","../../../projects/ids-angular/components/accordion/accordion.component.html","../../../projects/ids-angular/components/accordion/inera-ids-angular-components-accordion.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'id-accordion-header',\n  standalone: true,\n  template: `\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>`\n})\nexport class IDAccordionHeaderComponent {\n\n  @ViewChild(TemplateRef, { static: true })\n  template!: TemplateRef<unknown>;\n\n}\n","import { NgTemplateOutlet } from \"@angular/common\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { Component, ContentChild, ContentChildren, DestroyRef, EventEmitter, Input, Output, QueryList, booleanAttribute, inject } from \"@angular/core\";\nimport { IDAccordionHeaderComponent } from \"./accordion-header.component\";\nimport { IDUseIdService } from \"@inera/ids-angular/common\";\n\n@Component({\n  selector: \"id-accordion\",\n  templateUrl: \"./accordion.component.html\",\n  host: {\n    'class': 'ids-accordion',\n    '[class.ids-accordion--expanded]': 'expanded',\n    '[class.ids-accordion--no-border]': 'noBorder',\n    '[class.ids-accordion--lean]': 'lean',\n    '[class.ids-accordion--has-children]': 'hasChildren',\n    '[class.ids-accordion--is-child]': 'isChild',\n  },\n  imports: [NgTemplateOutlet],\n  standalone: true,\n})\nexport class IDAccordionComponent {\n  \n  @ContentChildren(IDAccordionComponent)\n  nestedAccordions: QueryList<IDAccordionComponent>;\n\n  @ContentChild(IDAccordionHeaderComponent)\n  header: IDAccordionHeaderComponent;\n\n  @Input({ transform: booleanAttribute }) lean: boolean = false;\n  @Input({ transform: booleanAttribute }) noBorder: boolean = false;\n  @Input({ transform: booleanAttribute }) expanded: boolean = false;\n  @Input() level: number = 1;\n  @Input() size: 'xs' | 's' | 'm' = 'm';\n\n  @Output() closed: EventEmitter<Event> = new EventEmitter();\n  @Output() opened: EventEmitter<Event> = new EventEmitter();\n  @Output() expandedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  get hasChildren(): boolean {\n    return (this.nestedAccordions?.length ?? 0) > 0;\n  }\n\n  get isChild(): boolean {\n    return this.level > 1;\n  }\n\n  private idService = inject(IDUseIdService);\n  private destroyRef = inject(DestroyRef);\n  contentId = this.idService.generateId('accordion');\n\n  ngAfterContentInit() {\n    this.updateNestedAccordionLevels();\n    this.nestedAccordions?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.updateNestedAccordionLevels();\n    });\n  }\n\n  updateNestedAccordionLevels() {\n    this.nestedAccordions?.forEach(accordion => {\n      accordion.level = this.level + 1;\n      switch (this.size) {\n        case 'm':\n          accordion.size = 's';\n          break;\n        case 's':\n          accordion.size = 'xs';\n          break;\n      }\n      accordion.updateNestedAccordionLevels();\n    });\n  }\n\n  toggleExpansion(event: Event) {\n    this.setExpanded(!this.expanded, event);\n  }\n\n  private setExpanded(expanded: boolean, event: Event) {\n    this.expanded = expanded;\n    if (expanded) {\n      this.opened.emit(event);\n    } else {\n      this.closed.emit(event);\n    }\n    this.expandedChange.emit(this.expanded);\n  }\n}\n","<button \n  [class]=\"'ids-accordion__button ids-accordion__button--' + size\" \n  (click)=\"toggleExpansion($event)\"\n  [attr.aria-expanded]=\"expanded\" \n  [attr.aria-controls]=\"contentId\">\n  <div [class]=\"'ids-accordion__headline ids-accordion__headline-' + level + ' ids-accordion__headline--' + size + (expanded ? ' ids-accordion__headline--expanded' : '')\">\n    <ng-container [ngTemplateOutlet]=\"header.template\"></ng-container>\n  </div>\n</button>\n\n<div [id]=\"contentId\" class=\"ids-accordion__content\" [hidden]=\"!expanded\">\n  <ng-content select=\":not(id-accordion-header)\"></ng-content>\n</div>","/**\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-action-link.mjs

@@ -1,28 +1,33 @@
 import * as i0 from '@angular/core';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/action-link/register';
+import { Component } from '@angular/core';
 
 class IDActionLinkComponent {
-    constructor() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDActionLinkComponent, selector: "id-action-link", ngImport: i0, template: "<ids-action-link>\n  <ng-content></ng-content>\n</ids-action-link>\n" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDActionLinkComponent, isStandalone: true, selector: "id-action-link", host: { classAttribute: "ids-action-link" }, ngImport: i0, template: `
+    <div class="ids-action-link__inner">
+      <div class="ids-action-link__image">
+        <ng-content select="[idLinkImage]"></ng-content>
+      </div>
+      <ng-content></ng-content>
+      <div class="ids-action-link__icon" aria-hidden="true"></div>
+    </div>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-action-link", template: "<ids-action-link>\n  <ng-content></ng-content>\n</ids-action-link>\n" }]
-        }], ctorParameters: () => [] });
-
-class IDActionLinkModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkModule, declarations: [IDActionLinkComponent], exports: [IDActionLinkComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDActionLinkModule, decorators: [{
-            type: NgModule,
             args: [{
-                    declarations: [IDActionLinkComponent],
-                    exports: [IDActionLinkComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    selector: "id-action-link",
+                    template: `
+    <div class="ids-action-link__inner">
+      <div class="ids-action-link__image">
+        <ng-content select="[idLinkImage]"></ng-content>
+      </div>
+      <ng-content></ng-content>
+      <div class="ids-action-link__icon" aria-hidden="true"></div>
+    </div>`,
+                    standalone: true,
+                    host: {
+                        class: 'ids-action-link'
+                    }
                 }]
         }] });
 
@@ -30,5 +35,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDActionLinkComponent, IDActionLinkModule };
+export { IDActionLinkComponent };
 //# sourceMappingURL=inera-ids-angular-components-action-link.mjs.map

package/fesm2022/inera-ids-angular-components-action-link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-action-link.mjs","sources":["../../../projects/ids-angular/components/action-link/action-link.component.ts","../../../projects/ids-angular/components/action-link/action-link.component.html","../../../projects/ids-angular/components/action-link/action-link.module.ts","../../../projects/ids-angular/components/action-link/inera-ids-angular-components-action-link.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-action-link\",\n  templateUrl: \"./action-link.component.html\"\n})\nexport class IDActionLinkComponent {\n  constructor() {}\n}\n","<ids-action-link>\n  <ng-content></ng-content>\n</ids-action-link>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\nimport { IDActionLinkComponent } from \"./action-link.component\";\nimport \"@inera/ids-core/components/action-link/register\";\n\n@NgModule({\n  declarations: [IDActionLinkComponent],\n  exports: [IDActionLinkComponent],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class IDActionLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,qBAAqB,CAAA;AAChC,IAAA,WAAA,GAAA,EAAe;wGADJ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,sDCNlC,sEAGA,EAAA,CAAA;;4FDGa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,sEAAA,EAAA;;;MEMf,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAlB,kBAAkB,EAAA,YAAA,EAAA,CAJd,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA;yGAGpB,kBAAkB,EAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-action-link.mjs","sources":["../../../projects/ids-angular/components/action-link/action-link.component.ts","../../../projects/ids-angular/components/action-link/inera-ids-angular-components-action-link.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\n\n@Component({\n  selector: \"id-action-link\",\n  template:`\n    <div class=\"ids-action-link__inner\">\n      <div class=\"ids-action-link__image\">\n        <ng-content select=\"[idLinkImage]\"></ng-content>\n      </div>\n      <ng-content></ng-content>\n      <div class=\"ids-action-link__icon\" aria-hidden=\"true\"></div>\n    </div>`,\n  standalone: true,\n  host: {\n    class: 'ids-action-link'\n  }\n})\nexport class IDActionLinkComponent {\n}\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbvB;;;;;;;AAOA,UAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAME,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAC;;;;;;;AAOA,UAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;AChBD;;AAEG;;;;"}