@inera/ids-angular 9.0.1 → 9.1.0

package/common/classes/form/IDErrorMessageBase.d.ts

@@ -4,5 +4,5 @@ export declare abstract class IDErrorMessageBase {
     private idService;
     id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDErrorMessageBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IDErrorMessageBase, never, never, { "show": { "alias": "show"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IDErrorMessageBase, never, never, { "show": { "alias": "show"; "required": false; }; }, {}, never, never, true, never>;
 }

package/common/classes/form/IDFormBase.d.ts

@@ -1,6 +1,8 @@
-import { AfterContentInit, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { AfterContentInit, DestroyRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { IDInputLabelLinker } from '../../services/input-label-linker.service';
+import { IDInputDescribedByLinker } from '../../services/input-described-by-linker.service';
+import { IDInputInvalidLinker } from '../../services/input-invalid-linker.service';
 import { IDErrorMessageBase } from './IDErrorMessageBase';
 import * as i0 from "@angular/core";
 export declare abstract class IDFormBase implements AfterContentInit {
@@ -14,6 +16,9 @@ export declare abstract class IDFormBase implements AfterContentInit {
     srof: string;
     light: boolean;
     protected inputLabelLinker: IDInputLabelLinker;
+    protected inputDescribedByLinker: IDInputDescribedByLinker;
+    protected inputInvalidLinker: IDInputInvalidLinker;
+    protected destroyRef: DestroyRef;
     private blurEvent?;
     get input(): any;
     get label(): any;
@@ -28,5 +33,5 @@ export declare abstract class IDFormBase implements AfterContentInit {
     }): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFormBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IDFormBase, never, never, { "validateOn": { "alias": "validateOn"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "srof": { "alias": "srof"; "required": false; }; "light": { "alias": "light"; "required": false; }; }, { "invalidChange": "invalidChange"; }, ["ngControl", "errorMessage"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IDFormBase, never, never, { "validateOn": { "alias": "validateOn"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "srof": { "alias": "srof"; "required": false; }; "light": { "alias": "light"; "required": false; }; }, { "invalidChange": "invalidChange"; }, ["ngControl", "errorMessage"], never, true, never>;
 }

package/common/public-api.d.ts

@@ -5,4 +5,7 @@ export { IDClickOutsideDirective } from "./directives/click-outside.directive";
 export { IDTooltipCategoryService } from "./services/tooltip-category.service";
 export { ID_HEADER_CONTEXT, IDHeaderContext } from "./context/header-context";
 export { IDErrorMessageBase } from "./classes/form/IDErrorMessageBase";
+export { IDInputDescribedByLinker } from "./services/input-described-by-linker.service";
+export { IDInputInvalidLinker } from "./services/input-invalid-linker.service";
 export { useEscapeKey } from "./utilities/useEscKey";
+export { useFocusTrap } from "./utilities/useFocusTrap";

package/common/services/input-described-by-linker.service.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, RendererFactory2 } from '@angular/core';
+import { IDErrorMessageBase } from '../classes/form/IDErrorMessageBase';
+import * as i0 from "@angular/core";
+export declare class IDInputDescribedByLinker {
+    private renderer;
+    constructor(rendererFactory: RendererFactory2);
+    link(host: ElementRef<HTMLElement>, errorMessage: IDErrorMessageBase | undefined, invalid: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IDInputDescribedByLinker, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IDInputDescribedByLinker>;
+}

package/common/services/input-invalid-linker.service.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, RendererFactory2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IDInputInvalidLinker {
+    private renderer;
+    constructor(rendererFactory: RendererFactory2);
+    link(host: ElementRef<HTMLElement>, invalid: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IDInputInvalidLinker, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IDInputInvalidLinker>;
+}

package/common/utilities/useFocusTrap.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+type FocusContainer = ElementRef<HTMLElement> | HTMLElement | undefined;
+export declare function useFocusTrap(getContainer: () => FocusContainer, options?: {
+    disabled?: () => boolean;
+}): {
+    create: () => void;
+    reset: () => void;
+    destroy: () => void;
+    readonly focusableElements: HTMLElement[];
+};
+export {};

package/components/card/card.component.d.ts

@@ -8,7 +8,7 @@ export declare class IDCardComponent {
     interactive: boolean;
     lean: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDCardComponent, "id-card", never, { "hideOnM": { "alias": "hideOnM"; "required": false; }; "hideOnS": { "alias": "hideOnS"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "focusCard": { "alias": "focusCard"; "required": false; }; "borderTop": { "alias": "borderTop"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "lean": { "alias": "lean"; "required": false; }; }, {}, never, ["*", "[interactive]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDCardComponent, "id-card", never, { "hideOnM": { "alias": "hideOnM"; "required": false; }; "hideOnS": { "alias": "hideOnS"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "focusCard": { "alias": "focusCard"; "required": false; }; "borderTop": { "alias": "borderTop"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "lean": { "alias": "lean"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_hideOnM: unknown;
     static ngAcceptInputType_hideOnS: unknown;
     static ngAcceptInputType_fill: unknown;

package/components/card/public-api.d.ts

@@ -1,2 +1 @@
 export { IDCardComponent } from './card.component';
-export { IDCardLinkDirective } from './card-link.directive';

package/components/carousel/carousel.component.d.ts

@@ -1,7 +1,7 @@
-import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { IDCarouselItemComponent } from './carousel-item/carousel-item.component';
 import * as i0 from "@angular/core";
-export declare class IDCarouselComponent implements AfterContentInit {
+export declare class IDCarouselComponent implements AfterContentInit, OnDestroy {
     carouselItems: QueryList<IDCarouselItemComponent>;
     private destroyRef;
     srNextLabel: string;
@@ -9,12 +9,15 @@ export declare class IDCarouselComponent implements AfterContentInit {
     slideChanged: EventEmitter<number>;
     activeSlide: number;
     isAnimating: boolean;
+    private animatingTimeout?;
+    ngOnDestroy(): void;
     ngAfterContentInit(): void;
     setIsAnimating(): void;
     nextSlide(): void;
     prevSlide(): void;
     setActiveSlide(index: number): void;
     private syncActiveSlide;
+    trackByItem(_: number, item: IDCarouselItemComponent): IDCarouselItemComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDCarouselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDCarouselComponent, "id-carousel", never, { "srNextLabel": { "alias": "srNextLabel"; "required": false; }; "srPrevLabel": { "alias": "srPrevLabel"; "required": false; }; }, { "slideChanged": "slideChanged"; }, ["carouselItems"], never, true, never>;
 }

package/components/dialog/dialog.component.d.ts

@@ -1,9 +1,8 @@
-import { AfterContentInit, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { IDDialogTriggerComponent } from './dialog-trigger.component';
-import { FocusTrapFactory } from '@angular/cdk/a11y';
 import { IDDialogCloseComponent } from './dialog-close.component';
 import * as i0 from "@angular/core";
-export declare class IDDialogComponent implements AfterContentInit {
+export declare class IDDialogComponent implements AfterContentInit, OnDestroy {
     onEsc(event: Event): void;
     trigger: IDDialogTriggerComponent;
     dismissible: boolean;
@@ -24,20 +23,13 @@ export declare class IDDialogComponent implements AfterContentInit {
     contentId: string;
     headingId: string;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     dialogContent: ElementRef;
-    private focusTrap;
-    focusTrapFactory: FocusTrapFactory;
-    get focusableElements(): HTMLElement[];
-    createFocusTrap(): void;
-    destroyFocusTrap(): void;
-    handleBackTab: (e: KeyboardEvent) => void;
-    resetFocusTrap: () => void;
+    private reusableFocusTrap;
     protected toggleDialog(event: Event): void;
     protected overlayClicked(event: Event): void;
     showDialog(event: Event): void;
     hideDialog(event: Event): void;
-    hasClosed(event: Event): void;
-    hasOpened(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDDialogComponent, "id-dialog", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "srCloseText": { "alias": "srCloseText"; "required": false; }; "noFocusTrap": { "alias": "noFocusTrap"; "required": false; }; "keepScrollbar": { "alias": "keepScrollbar"; "required": false; }; "noOverlay": { "alias": "noOverlay"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "show": { "alias": "show"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; "showChange": "showChange"; }, ["trigger", "closeComponents"], ["id-dialog-trigger", "id-dialog-header", "id-dialog-content", "id-dialog-footer"], true, never>;
     static ngAcceptInputType_dismissible: unknown;

package/components/dropdown/dropdown-trigger.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDDropdownTriggerComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDDropdownTriggerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDDropdownTriggerComponent, "id-dropdown-trigger", never, {}, {}, never, ["*"], true, never>;
 }

package/components/dropdown/dropdown.component.d.ts

@@ -1,7 +1,7 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@inera/ids-angular/common";
-export declare class IDDropdownComponent implements AfterViewInit {
+export declare class IDDropdownComponent implements AfterViewInit, OnDestroy {
     sBlock: boolean;
     mBlock: boolean;
     minWidth?: string;
@@ -16,10 +16,11 @@ export declare class IDDropdownComponent implements AfterViewInit {
     protected contentId: string;
     protected trigger: Element | null;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     handleKeyDown(event: KeyboardEvent): void;
     closeIfNotPersistent(): void;
     setupTrigger(): void;
-    toggleDropdown(): void;
+    toggleDropdown: () => void;
     get baseAndPositionClasses(): string;
     hasClosed(): void;
     hasOpened(): void;

package/components/footer-1177/footer-1177-col.component.d.ts

@@ -5,6 +5,7 @@ export declare class IDFooter1177ColComponent {
     links: QueryList<IDLinkDirective>;
     columnClass: string;
     get hostClass(): string;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177ColComponent, never>;

package/components/footer-1177/footer-1177-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDFooter1177TextComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177TextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDFooter1177TextComponent, "id-footer-1177-text", never, {}, {}, never, ["*", "id-darkmode-toggle"], true, never>;
 }

package/components/footer-1177/footer-1177.component.d.ts

@@ -5,6 +5,7 @@ export declare class IDFooter1177Component {
     headline: string;
     subHeadline: string;
     cols: QueryList<IDFooter1177ColComponent>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177Component, never>;

package/components/footer-1177-admin/footer-1177-admin-col.component.d.ts

@@ -5,6 +5,7 @@ export declare class IDFooter1177AdminColComponent {
     links: QueryList<IDLinkDirective>;
     columnClass: string;
     get hostClass(): string;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177AdminColComponent, never>;

package/components/footer-1177-admin/footer-1177-admin-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDFooter1177AdminTextComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177AdminTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDFooter1177AdminTextComponent, "id-footer-1177-admin-text", never, {}, {}, never, ["*", "id-darkmode-toggle"], true, never>;
 }

package/components/footer-1177-admin/footer-1177-admin.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class IDFooter1177AdminComponent {
     headline?: string;
     cols: QueryList<IDFooter1177AdminColComponent>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177AdminComponent, never>;

package/components/footer-1177-pro/footer-1177-pro-col.component.d.ts

@@ -5,6 +5,7 @@ export declare class IDFooter1177ProColComponent {
     links: QueryList<IDLinkDirective>;
     columnClass: string;
     get hostClass(): string;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177ProColComponent, never>;

package/components/footer-1177-pro/footer-1177-pro-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDFooter1177ProTextComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177ProTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDFooter1177ProTextComponent, "id-footer-1177-pro-text", never, {}, {}, never, ["*", "id-darkmode-toggle"], true, never>;
 }

package/components/footer-1177-pro/footer-1177-pro.component.d.ts

@@ -3,9 +3,11 @@ import { IDFooter1177ProColComponent } from './footer-1177-pro-col.component';
 import * as i0 from "@angular/core";
 export declare class IDFooter1177ProComponent {
     headline: string;
+    mobileHeadline: string;
     cols: QueryList<IDFooter1177ProColComponent>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooter1177ProComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDFooter1177ProComponent, "id-footer-1177-pro", never, { "headline": { "alias": "headline"; "required": false; }; }, {}, ["cols"], ["id-footer-1177-pro-text", "id-footer-1177-pro-col", "id-mobile-menu", "id-footer-1177-pro-sub-footer-left", "id-footer-1177-pro-sub-footer-right", "id-footer-1177-pro-sub-footer-mobile"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDFooter1177ProComponent, "id-footer-1177-pro", never, { "headline": { "alias": "headline"; "required": false; }; "mobileHeadline": { "alias": "mobileHeadline"; "required": false; }; }, {}, ["cols"], ["id-footer-1177-pro-text", "id-footer-1177-pro-col", "id-mobile-menu", "id-footer-1177-pro-sub-footer-left", "id-footer-1177-pro-sub-footer-right", "id-footer-1177-pro-sub-footer-mobile"], true, never>;
 }

package/components/footer-inera/footer-inera-col.component.d.ts

@@ -5,6 +5,7 @@ export declare class IDFooterIneraColComponent {
     links: QueryList<IDLinkDirective>;
     columnClass: string;
     get hostClass(): string;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraColComponent, never>;

package/components/footer-inera/footer-inera-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDFooterIneraTextComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDFooterIneraTextComponent, "id-footer-inera-text", never, {}, {}, never, ["*", "id-darkmode-toggle"], true, never>;
 }

package/components/footer-inera/footer-inera.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class IDFooterIneraComponent {
     headline: string;
     cols: QueryList<IDFooterIneraColComponent>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraComponent, never>;

package/components/footer-inera-admin/footer-inera-admin-col.component.d.ts

@@ -2,11 +2,11 @@ import { ElementRef, QueryList } from '@angular/core';
 import { IDLinkDirective } from '@inera/ids-angular/components/link';
 import * as i0 from "@angular/core";
 export declare class IDFooterIneraAdminColComponent {
-    elementRef: ElementRef;
     links: QueryList<IDLinkDirective>;
     columnClass: string;
     get hostClass(): string;
-    constructor(elementRef: ElementRef);
+    elementRef: ElementRef<any>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraAdminColComponent, never>;

package/components/footer-inera-admin/footer-inera-admin-text.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class IDFooterIneraAdminTextComponent {
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraAdminTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDFooterIneraAdminTextComponent, "id-footer-inera-admin-text", never, {}, {}, never, ["*", "id-darkmode-toggle"], true, never>;
 }

package/components/footer-inera-admin/footer-inera-admin.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class IDFooterIneraAdminComponent {
     headline: string;
     cols: QueryList<IDFooterIneraAdminColComponent>;
+    private destroyRef;
     private updateColumnClasses;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDFooterIneraAdminComponent, never>;

package/components/form/checkbox-group/checkbox-group.component.d.ts

@@ -1,16 +1,18 @@
-import { AfterContentInit, QueryList } from "@angular/core";
-import { IDCheckboxComponent } from "@inera/ids-angular/components/form/checkbox";
-import { IDErrorMessageComponent } from "@inera/ids-angular/components/form/error-message";
+import { AfterContentInit, QueryList } from '@angular/core';
+import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
+import { IDErrorMessageComponent } from '@inera/ids-angular/components/form/error-message';
 import * as i0 from "@angular/core";
 export declare class IDCheckboxGroupComponent implements AfterContentInit {
     checkboxes: QueryList<IDCheckboxComponent>;
     errorMessage: IDErrorMessageComponent;
     legend?: string;
     compact: boolean;
+    hideLegend: boolean;
     private destroyRef;
     ngAfterContentInit(): void;
     checkShowErrorMessage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDCheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDCheckboxGroupComponent, "id-checkbox-group", never, { "legend": { "alias": "legend"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, ["errorMessage", "checkboxes"], ["id-tooltip", "id-popover", "*", "id-error-message"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDCheckboxGroupComponent, "id-checkbox-group", never, { "legend": { "alias": "legend"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "hideLegend": { "alias": "hideLegend"; "required": false; }; }, {}, ["errorMessage", "checkboxes"], ["id-tooltip", "id-popover", "*", "id-error-message"], true, never>;
     static ngAcceptInputType_compact: unknown;
+    static ngAcceptInputType_hideLegend: unknown;
 }

package/components/form/input/input-hint.component.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class IDInputHintComponent {
+    readonly id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDInputHintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDInputHintComponent, "id-input-hint", never, {}, {}, never, ["*"], true, never>;
 }

package/components/form/input/input-unit.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class IDInputUnitComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IDInputUnitComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDInputUnitComponent, "id-input-unit", never, {}, {}, never, ["*"], true, never>;
+}

package/components/form/input/input.component.d.ts

@@ -1,16 +1,20 @@
-import { AfterContentInit } from '@angular/core';
+import { AfterContentInit, OnInit } from '@angular/core';
 import { IDFormBase } from '@inera/ids-angular/common';
 import { IDInputHintComponent } from './input-hint.component';
+import { IDInputUnitComponent } from './input-unit.component';
 import * as i0 from "@angular/core";
-export declare class IDInputComponent extends IDFormBase implements AfterContentInit {
+export declare class IDInputComponent extends IDFormBase implements OnInit, AfterContentInit {
     private elementRef;
     hintComponent: IDInputHintComponent | undefined;
+    unitComponent: IDInputUnitComponent | undefined;
     showSearchLabel: boolean;
     search: boolean;
+    private externalClasses;
+    ngOnInit(): void;
     get hostClasses(): string;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IDInputComponent, "id-input", never, { "showSearchLabel": { "alias": "showSearchLabel"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, ["hintComponent"], ["label", "id-tooltip", "id-popover", "*", "id-input-hint", "id-error-message", "button"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IDInputComponent, "id-input", never, { "showSearchLabel": { "alias": "showSearchLabel"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, ["hintComponent", "unitComponent"], ["label", "id-tooltip", "id-popover", "*", "id-input-unit", "id-input-hint", "id-error-message", "button"], true, never>;
     static ngAcceptInputType_showSearchLabel: unknown;
     static ngAcceptInputType_search: unknown;
 }

package/components/form/input/public-api.d.ts

@@ -1,3 +1,4 @@
 export { IDInputComponent } from './input.component';
 export { IDInputHintComponent } from './input-hint.component';
+export { IDInputUnitComponent } from './input-unit.component';
 export { IDInputIconComponent } from './input-icon.component';

package/components/form/select-multiple/select-multiple.component.d.ts

@@ -3,6 +3,8 @@ import { IDFormBase } from '@inera/ids-angular/common';
 import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
 import * as i0 from "@angular/core";
 export declare class IDSelectMultipleComponent extends IDFormBase implements AfterContentInit {
+    elementRef: ElementRef<any>;
+    onEsc(event: Event): void;
     placeholder?: string;
     maxheight?: string;
     labelText?: string;
@@ -19,7 +21,6 @@ export declare class IDSelectMultipleComponent extends IDFormBase implements Aft
     checkboxComponents: QueryList<IDCheckboxComponent>;
     get displayValue(): string;
     host: ElementRef<any>;
-    private destroyRef;
     toggleVisibility(): void;
     handleClickOutside(): void;
     hideDropdown(): void;

package/components/form/textarea/textarea-hint.component.d.ts

@@ -1,5 +1,10 @@
+import { OnInit } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare class IDTextareaHintComponent {
+export declare class IDTextareaHintComponent implements OnInit {
+    readonly id: string;
+    private readonly el;
+    private readonly renderer;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDTextareaHintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDTextareaHintComponent, "id-textarea-hint", never, {}, {}, never, ["*"], true, never>;
 }

package/components/global-alert/global-alert-actions.component.d.ts

@@ -1,7 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class IDGlobalAlertActionsComponent {
-    constructor();
     template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDGlobalAlertActionsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDGlobalAlertActionsComponent, "id-global-alert-actions", never, {}, {}, never, ["*"], true, never>;

package/components/global-alert/global-alert-header.component.d.ts

@@ -1,7 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class IDGlobalAlertHeaderComponent {
-    constructor();
     template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDGlobalAlertHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDGlobalAlertHeaderComponent, "id-global-alert-header", never, {}, {}, never, ["*"], true, never>;

package/components/header-1177/avatar/header-1177-avatar.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeader1177AvatarComponent {
+export declare class IDHeader1177AvatarComponent implements OnDestroy {
     username: string;
     persistent: boolean;
     expanded: boolean;
@@ -9,10 +9,13 @@ export declare class IDHeader1177AvatarComponent {
     opened: EventEmitter<void>;
     closed: EventEmitter<void>;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeader1177AvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeader1177AvatarComponent, "id-header-1177-avatar", never, { "username": { "alias": "username"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["id-header-1177-avatar-agent", "*"], true, never>;
     static ngAcceptInputType_persistent: unknown;

package/components/header-1177-admin/avatar/header-1177-admin-avatar.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeader1177AdminAvatarComponent {
+export declare class IDHeader1177AdminAvatarComponent implements OnDestroy {
     username: string;
     unit: string;
     persistent: boolean;
@@ -12,10 +12,13 @@ export declare class IDHeader1177AdminAvatarComponent {
     private idService;
     contentId: string;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeader1177AdminAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeader1177AdminAvatarComponent, "id-header-1177-admin-avatar", never, { "username": { "alias": "username"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["id-header-1177-admin-avatar-agent", "*"], true, never>;
     static ngAcceptInputType_persistent: unknown;

package/components/header-1177-admin/avatar-mobile/header-1177-admin-avatar-mobile.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeader1177AdminAvatarMobileComponent {
+export declare class IDHeader1177AdminAvatarMobileComponent implements OnDestroy {
     username?: string;
     unit?: string;
     expanded: boolean;
@@ -12,10 +12,13 @@ export declare class IDHeader1177AdminAvatarMobileComponent {
     private idService;
     contentId: string;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeader1177AdminAvatarMobileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeader1177AdminAvatarMobileComponent, "id-header-1177-admin-avatar-mobile", never, { "username": { "alias": "username"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
     static ngAcceptInputType_expanded: unknown;

package/components/header-1177-pro/avatar/header-1177-pro-avatar.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeader1177ProAvatarComponent {
+export declare class IDHeader1177ProAvatarComponent implements OnDestroy {
     username?: string;
     unit?: string;
     persistent: boolean;
@@ -12,10 +12,13 @@ export declare class IDHeader1177ProAvatarComponent {
     private idService;
     contentId: string;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeader1177ProAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeader1177ProAvatarComponent, "id-header-1177-pro-avatar", never, { "username": { "alias": "username"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["id-header-1177-pro-avatar-agent", "*"], true, never>;
     static ngAcceptInputType_persistent: unknown;

package/components/header-1177-pro/avatar-mobile/header-1177-pro-avatar-mobile.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeader1177ProAvatarMobileComponent {
+export declare class IDHeader1177ProAvatarMobileComponent implements OnDestroy {
     username?: string;
     unit?: string;
     expanded: boolean;
@@ -12,10 +12,13 @@ export declare class IDHeader1177ProAvatarMobileComponent {
     private idService;
     contentId: string;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeader1177ProAvatarMobileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeader1177ProAvatarMobileComponent, "id-header-1177-pro-avatar-mobile", never, { "username": { "alias": "username"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
     static ngAcceptInputType_expanded: unknown;

package/components/header-inera-admin/avatar/header-inera-admin-avatar.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
 import { IDHeaderContext } from "@inera/ids-angular/common";
 import * as i0 from "@angular/core";
-export declare class IDHeaderIneraAdminAvatarComponent {
+export declare class IDHeaderIneraAdminAvatarComponent implements OnDestroy {
     username?: string;
     unit?: string;
     persistent: boolean;
@@ -12,10 +12,13 @@ export declare class IDHeaderIneraAdminAvatarComponent {
     private idService;
     contentId: string;
     header: IDHeaderContext | null;
+    menuContent?: ElementRef<HTMLElement>;
+    private focusTrap;
     constructor();
     handleCloseEvent(): void;
     closeAvatar(): void;
     toggleAvatar(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IDHeaderIneraAdminAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IDHeaderIneraAdminAvatarComponent, "id-header-inera-admin-avatar", never, { "username": { "alias": "username"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; "opened": "opened"; "closed": "closed"; }, never, ["id-header-inera-admin-avatar-agent", "*"], true, never>;
     static ngAcceptInputType_persistent: unknown;