@inera/ids-angular 8.2.0 → 9.0.1

package/esm2022/components/tabs/tab-group.component.mjs

@@ -0,0 +1,51 @@
+import { Component, ContentChildren, Input, booleanAttribute, inject, } from '@angular/core';
+import { IDTabComponent } from './tab.component';
+import { NgTemplateOutlet } from '@angular/common';
+import { IDUseIdService } from '@inera/ids-angular/common';
+import { IDNotificationBadgeComponent } from '@inera/ids-angular/components/notification-badge';
+import * as i0 from "@angular/core";
+export class IDTabGroupComponent {
+    tabs;
+    selectedIndex = 0;
+    ngAfterContentInit() {
+        const selectedTabIndex = this.tabs?.toArray().findIndex((tab) => tab.selected);
+        this.selectedIndex = selectedTabIndex >= 0 ? selectedTabIndex : 0;
+    }
+    responsive = 'm';
+    unresponsive = false;
+    light = false;
+    compact = false;
+    selectLabel;
+    idService = inject(IDUseIdService);
+    selectId = this.idService.generateId('tab-group');
+    selectTab(i) {
+        this.selectedIndex = i;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDTabGroupComponent, isStandalone: true, selector: "id-tab-group", inputs: { responsive: "responsive", unresponsive: ["unresponsive", "unresponsive", booleanAttribute], light: ["light", "light", booleanAttribute], compact: ["compact", "compact", booleanAttribute], selectLabel: "selectLabel" }, host: { properties: { "class.ids-tabs--responsive-on-s": "responsive === 's'", "class.ids-tabs--unresponsive": "unresponsive" }, classAttribute: "ids-tabs" }, queries: [{ propertyName: "tabs", predicate: IDTabComponent }], ngImport: i0, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $any($event.target).value\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs; track tab; let i = $index) {\n      <option\n        [value]=\"i\"\n        [selected]=\"i === selectedIndex\"\n      >\n        {{ tab.label }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n>\n  @for (tab of tabs; track tab; let i = $index) {\n  <button\n    role=\"tab\"\n    (click)=\"selectTab(i)\"\n    class=\"ids-tab\"\n    [class.ids-tab--selected]=\"i === selectedIndex\"\n  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></ng-container>\n      } @else { \n        @if (tab.icon) {\n          <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n        }\n        {{ tab.label }}\n        @if (tab.notices !== \"\") {\n        <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n        }\n      }\n    </div>\n  </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IDNotificationBadgeComponent, selector: "id-notification-badge", inputs: ["type", "icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'id-tab-group', standalone: true, imports: [NgTemplateOutlet, IDNotificationBadgeComponent], host: {
+                        class: 'ids-tabs',
+                        '[class.ids-tabs--responsive-on-s]': "responsive === 's'",
+                        '[class.ids-tabs--unresponsive]': 'unresponsive',
+                    }, template: "<div class=\"ids-tabs__select\">\n  <label\n    [htmlFor]=\"selectId\"\n    class=\"ids-label\"\n  >\n    {{ selectLabel }}\n  </label>\n  <div class=\"ids-select__wrapper\">\n    <select\n      [id]=\"selectId\"\n      (change)=\"selectedIndex = $any($event.target).value\"\n      class=\"ids-select__select\"\n      [class.ids-input--light]=\"light\"\n    >\n      @for (tab of tabs; track tab; let i = $index) {\n      <option\n        [value]=\"i\"\n        [selected]=\"i === selectedIndex\"\n      >\n        {{ tab.label }} @if (tab.notices !== \"\") { ({{ tab.notices }}) }\n      </option>\n      }\n    </select>\n  </div>\n</div>\n\n<div\n  class=\"ids-tabs__tabs\"\n  role=\"tablist\"\n>\n  @for (tab of tabs; track tab; let i = $index) {\n  <button\n    role=\"tab\"\n    (click)=\"selectTab(i)\"\n    class=\"ids-tab\"\n    [class.ids-tab--selected]=\"i === selectedIndex\"\n  >\n    <div class=\"ids-tab__label\">\n      @if (tab.labelTemplate) {\n      <ng-container [ngTemplateOutlet]=\"tab.labelTemplate\"></ng-container>\n      } @else { \n        @if (tab.icon) {\n          <span class=\"ids-tab-icon ids-icon-{{ tab.icon }}\"></span>\n        }\n        {{ tab.label }}\n        @if (tab.notices !== \"\") {\n        <id-notification-badge class=\"ids-ml-2\">{{ tab.notices }}</id-notification-badge>\n        }\n      }\n    </div>\n  </button>\n  }\n</div>\n\n<div class=\"ids-tabs__panels\">\n  <div\n    role=\"tabpanel\"\n    [tabindex]=\"tabs.get(selectedIndex)?.noTabindex ? null : 0\"\n    [class.ids-tab-panel--compact]=\"compact || tabs.get(selectedIndex)?.compact\"\n    class=\"ids-tab-panel ids-tab-panel--selected\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tabs.get(selectedIndex)?.content ?? null\"></ng-container>\n  </div>\n</div>\n" }]
+        }], propDecorators: { tabs: [{
+                type: ContentChildren,
+                args: [IDTabComponent]
+            }], responsive: [{
+                type: Input
+            }], unresponsive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], light: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectLabel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFicy90YWItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWRzLWFuZ3VsYXIvY29tcG9uZW50cy90YWJzL3RhYi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULGVBQWUsRUFDZixLQUFLLEVBRUwsZ0JBQWdCLEVBQ2hCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOztBQWFoRyxNQUFNLE9BQU8sbUJBQW1CO0lBQ0csSUFBSSxDQUE2QjtJQUNsRSxhQUFhLEdBQUcsQ0FBQyxDQUFDO0lBRWxCLGtCQUFrQjtRQUNoQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDL0UsSUFBSSxDQUFDLGFBQWEsR0FBRyxnQkFBZ0IsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVRLFVBQVUsR0FBYyxHQUFHLENBQUM7SUFDRyxZQUFZLEdBQVksS0FBSyxDQUFDO0lBQzlCLEtBQUssR0FBWSxLQUFLLENBQUM7SUFDdkIsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN4RCxXQUFXLENBQVU7SUFFdEIsU0FBUyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMzQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFbEQsU0FBUyxDQUFDLENBQVM7UUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUM7SUFDekIsQ0FBQzt3R0FwQlUsbUJBQW1COzRGQUFuQixtQkFBbUIsbUlBVVYsZ0JBQWdCLDZCQUNoQixnQkFBZ0IsbUNBQ2hCLGdCQUFnQiw2T0FYbkIsY0FBYyw2QkMxQmpDLGl2REFnRUEsNENEOUNZLGdCQUFnQixvSkFBRSw0QkFBNEI7OzRGQU83QyxtQkFBbUI7a0JBWC9CLFNBQVM7K0JBQ0UsY0FBYyxjQUVaLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLDRCQUE0QixDQUFDLFFBQ25EO3dCQUNKLEtBQUssRUFBRSxVQUFVO3dCQUNqQixtQ0FBbUMsRUFBRSxvQkFBb0I7d0JBQ3pELGdDQUFnQyxFQUFFLGNBQWM7cUJBQ2pEOzhCQUdnQyxJQUFJO3NCQUFwQyxlQUFlO3VCQUFDLGNBQWM7Z0JBUXRCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ2tDLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsS0FBSztzQkFBNUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxPQUFPO3NCQUE5QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIElucHV0LFxuICBRdWVyeUxpc3QsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJRFRhYkNvbXBvbmVudCB9IGZyb20gJy4vdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElEVXNlSWRTZXJ2aWNlIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJRE5vdGlmaWNhdGlvbkJhZGdlQ29tcG9uZW50IH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uLWJhZGdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtdGFiLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBJRE5vdGlmaWNhdGlvbkJhZGdlQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnaWRzLXRhYnMnLFxuICAgICdbY2xhc3MuaWRzLXRhYnMtLXJlc3BvbnNpdmUtb24tc10nOiBcInJlc3BvbnNpdmUgPT09ICdzJ1wiLFxuICAgICdbY2xhc3MuaWRzLXRhYnMtLXVucmVzcG9uc2l2ZV0nOiAndW5yZXNwb25zaXZlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgSURUYWJHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBAQ29udGVudENoaWxkcmVuKElEVGFiQ29tcG9uZW50KSB0YWJzITogUXVlcnlMaXN0PElEVGFiQ29tcG9uZW50PjtcbiAgc2VsZWN0ZWRJbmRleCA9IDA7XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiSW5kZXggPSB0aGlzLnRhYnM/LnRvQXJyYXkoKS5maW5kSW5kZXgoKHRhYikgPT4gdGFiLnNlbGVjdGVkKTtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBzZWxlY3RlZFRhYkluZGV4ID49IDAgPyBzZWxlY3RlZFRhYkluZGV4IDogMDtcbiAgfVxuXG4gIEBJbnB1dCgpIHJlc3BvbnNpdmU6ICdtJyB8ICdzJyA9ICdtJztcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHVucmVzcG9uc2l2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgbGlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGNvbXBhY3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VsZWN0TGFiZWw/OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBpZFNlcnZpY2UgPSBpbmplY3QoSURVc2VJZFNlcnZpY2UpO1xuICBzZWxlY3RJZCA9IHRoaXMuaWRTZXJ2aWNlLmdlbmVyYXRlSWQoJ3RhYi1ncm91cCcpO1xuXG4gIHNlbGVjdFRhYihpOiBudW1iZXIpIHtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaWRzLXRhYnNfX3NlbGVjdFwiPlxuICA8bGFiZWxcbiAgICBbaHRtbEZvcl09XCJzZWxlY3RJZFwiXG4gICAgY2xhc3M9XCJpZHMtbGFiZWxcIlxuICA+XG4gICAge3sgc2VsZWN0TGFiZWwgfX1cbiAgPC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImlkcy1zZWxlY3RfX3dyYXBwZXJcIj5cbiAgICA8c2VsZWN0XG4gICAgICBbaWRdPVwic2VsZWN0SWRcIlxuICAgICAgKGNoYW5nZSk9XCJzZWxlY3RlZEluZGV4ID0gJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZVwiXG4gICAgICBjbGFzcz1cImlkcy1zZWxlY3RfX3NlbGVjdFwiXG4gICAgICBbY2xhc3MuaWRzLWlucHV0LS1saWdodF09XCJsaWdodFwiXG4gICAgPlxuICAgICAgQGZvciAodGFiIG9mIHRhYnM7IHRyYWNrIHRhYjsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICAgIDxvcHRpb25cbiAgICAgICAgW3ZhbHVlXT1cImlcIlxuICAgICAgICBbc2VsZWN0ZWRdPVwiaSA9PT0gc2VsZWN0ZWRJbmRleFwiXG4gICAgICA+XG4gICAgICAgIHt7IHRhYi5sYWJlbCB9fSBAaWYgKHRhYi5ub3RpY2VzICE9PSBcIlwiKSB7ICh7eyB0YWIubm90aWNlcyB9fSkgfVxuICAgICAgPC9vcHRpb24+XG4gICAgICB9XG4gICAgPC9zZWxlY3Q+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXZcbiAgY2xhc3M9XCJpZHMtdGFic19fdGFic1wiXG4gIHJvbGU9XCJ0YWJsaXN0XCJcbj5cbiAgQGZvciAodGFiIG9mIHRhYnM7IHRyYWNrIHRhYjsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgPGJ1dHRvblxuICAgIHJvbGU9XCJ0YWJcIlxuICAgIChjbGljayk9XCJzZWxlY3RUYWIoaSlcIlxuICAgIGNsYXNzPVwiaWRzLXRhYlwiXG4gICAgW2NsYXNzLmlkcy10YWItLXNlbGVjdGVkXT1cImkgPT09IHNlbGVjdGVkSW5kZXhcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImlkcy10YWJfX2xhYmVsXCI+XG4gICAgICBAaWYgKHRhYi5sYWJlbFRlbXBsYXRlKSB7XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRhYi5sYWJlbFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICB9IEBlbHNlIHsgXG4gICAgICAgIEBpZiAodGFiLmljb24pIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImlkcy10YWItaWNvbiBpZHMtaWNvbi17eyB0YWIuaWNvbiB9fVwiPjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgICB7eyB0YWIubGFiZWwgfX1cbiAgICAgICAgQGlmICh0YWIubm90aWNlcyAhPT0gXCJcIikge1xuICAgICAgICA8aWQtbm90aWZpY2F0aW9uLWJhZGdlIGNsYXNzPVwiaWRzLW1sLTJcIj57eyB0YWIubm90aWNlcyB9fTwvaWQtbm90aWZpY2F0aW9uLWJhZGdlPlxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvYnV0dG9uPlxuICB9XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImlkcy10YWJzX19wYW5lbHNcIj5cbiAgPGRpdlxuICAgIHJvbGU9XCJ0YWJwYW5lbFwiXG4gICAgW3RhYmluZGV4XT1cInRhYnMuZ2V0KHNlbGVjdGVkSW5kZXgpPy5ub1RhYmluZGV4ID8gbnVsbCA6IDBcIlxuICAgIFtjbGFzcy5pZHMtdGFiLXBhbmVsLS1jb21wYWN0XT1cImNvbXBhY3QgfHwgdGFicy5nZXQoc2VsZWN0ZWRJbmRleCk/LmNvbXBhY3RcIlxuICAgIGNsYXNzPVwiaWRzLXRhYi1wYW5lbCBpZHMtdGFiLXBhbmVsLS1zZWxlY3RlZFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRhYnMuZ2V0KHNlbGVjdGVkSW5kZXgpPy5jb250ZW50ID8/IG51bGxcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/components/tabs/tab.component.mjs

