@energinet/watt 4.2.15-alpha.0 → 4.2.15

package/esm2022/tooltip/energinet-watt-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-tooltip.js","sourceRoot":"","sources":["../../../../libs/watt/package/tooltip/energinet-watt-tooltip.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/tooltip/index.js

@@ -0,0 +1,20 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattTooltipDirective, } from './watt-tooltip.directive';
+//# sourceMappingURL=index.js.map

package/esm2022/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/tooltip/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,oBAAoB,GAGrB,MAAM,0BAA0B,CAAC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport {\n  WattTooltipDirective,\n  wattTooltipPosition,\n  wattTooltipVariant,\n} from './watt-tooltip.directive';\n"]}

package/{fesm2022/energinet-watt-tooltip.mjs → esm2022/tooltip/watt-tooltip.component.js}

@@ -1,10 +1,3 @@
-import * as i0 from '@angular/core';
-import { input, computed, inject, ElementRef, Renderer2, DestroyRef, effect, Component, ViewContainerRef, Directive } from '@angular/core';
-import { createPopper } from '@popperjs/core';
-import { Platform } from '@angular/cdk/platform';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-
 //#region License
 /**
  * @license
@@ -23,7 +16,13 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
  * limitations under the License.
  */
 //#endregion
-class WattTooltipComponent {
+import { Component, computed, DestroyRef, effect, ElementRef, inject, input, Renderer2, } from '@angular/core';
+import { createPopper } from '@popperjs/core';
+import { Platform } from '@angular/cdk/platform';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+export class WattTooltipComponent {
     static nextId = 0;
     text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
     target = input.required(...(ngDevMode ? [{ debugName: "target" }] : []));
@@ -109,93 +108,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[class]': 'hostClass()',
                     }, styles: [":host{position:absolute;left:0;pointer-events:none;z-index:1000;display:inline-block;line-height:18px;border-radius:6px;padding:var(--watt-space-xs) var(--watt-space-s);font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;white-space:pre-wrap;opacity:0;transition:opacity .3s ease-in-out}:host.tooltip-dark{background:var(--watt-color-primary-dark);color:var(--watt-color-primary-dark-contrast)}:host.tooltip-light{background:var(--watt-color-neutral-white);color:var(--watt-color-primary-light-contrast)}:host.show{opacity:1}:host[data-popper-placement^=top]{inset-block-end:6px!important}:host[data-popper-placement^=bottom]{inset-block-start:6px!important}:host[data-popper-placement^=bottom]>.arrow{top:-4px}:host[data-popper-placement^=left]{inset-inline-end:6px!important}:host[data-popper-placement^=left]>.arrow{right:-4px}:host[data-popper-placement^=right]{inset-inline-start:6px!important}:host[data-popper-placement^=right]>.arrow{left:-4px}:host[data-popper-placement=left]>.arrow,:host[data-popper-placement=right]>.arrow{top:calc(50% - 4px)}:host[data-popper-placement=top]>.arrow,:host[data-popper-placement=bottom]>.arrow{left:calc(50% - 4px)!important}:host[data-popper-placement=top-end]>.arrow,:host[data-popper-placement=bottom-end]>.arrow{left:10px!important}:host[data-popper-placement=top-start]>.arrow,:host[data-popper-placement=bottom-start]>.arrow{left:calc(100% - 18px)}.arrow,.arrow:before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow:before{visibility:visible;content:\"\";transform:rotate(45deg)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: true }] }] } });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattTooltipDirective {
-    text = input('', ...(ngDevMode ? [{ debugName: "text", alias: 'wattTooltip' }] : [{ alias: 'wattTooltip' }]));
-    position = input('top', ...(ngDevMode ? [{ debugName: "position", alias: 'wattTooltipPosition' }] : [{ alias: 'wattTooltipPosition' }]));
-    variant = input('dark', ...(ngDevMode ? [{ debugName: "variant", alias: 'wattTooltipVariant' }] : [{ alias: 'wattTooltipVariant' }]));
-    element = inject(ElementRef).nativeElement;
-    viewContainerRef = inject(ViewContainerRef);
-    destroyRef = inject(DestroyRef);
-    tooltip = computed(() => this.createTooltipComponent(), ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
-    constructor() {
-        // Setup effect to manage tooltip component lifecycle
-        effect(() => {
-            // Access the tooltip computed to create/update it when inputs change
-            const tooltipComponent = this.tooltip();
-            // Cleanup on destroy
-            this.destroyRef.onDestroy(() => {
-                tooltipComponent?.destroy();
-                this.element.removeAttribute('aria-describedby');
-            });
-        });
-    }
-    createTooltipComponent() {
-        if (!this.text())
-            return null;
-        // Create the component
-        const tooltipComponent = this.viewContainerRef.createComponent(WattTooltipComponent);
-        // Get the component instance
-        const instance = tooltipComponent.instance;
-        // Set up bindings
-        tooltipComponent.setInput('text', this.text());
-        tooltipComponent.setInput('target', this.element);
-        tooltipComponent.setInput('position', this.position());
-        tooltipComponent.setInput('variant', this.variant());
-        this.element.setAttribute('aria-describedby', instance.id);
-        return tooltipComponent;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: WattTooltipDirective, isStandalone: true, selector: "[wattTooltip]", inputs: { text: { classPropertyName: "text", publicName: "wattTooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "wattTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "wattTooltipVariant", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["wattTooltip"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[wattTooltip]',
-                    exportAs: 'wattTooltip',
-                }]
-        }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltip", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltipPosition", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltipVariant", required: false }] }] } });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WattTooltipDirective };
-//# sourceMappingURL=energinet-watt-tooltip.mjs.map
+//# sourceMappingURL=watt-tooltip.component.js.map

package/esm2022/tooltip/watt-tooltip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-tooltip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/tooltip/watt-tooltip.component.ts"],"names":[],"mappings":"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","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  Renderer2,\n} from '@angular/core';\nimport { createPopper, Instance } from '@popperjs/core';\nimport { Platform } from '@angular/cdk/platform';\n\nimport { wattTooltipPosition, wattTooltipVariant } from './watt-tooltip.directive';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\ntype unlistenerFunction = () => void;\n\n@Component({\n  template: `\n    {{ text() }}\n    <div #arrow class=\"arrow\"></div>\n  `,\n  selector: 'watt-tooltip',\n  styleUrls: ['./watt-tooltip.component.scss'],\n  host: {\n    '[id]': 'id',\n    '[attr.role]': '\"tooltip\"',\n    '[class]': 'hostClass()',\n  },\n})\nexport class WattTooltipComponent {\n  static nextId = 0;\n\n  text = input.required<string>();\n  target = input.required<HTMLElement>();\n  position = input.required<wattTooltipPosition>();\n  variant = input.required<wattTooltipVariant>();\n\n  readonly id = `watt-tooltip-${WattTooltipComponent.nextId++}`; // used by aria-describedby\n  hostClass = computed(() => `tooltip-${this.variant()}`);\n\n  private element: HTMLElement = inject(ElementRef).nativeElement;\n  private platform = inject(Platform);\n  private renderer: Renderer2 = inject(Renderer2);\n  private focusMonitor: FocusMonitor = inject(FocusMonitor);\n  private destroyRef = inject(DestroyRef);\n\n  private listeners: unlistenerFunction[] = [];\n  private showClass = 'show';\n  private popper: Instance | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => {\n      this.popper?.destroy();\n      this.listeners.forEach((listener) => listener());\n    });\n\n    effect(() => {\n      this.setupEventListeners();\n\n      this.focusMonitor\n        .monitor(this.target(), true)\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe((origin) => {\n          if (!origin) {\n            this.hide();\n          } else if (origin === 'keyboard') {\n            this.show();\n          }\n        });\n    });\n  }\n\n  private setupEventListeners(): void {\n    // The mouse events shouldn't be bound on mobile devices, because they can prevent the\n    // first tap from firing its click event or can cause the tooltip to open for clicks.\n    if (this.platformSupportsMouseEvents()) {\n      const mouseEnter = this.renderer.listen(this.target(), 'mouseenter', this.show.bind(this));\n      const mouseLeave = this.renderer.listen(this.target(), 'mouseleave', this.hide.bind(this));\n      const wheel = this.renderer.listen(this.target(), 'wheel', this.hide.bind(this));\n      this.listeners.push(mouseEnter, mouseLeave, wheel);\n    } else {\n      const touchStart = this.renderer.listen(this.target(), 'touchstart', this.show.bind(this));\n      const touchEnd = this.renderer.listen(this.target(), 'touchend', this.hide.bind(this));\n      const touchCancel = this.renderer.listen(this.target(), 'touchcancel', this.hide.bind(this));\n      this.listeners.push(touchStart, touchEnd, touchCancel);\n    }\n  }\n\n  private show(): void {\n    if (!this.popper) {\n      this.popper = createPopper(this.target(), this.element, {\n        placement: this.position(),\n      });\n    } else {\n      this.popper.forceUpdate();\n    }\n    this.renderer.addClass(this.element, this.showClass);\n  }\n\n  private hide(): void {\n    this.renderer.removeClass(this.element, this.showClass);\n  }\n\n  private platformSupportsMouseEvents() {\n    return !this.platform.IOS && !this.platform.ANDROID;\n  }\n}\n"]}

package/esm2022/tooltip/watt-tooltip.directive.js

@@ -0,0 +1,67 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { computed, DestroyRef, Directive, effect, ElementRef, inject, input, ViewContainerRef, } from '@angular/core';
+import { WattTooltipComponent } from './watt-tooltip.component';
+import * as i0 from "@angular/core";
+export class WattTooltipDirective {
+    text = input('', ...(ngDevMode ? [{ debugName: "text", alias: 'wattTooltip' }] : [{ alias: 'wattTooltip' }]));
+    position = input('top', ...(ngDevMode ? [{ debugName: "position", alias: 'wattTooltipPosition' }] : [{ alias: 'wattTooltipPosition' }]));
+    variant = input('dark', ...(ngDevMode ? [{ debugName: "variant", alias: 'wattTooltipVariant' }] : [{ alias: 'wattTooltipVariant' }]));
+    element = inject(ElementRef).nativeElement;
+    viewContainerRef = inject(ViewContainerRef);
+    destroyRef = inject(DestroyRef);
+    tooltip = computed(() => this.createTooltipComponent(), ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
+    constructor() {
+        // Setup effect to manage tooltip component lifecycle
+        effect(() => {
+            // Access the tooltip computed to create/update it when inputs change
+            const tooltipComponent = this.tooltip();
+            // Cleanup on destroy
+            this.destroyRef.onDestroy(() => {
+                tooltipComponent?.destroy();
+                this.element.removeAttribute('aria-describedby');
+            });
+        });
+    }
+    createTooltipComponent() {
+        if (!this.text())
+            return null;
+        // Create the component
+        const tooltipComponent = this.viewContainerRef.createComponent(WattTooltipComponent);
+        // Get the component instance
+        const instance = tooltipComponent.instance;
+        // Set up bindings
+        tooltipComponent.setInput('text', this.text());
+        tooltipComponent.setInput('target', this.element);
+        tooltipComponent.setInput('position', this.position());
+        tooltipComponent.setInput('variant', this.variant());
+        this.element.setAttribute('aria-describedby', instance.id);
+        return tooltipComponent;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: WattTooltipDirective, isStandalone: true, selector: "[wattTooltip]", inputs: { text: { classPropertyName: "text", publicName: "wattTooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "wattTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "wattTooltipVariant", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["wattTooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wattTooltip]',
+                    exportAs: 'wattTooltip',
+                }]
+        }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltip", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltipPosition", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTooltipVariant", required: false }] }] } });
+//# sourceMappingURL=watt-tooltip.directive.js.map

package/esm2022/tooltip/watt-tooltip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-tooltip.directive.js","sourceRoot":"","sources":["../../../../libs/watt/package/tooltip/watt-tooltip.directive.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;;AAkBhE,MAAM,OAAO,oBAAoB;IACtB,IAAI,GAAG,KAAK,CAAS,EAAE,wCAAI,KAAK,EAAE,aAAa,OAAtB,EAAE,KAAK,EAAE,aAAa,EAAE,GAAC,CAAC;IACnD,QAAQ,GAAG,KAAK,CAAsB,KAAK,4CAAI,KAAK,EAAE,qBAAqB,OAA9B,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAC,CAAC;IAC/E,OAAO,GAAG,KAAK,CAAqB,MAAM,2CAAI,KAAK,EAAE,oBAAoB,OAA7B,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAC,CAAC;IAErE,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC;IAC3C,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACzC,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,mDAAC,CAAC;IAEhE;QACE,qDAAqD;QACrD,MAAM,CAAC,GAAG,EAAE;YACV,qEAAqE;YACrE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAExC,qBAAqB;YACrB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;gBAC7B,gBAAgB,EAAE,OAAO,EAAE,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAE9B,uBAAuB;QACvB,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;QAErF,6BAA6B;QAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,CAAC;QAE3C,kBAAkB;QAClB,gBAAgB,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/C,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAClD,gBAAgB,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,gBAAgB,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QAE3D,OAAO,gBAAgB,CAAC;IAC1B,CAAC;wGA1CU,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBAJhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE,aAAa;iBACxB","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  computed,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { WattTooltipComponent } from './watt-tooltip.component';\n\nexport type wattTooltipPosition =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'right'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end'\n  | 'left';\n\nexport type wattTooltipVariant = 'dark' | 'light';\n\n@Directive({\n  selector: '[wattTooltip]',\n  exportAs: 'wattTooltip',\n})\nexport class WattTooltipDirective {\n  readonly text = input<string>('', { alias: 'wattTooltip' });\n  readonly position = input<wattTooltipPosition>('top', { alias: 'wattTooltipPosition' });\n  readonly variant = input<wattTooltipVariant>('dark', { alias: 'wattTooltipVariant' });\n\n  private readonly element = inject(ElementRef).nativeElement;\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private tooltip = computed(() => this.createTooltipComponent());\n\n  constructor() {\n    // Setup effect to manage tooltip component lifecycle\n    effect(() => {\n      // Access the tooltip computed to create/update it when inputs change\n      const tooltipComponent = this.tooltip();\n\n      // Cleanup on destroy\n      this.destroyRef.onDestroy(() => {\n        tooltipComponent?.destroy();\n        this.element.removeAttribute('aria-describedby');\n      });\n    });\n  }\n\n  private createTooltipComponent() {\n    if (!this.text()) return null;\n\n    // Create the component\n    const tooltipComponent = this.viewContainerRef.createComponent(WattTooltipComponent);\n\n    // Get the component instance\n    const instance = tooltipComponent.instance;\n\n    // Set up bindings\n    tooltipComponent.setInput('text', this.text());\n    tooltipComponent.setInput('target', this.element);\n    tooltipComponent.setInput('position', this.position());\n    tooltipComponent.setInput('variant', this.variant());\n\n    this.element.setAttribute('aria-describedby', instance.id);\n\n    return tooltipComponent;\n  }\n}\n"]}

package/{fesm2022/energinet-watt-utils-css.mjs → esm2022/utils/css/css-custom-properties.service.js}

@@ -1,6 +1,3 @@
-import * as i0 from '@angular/core';
-import { inject, DOCUMENT, Injectable } from '@angular/core';
-
 //#region License
 /**
  * @license
@@ -19,7 +16,9 @@ import { inject, DOCUMENT, Injectable } from '@angular/core';
  * limitations under the License.
  */
 //#endregion
-class WattCssCustomPropertiesService {
+import { Injectable, DOCUMENT, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WattCssCustomPropertiesService {
     document = inject(DOCUMENT);
     get rootElement() {
         return this.document.documentElement;
@@ -37,29 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WattCssCustomPropertiesService };
-//# sourceMappingURL=energinet-watt-utils-css.mjs.map
+//# sourceMappingURL=css-custom-properties.service.js.map

package/esm2022/utils/css/css-custom-properties.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-custom-properties.service.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/css/css-custom-properties.service.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AAEZ,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAG7D,MAAM,OAAO,8BAA8B;IACxB,QAAQ,GAAG,MAAM,CAAW,QAAQ,CAAC,CAAC;IAEvD,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;IACvC,CAAC;IAEM,gBAAgB,CAAC,IAAY;QAClC,OAAO,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnE,CAAC;IAEM,gBAAgB,CAAC,IAAY,EAAE,KAAa;QACjD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;wGAbU,8BAA8B;4GAA9B,8BAA8B,cADjB,MAAM;;4FACnB,8BAA8B;kBAD1C,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\n\nimport { Injectable, DOCUMENT, inject } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class WattCssCustomPropertiesService {\n  private readonly document = inject<Document>(DOCUMENT);\n\n  private get rootElement() {\n    return this.document.documentElement;\n  }\n\n  public getPropertyValue(name: string): string {\n    return getComputedStyle(this.rootElement).getPropertyValue(name);\n  }\n\n  public setPropertyValue(name: string, value: string): void {\n    this.rootElement.style.setProperty(name, value);\n  }\n}\n"]}

package/esm2022/utils/css/energinet-watt-utils-css.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-utils-css.js.map

package/esm2022/utils/css/energinet-watt-utils-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-utils-css.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/css/energinet-watt-utils-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/utils/css/index.js

@@ -0,0 +1,20 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export * from './css-custom-properties.service';
+//# sourceMappingURL=index.js.map

package/esm2022/utils/css/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/css/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,cAAc,iCAAiC,CAAC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport * from './css-custom-properties.service';\n"]}

package/esm2022/utils/intersection-observer/energinet-watt-utils-intersection-observer.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-utils-intersection-observer.js.map

package/esm2022/utils/intersection-observer/energinet-watt-utils-intersection-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-utils-intersection-observer.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/intersection-observer/energinet-watt-utils-intersection-observer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/utils/intersection-observer/index.js

@@ -0,0 +1,20 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattIntersectionObserverService } from './watt-intersection-observer.service';
+//# sourceMappingURL=index.js.map

package/esm2022/utils/intersection-observer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/intersection-observer/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattIntersectionObserverService } from './watt-intersection-observer.service';\n"]}

package/{fesm2022/energinet-watt-utils-intersection-observer.mjs → esm2022/utils/intersection-observer/watt-intersection-observer.service.js}

@@ -1,7 +1,3 @@
-import * as i0 from '@angular/core';
-import { Injectable } from '@angular/core';
-import { Subject, filter, finalize } from 'rxjs';
-
 //#region License
 /**
  * @license
@@ -20,6 +16,9 @@ import { Subject, filter, finalize } from 'rxjs';
  * limitations under the License.
  */
 //#endregion
+import { Injectable } from '@angular/core';
+import { filter, finalize, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 /**
  * Service for observing changes in the intersection of a target element with
  * the viewport.
@@ -27,7 +26,7 @@ import { Subject, filter, finalize } from 'rxjs';
  * Usage:
  * `import { WattIntersectionObserverService } from '@energinet/watt/intersection-observer';`
  */
-class WattIntersectionObserverService {
+export class WattIntersectionObserverService {
     intersectionObserver;
     entrySubject = new Subject();
     constructor() {
@@ -55,29 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WattIntersectionObserverService };
-//# sourceMappingURL=energinet-watt-utils-intersection-observer.mjs.map
+//# sourceMappingURL=watt-intersection-observer.service.js.map

package/esm2022/utils/intersection-observer/watt-intersection-observer.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-intersection-observer.service.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/intersection-observer/watt-intersection-observer.service.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAEjD;;;;;;GAMG;AAEH,MAAM,OAAO,+BAA+B;IAClC,oBAAoB,CAAwB;IAC5C,YAAY,GAAG,IAAI,OAAO,EAA6B,CAAC;IAEhE;QACE,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAAC;YAChC,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC/D,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,OAAO,CAAC,OAAgB;QACtB,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,IAAI,CAC1C,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,EAC3C,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAC9D,CAAC;IACJ,CAAC;wGAzBU,+BAA+B;4GAA/B,+BAA+B,cADlB,MAAM;;4FACnB,+BAA+B;kBAD3C,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Injectable } from '@angular/core';\nimport { filter, finalize, Subject } from 'rxjs';\n\n/**\n * Service for observing changes in the intersection of a target element with\n * the viewport.\n *\n * Usage:\n * `import { WattIntersectionObserverService } from '@energinet/watt/intersection-observer';`\n */\n@Injectable({ providedIn: 'root' })\nexport class WattIntersectionObserverService {\n  private intersectionObserver?: IntersectionObserver;\n  private entrySubject = new Subject<IntersectionObserverEntry>();\n\n  constructor() {\n    if (window.IntersectionObserver) {\n      this.intersectionObserver = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          this.entrySubject.next(entry);\n        }\n      });\n    }\n  }\n\n  /**\n   * Add an element to be observed, returning an observable that emits\n   * whenever that element enters or leaves the viewport. Element will\n   * automatically be unobserved when the observable is unsubscribed.\n   */\n  observe(element: Element) {\n    this.intersectionObserver?.observe(element);\n    return this.entrySubject.asObservable().pipe(\n      filter((entry) => entry.target === element),\n      finalize(() => this.intersectionObserver?.unobserve(element))\n    );\n  }\n}\n"]}

package/esm2022/utils/resize-observer/energinet-watt-utils-resize-observer.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-utils-resize-observer.js.map

package/esm2022/utils/resize-observer/energinet-watt-utils-resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-utils-resize-observer.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/resize-observer/energinet-watt-utils-resize-observer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/utils/resize-observer/index.js

@@ -0,0 +1,21 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattResizeObserverDirective } from './watt-resize-observer.directive';
+export { WattResizeObserverService } from './watt-resize-observer.service';
+//# sourceMappingURL=index.js.map

package/esm2022/utils/resize-observer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/resize-observer/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattResizeObserverDirective } from './watt-resize-observer.directive';\nexport { WattResizeObserverService } from './watt-resize-observer.service';\n"]}

package/esm2022/utils/resize-observer/watt-resize-observer.directive.js

@@ -0,0 +1,53 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Directive, ElementRef, EventEmitter, Output, inject } from '@angular/core';
+import { WattResizeObserverService } from './watt-resize-observer.service';
+import * as i0 from "@angular/core";
+/**
+ * A directive for subscribing to changes to the size of an element.
+ * The `resize` event emits initially and then everytime the element is resized.
+ *
+ * Usage:
+ * `import { WattResizeObserverDirective } from '@energinet/watt/resize-observer';`
+ */
+export class WattResizeObserverDirective {
+    el = inject(ElementRef);
+    resizeObserverService = inject(WattResizeObserverService);
+    // The `resize` event only natively exists on `window`.
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    resize = new EventEmitter();
+    subscription;
+    constructor() {
+        this.subscription = this.resizeObserverService
+            .observe(this.el.nativeElement)
+            .subscribe((entry) => this.resize.emit(entry));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: WattResizeObserverDirective, isStandalone: true, selector: "[wattResizeObserver]", outputs: { resize: "resize" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattResizeObserverDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[wattResizeObserver]' }]
+        }], ctorParameters: () => [], propDecorators: { resize: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=watt-resize-observer.directive.js.map

package/esm2022/utils/resize-observer/watt-resize-observer.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-resize-observer.directive.js","sourceRoot":"","sources":["../../../../../libs/watt/package/utils/resize-observer/watt-resize-observer.directive.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAa,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;;AAE3E;;;;;;GAMG;AAEH,MAAM,OAAO,2BAA2B;IAC9B,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACxB,qBAAqB,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAClE,uDAAuD;IACvD,4DAA4D;IAClD,MAAM,GAAsC,IAAI,YAAY,EAAE,CAAC;IAEjE,YAAY,CAAe;IAEnC;QACE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,qBAAqB;aAC3C,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;aAC9B,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACnD,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;wGAjBU,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBADvC,SAAS;mBAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE;;sBAM5C,MAAM","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Directive, ElementRef, EventEmitter, OnDestroy, Output, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { WattResizeObserverService } from './watt-resize-observer.service';\n\n/**\n * A directive for subscribing to changes to the size of an element.\n * The `resize` event emits initially and then everytime the element is resized.\n *\n * Usage:\n * `import { WattResizeObserverDirective } from '@energinet/watt/resize-observer';`\n */\n@Directive({ selector: '[wattResizeObserver]' })\nexport class WattResizeObserverDirective implements OnDestroy {\n  private el = inject(ElementRef);\n  private resizeObserverService = inject(WattResizeObserverService);\n  // The `resize` event only natively exists on `window`.\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() resize: EventEmitter<ResizeObserverEntry> = new EventEmitter();\n\n  private subscription: Subscription;\n\n  constructor() {\n    this.subscription = this.resizeObserverService\n      .observe(this.el.nativeElement)\n      .subscribe((entry) => this.resize.emit(entry));\n  }\n\n  public ngOnDestroy(): void {\n    this.subscription.unsubscribe();\n  }\n}\n"]}

package/esm2022/utils/resize-observer/watt-resize-observer.service.js

@@ -0,0 +1,67 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Injectable, NgZone, inject } from '@angular/core';
+import { filter, finalize, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Service for observing changes to an elements size. Typically used by
+ * the `WattResizeObserverDirective`, but can also be imported directly.
+ *
+ * Usage:
+ * `import { WattResizeObserverService } from '@energinet/watt/resize-observer';`
+ */
+export class WattResizeObserverService {
+    ngZone = inject(NgZone);
+    resizeObserver;
+    entrySubject = new Subject();
+    constructor() {
+        if (window.ResizeObserver) {
+            this.resizeObserver = new ResizeObserver((entries) => {
+                // Resize callback is running outside of Angular zone
+                this.ngZone.run(() => {
+                    /**
+                     * Ensure that the function is executed only once per frame, and avoid:
+                     * "Error: ResizeObserver loop limit exceeded"
+                     */
+                    requestAnimationFrame(() => {
+                        for (const entry of entries) {
+                            this.entrySubject.next(entry);
+                        }
+                    });
+                });
+            });
+        }
+    }
+    /**
+     * Add an element to be observed, returning an observable that
+     * emits whenever that element changes size. Element will
+     * automatically be unobserved when the observable is unsubscribed.
+     */
+    observe(element) {
+        this.resizeObserver?.observe(element);
+        return this.entrySubject.asObservable().pipe(filter((entry) => entry.target === element), finalize(() => this.resizeObserver?.unobserve(element)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattResizeObserverService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattResizeObserverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=watt-resize-observer.service.js.map