@@ -0,0 +1,41 @@
+import { Component, ContentChild, Input, TemplateRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDTabComponent {
+    label;
+    notices = "";
+    icon;
+    selected;
+    noTabindex;
+    compact;
+    labelTemplate;
+    content;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTabComponent, isStandalone: true, selector: "id-tab", inputs: { label: "label", notices: "notices", icon: "icon", selected: "selected", noTabindex: "noTabindex", compact: "compact" }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ["idTabLabel"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "content", 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: IDTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-tab',
+                    template: `<ng-template><ng-content></ng-content></ng-template>`,
+                    standalone: true
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], notices: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], noTabindex: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: ['idTabLabel', { read: TemplateRef }]
+            }], content: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFicy90YWIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU92RixNQUFNLE9BQU8sY0FBYztJQUNoQixLQUFLLENBQVM7SUFDZCxPQUFPLEdBQVcsRUFBRSxDQUFDO0lBQ3JCLElBQUksQ0FBUztJQUNiLFFBQVEsQ0FBVTtJQUNsQixVQUFVLENBQVU7SUFDcEIsT0FBTyxDQUFVO0lBR3lCLGFBQWEsQ0FBb0I7SUFHMUMsT0FBTyxDQUFtQjt3R0FaekQsY0FBYzs0RkFBZCxjQUFjLHdSQVNXLFdBQVcsc0VBR3BDLFdBQVcsOERBZlosc0RBQXNEOzs0RkFHckQsY0FBYztrQkFMMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsUUFBUSxFQUFFLHNEQUFzRDtvQkFDaEUsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRzZDLGFBQWE7c0JBQS9ELFlBQVk7dUJBQUMsWUFBWSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFHUCxPQUFPO3NCQUFoRCxTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWQtdGFiJyxcbiAgdGVtcGxhdGU6IGA8bmctdGVtcGxhdGU+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+YCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBJRFRhYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5vdGljZXM6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIG5vVGFiaW5kZXg6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGNvbXBhY3Q6IGJvb2xlYW47XG5cblxuICBAQ29udGVudENoaWxkKCdpZFRhYkxhYmVsJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBsYWJlbFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT47XG5cbn0iXX0=

package/esm2022/components/tag/public-api.mjs

@@ -1,3 +1,3 @@
 export { IDTagComponent } from './tag.component';
-export { IDTagModule } from './tag.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFnL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJRFRhZ0NvbXBvbmVudCB9IGZyb20gJy4vdGFnLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFRhZ01vZHVsZSB9IGZyb20gJy4vdGFnLm1vZHVsZSc7Il19
+export { IDTagDirective } from './tag.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFnL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEVGFnQ29tcG9uZW50IH0gZnJvbSAnLi90YWcuY29tcG9uZW50JztcbmV4cG9ydCB7IElEVGFnRGlyZWN0aXZlIH0gZnJvbSAnLi90YWcuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/components/tag/tag.component.mjs

@@ -1,24 +1,23 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { booleanAttribute, Component, EventEmitter, Input, Output } from "@angular/core";
 import * as i0 from "@angular/core";
 export class IDTagComponent {
     closeable = false;
-    srcloselabel = "";
-    onClicked = new EventEmitter();
-    onClosed = new EventEmitter();
-    constructor() { }
+    srCloseLabel = "Stäng";
+    closed = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTagComponent, selector: "id-tag", inputs: { closeable: "closeable", srcloselabel: "srcloselabel" }, outputs: { onClicked: "onClicked", onClosed: "onClosed" }, ngImport: i0, template: "<ids-tag\n  [closeable]=\"closeable ? true : null\"\n  [srcloselabel]=\"srcloselabel\"\n  (clicked)=\"onClicked.emit(true)\"\n  (closed)=\"onClosed.emit(true)\">\n  <ng-content></ng-content>\n</ids-tag>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IDTagComponent, isStandalone: true, selector: "id-tag", inputs: { closeable: ["closeable", "closeable", booleanAttribute], srCloseLabel: "srCloseLabel" }, outputs: { closed: "closed" }, host: { classAttribute: "ids-tag" }, ngImport: i0, template: "<div class=\"ids-tag__content\">\n  <ng-content></ng-content>\n  @if(closeable) { \n    <button (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tag", template: "<ids-tag\n  [closeable]=\"closeable ? true : null\"\n  [srcloselabel]=\"srcloselabel\"\n  (clicked)=\"onClicked.emit(true)\"\n  (closed)=\"onClosed.emit(true)\">\n  <ng-content></ng-content>\n</ids-tag>" }]
-        }], ctorParameters: () => [], propDecorators: { closeable: [{
+            args: [{ selector: "id-tag", standalone: true, host: {
+                        class: 'ids-tag'
+                    }, template: "<div class=\"ids-tag__content\">\n  <ng-content></ng-content>\n  @if(closeable) { \n    <button (closed)=\"closed.emit(true)\" class=\"ids-tag__close-btn\" [attr.aria-label]=\"srCloseLabel\"></button>\n  }\n</div>" }]
+        }], propDecorators: { closeable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], srCloseLabel: [{
                 type: Input
-            }], srcloselabel: [{
-                type: Input
-            }], onClicked: [{
-                type: Output
-            }], onClosed: [{
+            }], closed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNdkUsTUFBTSxPQUFPLGNBQWM7SUFFekIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUczQixZQUFZLEdBQVcsRUFBRSxDQUFDO0lBRzFCLFNBQVMsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUV0RCxRQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFckQsZ0JBQWUsQ0FBQzt3R0FaTCxjQUFjOzRGQUFkLGNBQWMsMktDTjNCLDRNQU1VOzs0RkRBRyxjQUFjO2tCQUoxQixTQUFTOytCQUNFLFFBQVE7d0RBS2xCLFNBQVM7c0JBRFIsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixNQUFNO2dCQUdQLFFBQVE7c0JBRFAsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImlkLXRhZ1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3RhZy5jb21wb25lbnQuaHRtbFwiXG59KVxuZXhwb3J0IGNsYXNzIElEVGFnQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgY2xvc2VhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgc3JjbG9zZWxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpXG4gIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGlkcy10YWdcbiAgW2Nsb3NlYWJsZV09XCJjbG9zZWFibGUgPyB0cnVlIDogbnVsbFwiXG4gIFtzcmNsb3NlbGFiZWxdPVwic3JjbG9zZWxhYmVsXCJcbiAgKGNsaWNrZWQpPVwib25DbGlja2VkLmVtaXQodHJ1ZSlcIlxuICAoY2xvc2VkKT1cIm9uQ2xvc2VkLmVtaXQodHJ1ZSlcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9pZHMtdGFnPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVekYsTUFBTSxPQUFPLGNBQWM7SUFFZSxTQUFTLEdBQVksS0FBSyxDQUFDO0lBQzFELFlBQVksR0FBVyxPQUFPLENBQUM7SUFFOUIsTUFBTSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO3dHQUxsRCxjQUFjOzRGQUFkLGNBQWMsMEZBRUwsZ0JBQWdCLCtIQ1p0Qyx1TkFLTTs7NEZES08sY0FBYztrQkFSMUIsU0FBUzsrQkFDRSxRQUFRLGNBRU4sSUFBSSxRQUNWO3dCQUNKLEtBQUssRUFBRSxTQUFTO3FCQUNqQjs4QkFJdUMsU0FBUztzQkFBaEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJpZC10YWdcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWcuY29tcG9uZW50Lmh0bWxcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnaWRzLXRhZydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJRFRhZ0NvbXBvbmVudCB7XG4gIFxuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgY2xvc2VhYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNyQ2xvc2VMYWJlbDogc3RyaW5nID0gXCJTdMOkbmdcIjtcblxuICBAT3V0cHV0KCkgY2xvc2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJpZHMtdGFnX19jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgQGlmKGNsb3NlYWJsZSkgeyBcbiAgICA8YnV0dG9uIChjbG9zZWQpPVwiY2xvc2VkLmVtaXQodHJ1ZSlcIiBjbGFzcz1cImlkcy10YWdfX2Nsb3NlLWJ0blwiIFthdHRyLmFyaWEtbGFiZWxdPVwic3JDbG9zZUxhYmVsXCI+PC9idXR0b24+XG4gIH1cbjwvZGl2PiJdfQ==

package/esm2022/components/tag/tag.directive.mjs

@@ -0,0 +1,17 @@
+import { Directive } from "@angular/core";
+import * as i0 from "@angular/core";
+export class IDTagDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDTagDirective, isStandalone: true, selector: "*[idTag]", host: { classAttribute: "ids-tag ids-tag--clickable" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTagDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "*[idTag]",
+                    standalone: true,
+                    host: {
+                        class: 'ids-tag ids-tag--clickable'
+                    }
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdGFnL3RhZy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGNBQWM7d0dBQWQsY0FBYzs0RkFBZCxjQUFjOzs0RkFBZCxjQUFjO2tCQVAxQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSw0QkFBNEI7cUJBQ3BDO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcIipbaWRUYWddXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2lkcy10YWcgaWRzLXRhZy0tY2xpY2thYmxlJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIElEVGFnRGlyZWN0aXZlIHtcbn1cbiJdfQ==

package/esm2022/components/tooltip/public-api.mjs

@@ -1,3 +1,4 @@
+export { IDTooltipTriggerDirective } from './tooltip-trigger.directive';
 export { IDTooltipComponent } from './tooltip.component';
 export { IDTooltipModule } from './tooltip.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdG9vbHRpcC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEVG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xuZXhwb3J0IHsgSURUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi90b29sdGlwLm1vZHVsZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdG9vbHRpcC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IElEVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgSURUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBJRFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuL3Rvb2x0aXAubW9kdWxlJztcbiJdfQ==

package/esm2022/components/tooltip/tooltip-trigger.directive.mjs

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IDTooltipTriggerDirective {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDTooltipTriggerDirective, isStandalone: true, selector: "[idTooltipTrigger]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[idTooltipTrigger]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lkcy1hbmd1bGFyL2NvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLXRyaWdnZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7O0FBTXRELE1BQU0sT0FBTyx5QkFBeUI7SUFDakI7SUFBbkIsWUFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUFHLENBQUM7d0dBRGxDLHlCQUF5Qjs0RkFBekIseUJBQXlCOzs0RkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaWRUb29sdGlwVHJpZ2dlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIElEVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cbn0iXX0=

package/esm2022/components/tooltip/tooltip.component.mjs

@@ -1,18 +1,84 @@
-import { Component, Input } from "@angular/core";
+import { Component, ContentChild, HostListener, Input, Renderer2, ViewChild, booleanAttribute, inject } from '@angular/core';
+import { IDUseIdService } from '@inera/ids-angular/common';
+import { IDTooltipTriggerDirective } from './tooltip-trigger.directive';
 import * as i0 from "@angular/core";
 export class IDTooltipComponent {
-    position = "top";
-    maxwidth = "20rem";
-    constructor() { }
+    idService = inject(IDUseIdService);
+    tooltipId = this.idService.generateId('tooltip');
+    tooltipContent;
+    trigger;
+    maxWidth;
+    fixedPosition;
+    position = 'top';
+    tempPosition;
+    onFocusIn(event) {
+        const target = event.target;
+        if (target.closest('.ids-tooltip__trigger')) {
+            this.calculatePosition();
+        }
+    }
+    renderer = inject(Renderer2);
+    get positionClass() {
+        return `ids-tooltip__content--${this.tempPosition}`;
+    }
+    ngAfterContentInit() {
+        if (this.trigger) {
+            this.renderer.setAttribute(this.trigger.elementRef.nativeElement, 'aria-describedby', this.tooltipId);
+        }
+    }
+    calculatePosition() {
+        this.tempPosition = this.position;
+        if (!this.fixedPosition) {
+            requestAnimationFrame(() => {
+                if (!this.tooltipContent)
+                    return;
+                const el = this.tooltipContent.nativeElement;
+                let rect = el.getBoundingClientRect();
+                const vWidth = window.innerWidth;
+                const vHeight = window.innerHeight;
+                let [vertical, horizontal] = this.position.split('-');
+                if (vertical === 'top' && rect.top < 0) {
+                    vertical = 'bottom';
+                }
+                else if (vertical === 'bottom' && rect.bottom > vHeight) {
+                    vertical = 'top';
+                }
+                if (rect.left < 0) {
+                    horizontal = 'left';
+                }
+                else if (rect.right > vWidth) {
+                    horizontal = 'right';
+                }
+                this.tempPosition = (horizontal ? `${vertical}-${horizontal}` : vertical);
+            });
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDTooltipComponent, selector: "id-tooltip", inputs: { position: "position", maxwidth: "maxwidth" }, ngImport: i0, template: "<ids-tooltip [position]=\"position\" [maxwidth]=\"maxwidth\">\n  <ng-content></ng-content>\n</ids-tooltip>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDTooltipComponent, isStandalone: true, selector: "id-tooltip", inputs: { maxWidth: "maxWidth", fixedPosition: ["fixedPosition", "fixedPosition", booleanAttribute], position: "position" }, host: { listeners: { "focusin": "onFocusIn($event)", "mouseover": "onFocusIn($event)" }, classAttribute: "ids-tooltip" }, queries: [{ propertyName: "trigger", first: true, predicate: IDTooltipTriggerDirective, descendants: true }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }], ngImport: i0, template: "<span \n  class=\"ids-tooltip__trigger\">\n  <ng-content select=\"[idTooltipTrigger]\"></ng-content>\n</span>\n<span \n  #tooltipContent\n  class=\"ids-tooltip__content\"\n  [class]=\"positionClass\" \n  [style.max-width]=\"maxWidth\"\n  role=\"tooltip\"\n  [attr.id]=\"tooltipId\">\n  <ng-content></ng-content>\n</span>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-tooltip", template: "<ids-tooltip [position]=\"position\" [maxwidth]=\"maxwidth\">\n  <ng-content></ng-content>\n</ids-tooltip>" }]
-        }], ctorParameters: () => [], propDecorators: { position: [{
+            args: [{ selector: 'id-tooltip', standalone: true, host: {
+                        class: 'ids-tooltip'
+                    }, template: "<span \n  class=\"ids-tooltip__trigger\">\n  <ng-content select=\"[idTooltipTrigger]\"></ng-content>\n</span>\n<span \n  #tooltipContent\n  class=\"ids-tooltip__content\"\n  [class]=\"positionClass\" \n  [style.max-width]=\"maxWidth\"\n  role=\"tooltip\"\n  [attr.id]=\"tooltipId\">\n  <ng-content></ng-content>\n</span>" }]
+        }], propDecorators: { tooltipContent: [{
+                type: ViewChild,
+                args: ['tooltipContent']
+            }], trigger: [{
+                type: ContentChild,
+                args: [IDTooltipTriggerDirective]
+            }], maxWidth: [{
                 type: Input
-            }], maxwidth: [{
+            }], fixedPosition: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], position: [{
                 type: Input
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['mouseover', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNakQsTUFBTSxPQUFPLGtCQUFrQjtJQUU3QixRQUFRLEdBQWlGLEtBQUssQ0FBQztJQUcvRixRQUFRLEdBQVcsT0FBTyxDQUFDO0lBRTNCLGdCQUFlLENBQUM7d0dBUEwsa0JBQWtCOzRGQUFsQixrQkFBa0IsMEdDTi9CLDRHQUVjOzs0RkRJRCxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsWUFBWTt3REFLdEIsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiaWQtdG9vbHRpcFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWxcIlxufSlcbmV4cG9ydCBjbGFzcyBJRFRvb2x0aXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwb3NpdGlvbjogXCJ0b3AtbGVmdFwiIHwgXCJ0b3BcIiB8IFwidG9wLXJpZ2h0XCIgfCBcImJvdHRvbS1sZWZ0XCIgfCBcImJvdHRvbVwiIHwgXCJib3R0b20tcmlnaHRcIiA9IFwidG9wXCI7XG5cbiAgQElucHV0KClcbiAgbWF4d2lkdGg6IHN0cmluZyA9IFwiMjByZW1cIjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8aWRzLXRvb2x0aXAgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCIgW21heHdpZHRoXT1cIm1heHdpZHRoXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvaWRzLXRvb2x0aXA+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzSixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBVXhFLE1BQU0sT0FBTyxrQkFBa0I7SUFDckIsU0FBUyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUUzQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFcEIsY0FBYyxDQUEyQjtJQUd0RSxPQUFPLENBQTRCO0lBRTFCLFFBQVEsQ0FBVTtJQUNhLGFBQWEsQ0FBVTtJQUN0RCxRQUFRLEdBQWlGLEtBQUssQ0FBQztJQUNoRyxZQUFZLENBQVM7SUFJN0IsU0FBUyxDQUFDLEtBQWlCO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1FBQzNDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUM7WUFDNUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFTyxRQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRXJDLElBQUksYUFBYTtRQUNmLE9BQU8seUJBQXlCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxrQkFBa0IsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDeEcsQ0FBQztJQUNILENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2xDLElBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFDLENBQUM7WUFDdEIscUJBQXFCLENBQUMsR0FBRyxFQUFFO2dCQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWM7b0JBQUUsT0FBTztnQkFFakMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUM7Z0JBRTdDLElBQUksSUFBSSxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUN0QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO2dCQUNqQyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO2dCQUVuQyxJQUFJLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBaUMsQ0FBQztnQkFFdEYsSUFBSSxRQUFRLEtBQUssS0FBSyxJQUFJLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxFQUFFLENBQUM7b0JBQ3ZDLFFBQVEsR0FBRyxRQUFRLENBQUM7Z0JBQ3RCLENBQUM7cUJBQU0sSUFBSSxRQUFRLEtBQUssUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxFQUFFLENBQUM7b0JBQzFELFFBQVEsR0FBRyxLQUFLLENBQUM7Z0JBQ25CLENBQUM7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBRSxDQUFDO29CQUNsQixVQUFVLEdBQUcsTUFBTSxDQUFDO2dCQUN0QixDQUFDO3FCQUNJLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLEVBQUUsQ0FBQztvQkFDN0IsVUFBVSxHQUFHLE9BQU8sQ0FBQztnQkFDdkIsQ0FBQztnQkFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLFFBQVEsSUFBSSxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFRLENBQUM7WUFDbkYsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQzt3R0FoRVUsa0JBQWtCOzRGQUFsQixrQkFBa0IsZ0lBV1QsZ0JBQWdCLGtOQUp0Qix5QkFBeUIsa0tDbkJ6QyxrVUFZTzs7NEZEQU0sa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLFlBQVksY0FFVixJQUFJLFFBQ1Y7d0JBQ0osS0FBSyxFQUFFLGFBQWE7cUJBQ3JCOzhCQU80QixjQUFjO3NCQUExQyxTQUFTO3VCQUFDLGdCQUFnQjtnQkFHM0IsT0FBTztzQkFETixZQUFZO3VCQUFDLHlCQUF5QjtnQkFHOUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDa0MsYUFBYTtzQkFBcEQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsUUFBUTtzQkFBaEIsS0FBSztnQkFLTixTQUFTO3NCQUZSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDOztzQkFDbEMsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgUmVuZGVyZXIyLCBWaWV3Q2hpbGQsIGJvb2xlYW5BdHRyaWJ1dGUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSURVc2VJZFNlcnZpY2UgfSBmcm9tICdAaW5lcmEvaWRzLWFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElEVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAtdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZC10b29sdGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdpZHMtdG9vbHRpcCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBJRFRvb2x0aXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgcHJpdmF0ZSBpZFNlcnZpY2UgPSBpbmplY3QoSURVc2VJZFNlcnZpY2UpO1xuICBcbiAgdG9vbHRpcElkID0gdGhpcy5pZFNlcnZpY2UuZ2VuZXJhdGVJZCgndG9vbHRpcCcpO1xuXG4gIEBWaWV3Q2hpbGQoJ3Rvb2x0aXBDb250ZW50JykgdG9vbHRpcENvbnRlbnQhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcbiAgXG4gIEBDb250ZW50Q2hpbGQoSURUb29sdGlwVHJpZ2dlckRpcmVjdGl2ZSkgXG4gIHRyaWdnZXI6IElEVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmU7XG5cbiAgQElucHV0KCkgbWF4V2lkdGg/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBmaXhlZFBvc2l0aW9uOiBib29sZWFuO1xuICBASW5wdXQoKSBwb3NpdGlvbjogJ3RvcCcgfCAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tJyB8ICdib3R0b20tbGVmdCcgfCAnYm90dG9tLXJpZ2h0JyA9ICd0b3AnO1xuICBwcml2YXRlIHRlbXBQb3NpdGlvbjogc3RyaW5nO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2ZvY3VzaW4nLCBbJyRldmVudCddKVxuICBASG9zdExpc3RlbmVyKCdtb3VzZW92ZXInLCBbJyRldmVudCddKVxuICBvbkZvY3VzSW4oZXZlbnQ6IEZvY3VzRXZlbnQpIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgaWYgKHRhcmdldC5jbG9zZXN0KCcuaWRzLXRvb2x0aXBfX3RyaWdnZXInKSkge1xuICAgICAgdGhpcy5jYWxjdWxhdGVQb3NpdGlvbigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcblxuICBnZXQgcG9zaXRpb25DbGFzcyAoKSB7XG4gICAgcmV0dXJuIGBpZHMtdG9vbHRpcF9fY29udGVudC0tJHt0aGlzLnRlbXBQb3NpdGlvbn1gO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmKHRoaXMudHJpZ2dlcikge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUodGhpcy50cmlnZ2VyLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2FyaWEtZGVzY3JpYmVkYnknLCB0aGlzLnRvb2x0aXBJZCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjYWxjdWxhdGVQb3NpdGlvbigpIHtcbiAgICB0aGlzLnRlbXBQb3NpdGlvbiA9IHRoaXMucG9zaXRpb247XG4gICAgaWYoIXRoaXMuZml4ZWRQb3NpdGlvbil7XG4gICAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgICBpZiAoIXRoaXMudG9vbHRpcENvbnRlbnQpIHJldHVybjtcblxuICAgICAgICBjb25zdCBlbCA9IHRoaXMudG9vbHRpcENvbnRlbnQubmF0aXZlRWxlbWVudDtcblxuICAgICAgICBsZXQgcmVjdCA9IGVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCB2V2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgICAgICAgY29uc3QgdkhlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodDtcblxuICAgICAgICBsZXQgW3ZlcnRpY2FsLCBob3Jpem9udGFsXSA9IHRoaXMucG9zaXRpb24uc3BsaXQoJy0nKSBhcyBbc3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWRdO1xuXG4gICAgICAgIGlmICh2ZXJ0aWNhbCA9PT0gJ3RvcCcgJiYgcmVjdC50b3AgPCAwKSB7XG4gICAgICAgICAgdmVydGljYWwgPSAnYm90dG9tJzsgXG4gICAgICAgIH0gZWxzZSBpZiAodmVydGljYWwgPT09ICdib3R0b20nICYmIHJlY3QuYm90dG9tID4gdkhlaWdodCkge1xuICAgICAgICAgIHZlcnRpY2FsID0gJ3RvcCc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHJlY3QubGVmdCA8IDApIHsgXG4gICAgICAgICAgaG9yaXpvbnRhbCA9ICdsZWZ0JztcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChyZWN0LnJpZ2h0ID4gdldpZHRoKSB7IFxuICAgICAgICAgIGhvcml6b250YWwgPSAncmlnaHQnO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMudGVtcFBvc2l0aW9uID0gKGhvcml6b250YWwgPyBgJHt2ZXJ0aWNhbH0tJHtob3Jpem9udGFsfWAgOiB2ZXJ0aWNhbCkgYXMgYW55O1xuICAgICAgfSk7XG4gICAgfVxuICB9XG59IiwiPHNwYW4gXG4gIGNsYXNzPVwiaWRzLXRvb2x0aXBfX3RyaWdnZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2lkVG9vbHRpcFRyaWdnZXJdXCI+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuPHNwYW4gXG4gICN0b29sdGlwQ29udGVudFxuICBjbGFzcz1cImlkcy10b29sdGlwX19jb250ZW50XCJcbiAgW2NsYXNzXT1cInBvc2l0aW9uQ2xhc3NcIiBcbiAgW3N0eWxlLm1heC13aWR0aF09XCJtYXhXaWR0aFwiXG4gIHJvbGU9XCJ0b29sdGlwXCJcbiAgW2F0dHIuaWRdPVwidG9vbHRpcElkXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj4iXX0=

package/esm2022/components/tooltip/tooltip.module.mjs

@@ -1,22 +1,25 @@
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { IDTooltipComponent } from './tooltip.component';
-import '@inera/ids-core/components/tooltip/register';
+import { NgModule } from "@angular/core";
+import { IDTooltipComponent } from "./tooltip.component";
+import { IDTooltipTriggerDirective } from "./tooltip-trigger.directive";
 import * as i0 from "@angular/core";
 export class IDTooltipModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, declarations: [IDTooltipComponent], exports: [IDTooltipComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, imports: [IDTooltipComponent,
+            IDTooltipTriggerDirective], exports: [IDTooltipComponent,
+            IDTooltipTriggerDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDTooltipModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        IDTooltipComponent
+                    imports: [
+                        IDTooltipComponent,
+                        IDTooltipTriggerDirective,
                     ],
                     exports: [
-                        IDTooltipComponent
+                        IDTooltipComponent,
+                        IDTooltipTriggerDirective,
                     ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLDZDQUE2QyxDQUFDOztBQVdyRCxNQUFNLE9BQU8sZUFBZTt3R0FBZixlQUFlO3lHQUFmLGVBQWUsaUJBUHhCLGtCQUFrQixhQUdsQixrQkFBa0I7eUdBSVQsZUFBZTs7NEZBQWYsZUFBZTtrQkFUM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSURUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgJ0BpbmVyYS9pZHMtY29yZS9jb21wb25lbnRzL3Rvb2x0aXAvcmVnaXN0ZXInO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBJRFRvb2x0aXBDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIElEVG9vbHRpcENvbXBvbmVudFxuICBdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIElEVG9vbHRpcE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFZeEUsTUFBTSxPQUFPLGVBQWU7d0dBQWYsZUFBZTt5R0FBZixlQUFlLFlBUnhCLGtCQUFrQjtZQUNsQix5QkFBeUIsYUFHekIsa0JBQWtCO1lBQ2xCLHlCQUF5Qjt5R0FHaEIsZUFBZTs7NEZBQWYsZUFBZTtrQkFWM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQix5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHlCQUF5QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IElEVG9vbHRpcENvbXBvbmVudCB9IGZyb20gXCIuL3Rvb2x0aXAuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJRFRvb2x0aXBUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSBcIi4vdG9vbHRpcC10cmlnZ2VyLmRpcmVjdGl2ZVwiO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgSURUb29sdGlwQ29tcG9uZW50LFxuICAgIElEVG9vbHRpcFRyaWdnZXJEaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBJRFRvb2x0aXBDb21wb25lbnQsXG4gICAgSURUb29sdGlwVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSURUb29sdGlwTW9kdWxlIHt9Il19