@paperless/core 0.1.0-alpha.21 → 0.1.0-alpha.210

package/dist/cjs/p-dropdown_3.cjs.entry.js

@@ -0,0 +1,205 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cf92051a.js');
+const childOf = require('./child-of-e472f812.js');
+const popper = require('./popper-e0c4ed4c.js');
+
+const dropdownComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-auto{margin-left:auto!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-auto{width:auto!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{box-sizing:border-box}:host{position:relative}:host .trigger{height:auto;width:auto}:host p-dropdown-menu-container{display:none}:host p-dropdown-menu-container[data-show]{display:flex}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
+const Dropdown = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isOpen = index.createEvent(this, "isOpen", 7);
+    /**
+     * The content of the dropdown menu
+     */
+    this.placement = 'bottom-start';
+    /**
+     * The strategy of the popover placement
+     */
+    this.strategy = 'fixed';
+    /**
+     * Wether to show the dropdown menu
+     */
+    this.show = false;
+    /**
+     * Wether to automatically calculate the width of the menu based on the trigger
+     */
+    this.calculateWidth = false;
+    /**
+     * Wether to automatically close the dropdown menu after clicking inside
+     */
+    this.insideClick = false;
+    /**
+     * Wether to automatically close the dropdown menu after clicking inside
+     */
+    this.disableTriggerClick = false;
+    /**
+     * Chevron position
+     */
+    this.chevronPosition = 'end';
+    this._loaded = false;
+  }
+  componentShouldUpdate() {
+    this._setOptions();
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-dropdown" }, index.h("div", { class: "trigger", ref: (ref) => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, index.h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), index.h("p-dropdown-menu-container", { role: "popover", maxWidth: !this.calculateWidth, ref: (el) => this._load(el), onClick: () => this._containerClickHandler() }, index.h("slot", { name: "items" }))));
+  }
+  _checkButton({ target }) {
+    const slot = target;
+    const children = slot.assignedElements();
+    for (let child of children) {
+      if (child.nodeName === 'P-BUTTON') {
+        child.chevronPosition = this.chevronPosition;
+        child.chevron = this.chevronDirection
+          ? this.chevronDirection
+          : this.placement.indexOf('top') >= 0
+            ? 'up'
+            : 'down';
+      }
+    }
+  }
+  onShowChange(show) {
+    if (!this._loaded) {
+      return;
+    }
+    if (!show) {
+      this._hide();
+      return;
+    }
+    this._show();
+  }
+  documentClickHandler({ target }) {
+    if (!this._menu.hasAttribute('data-show') ||
+      childOf.childOf(target, this._el)) {
+      return;
+    }
+    this._hide();
+  }
+  _containerClickHandler() {
+    if (this.insideClick) {
+      return;
+    }
+    if (this._menu.hasAttribute('data-show')) {
+      this._hide();
+    }
+  }
+  _triggerClickHandler() {
+    if (this.disableTriggerClick) {
+      return;
+    }
+    if (this._menu.hasAttribute('data-show')) {
+      this._hide();
+      return;
+    }
+    this._show();
+  }
+  _load(popover) {
+    this._menu = popover;
+    if (popover) {
+      this._popper = popper.createPopper(this._el, popover, {
+        strategy: this.strategy,
+      });
+      this._setOptions();
+      this._loaded = true;
+      if (this.show) {
+        setTimeout(() => this._show(), 100);
+      }
+    }
+  }
+  _setOptions() {
+    if (!this._popper) {
+      return;
+    }
+    this._popper.setOptions({
+      placement: this.placement,
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: [0, 8],
+          },
+        },
+      ],
+    });
+  }
+  _show() {
+    if (!this._loaded) {
+      return;
+    }
+    // Make the popover visible
+    if (this.calculateWidth) {
+      this._menu.style.width = `${this._trigger.clientWidth}px`;
+    }
+    this._menu.setAttribute('data-show', '');
+    this.isOpen.emit(true);
+    // Enable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: true },
+      ] })));
+    // Update its position
+    this._popper.update();
+  }
+  _hide() {
+    if (!this._loaded || this.show) {
+      return;
+    }
+    // Hide the popover
+    this._menu.removeAttribute('data-show');
+    this.isOpen.emit(false);
+    // Disable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: false },
+      ] })));
+  }
+  get _el() { return index.getElement(this); }
+  static get watchers() { return {
+    "show": ["onShowChange"]
+  }; }
+};
+Dropdown.style = dropdownComponentCss;
+
+const dropdownMenuContainerComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-auto{margin-left:auto!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.max-w-\\[222px\\]{max-width:222px!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-\\[1px\\]{gap:1px!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-4{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{box-sizing:border-box}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);flex-direction:column;gap:1px;padding:.5rem;width:100%;z-index:10}p-dropdown-menu-container.max-width{max-width:222px}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}";
+
+const DropdownMenuContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Wether the container applies it's max width
+     */
+    this.maxWidth = true;
+  }
+  render() {
+    return (index.h(index.Host, { class: `p-dropdown-menu-container ${this.maxWidth && 'max-width'}` }, index.h("slot", null)));
+  }
+};
+DropdownMenuContainer.style = dropdownMenuContainerComponentCss;
+
+const dropdownMenuItemComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm-dark{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host .text-container{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.hover:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
+const DropdownMenuItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Wether the dropdown menu item is active
+     */
+    this.active = false;
+    /**
+     * Wether to enable the hover state
+     */
+    this.enableHover = true;
+  }
+  render() {
+    return (index.h(index.Host, { class: `p-dropdown-menu-item ${this.active && 'active'} ${this.enableHover && 'hover'}` }, this.icon && index.h("p-icon", { variant: this.icon }), index.h("div", { class: "text-container" }, index.h("slot", null))));
+  }
+};
+DropdownMenuItem.style = dropdownMenuItemComponentCss;
+
+exports.p_dropdown = Dropdown;
+exports.p_dropdown_menu_container = DropdownMenuContainer;
+exports.p_dropdown_menu_item = DropdownMenuItem;

package/dist/cjs/p-helper_2.cjs.entry.js

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cf92051a.js');
+const popper = require('./popper-e0c4ed4c.js');
+
+const helperComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-3{width:.75rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-negative,.text-storm-dark{--tw-text-opacity:1!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
+const Helper = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * The placement of the helper popover
+     */
+    this.placement = 'top';
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-helper" }, index.h("p-tooltip", { placement: this.placement }, index.h("div", { slot: "popover" }, index.h("slot", null)), index.h("div", { slot: "content", class: "helper" }))));
+  }
+};
+Helper.style = helperComponentCss;
+
+const tooltipComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-0{height:0!important}.h-6{height:1.5rem!important}.w-0{width:0!important}.w-2{width:.5rem!important}.w-1{width:.25rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-negative{--tw-bg-opacity:1!important;background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-storm-dark,.text-white{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-negative,.text-storm-dark{--tw-text-opacity:1!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{display:block}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+
+const Tooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isOpen = index.createEvent(this, "isOpen", 7);
+    /**
+     * The variant of the popover
+     */
+    this.variant = 'hover';
+    /**
+     * The content of the popover
+     */
+    this.popover = null;
+    /**
+     * The placement of the popover
+     */
+    this.placement = 'top';
+    /**
+     * The strategy of the popover placement
+     */
+    this.strategy = 'fixed';
+    /**
+     * Wether to show the popover
+     */
+    this.show = false;
+    /**
+     * Wether to someone can manually close the popover
+     */
+    this.canManuallyClose = true;
+    this._loaded = false;
+  }
+  componentShouldUpdate() {
+    this._setOptions();
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-popover" }, index.h("slot", { name: "content" }), index.h("div", { class: "popover-container" }, index.h("div", { class: `popover variant-${this.variant}`, role: "popover", ref: (el) => this._load(el) }, this.popover ? this.popover : index.h("slot", { name: "popover" }), index.h("div", { class: "arrow", "data-popper-arrow": true })))));
+  }
+  clickHandler() {
+    if (this.variant === 'hover') {
+      return;
+    }
+    if (this._popover.hasAttribute('data-show')) {
+      return;
+    }
+    this._show();
+  }
+  documentClickHandler() {
+    if (this.variant === 'hover' || !this.canManuallyClose) {
+      return;
+    }
+    if (!this._popover.hasAttribute('data-show')) {
+      return;
+    }
+    this._hide();
+  }
+  mouseEnterHandler() {
+    if (this.variant !== 'hover') {
+      return;
+    }
+    this._show();
+  }
+  mouseLeaveHandler() {
+    if (this.show || this.variant !== 'hover') {
+      return;
+    }
+    this._hide();
+  }
+  _show() {
+    if (!this._loaded) {
+      return;
+    }
+    // Make the popover visible
+    this._popover.setAttribute('data-show', '');
+    // Enable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: true },
+      ] })));
+    // Update its position
+    this._popper.update();
+    this.isOpen.emit(true);
+  }
+  _hide() {
+    if (!this._loaded) {
+      return;
+    }
+    // Hide the popover
+    this._popover.removeAttribute('data-show');
+    // Disable the event listeners
+    this._popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
+        ...options.modifiers,
+        { name: 'eventListeners', enabled: false },
+      ] })));
+    this.isOpen.emit(false);
+  }
+  _load(popover) {
+    this._popover = popover;
+    if (popover) {
+      this._popper = popper.createPopper(this._el, popover, {
+        strategy: this.strategy,
+      });
+      this._setOptions();
+      this._loaded = true;
+      if (this.show) {
+        setTimeout(() => this._show(), 100);
+      }
+    }
+  }
+  _setOptions() {
+    if (!this._popper) {
+      return;
+    }
+    this._popper.setOptions({
+      placement: this.variant === 'error' ? 'top-end' : this.placement,
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: this.variant === 'error' ? [8, 14] : [0, 8],
+          },
+        },
+        {
+          name: 'arrow',
+          options: {
+            padding: 4,
+          },
+        },
+      ],
+    });
+  }
+  get _el() { return index.getElement(this); }
+};
+Tooltip.style = tooltipComponentCss;
+
+exports.p_helper = Helper;
+exports.p_tooltip = Tooltip;

package/dist/cjs/p-illustration.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b6e08cc.js');
+const index = require('./index-cf92051a.js');
 
 const emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
   <defs>
@@ -224,6 +224,8 @@ const departments = `<svg xmlns="http://www.w3.org/2000/svg" width="171" height=
 </svg>
 `;
 
+const email = `<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="150px" height="150px" viewBox="0 0 150.0 150.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M85.1759982,0 C104.072973,-3.47131792e-15 119.391997,15.3190247 119.391997,34.2159993 L119.391997,64.0639986 L0,64.0639986 L0,24.0239995 C-1.62487222e-15,10.7559109 10.7559109,2.43730832e-15 24.0239995,0 L85.1759982,0 Z"></path></clipPath><linearGradient id="i1" x1="59.6959987px" y1="64.0639986px" x2="59.6959987px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i2"><path d="M20.5519995,0 C31.9025555,-2.0850633e-15 41.1039991,9.20144361 41.1039991,20.5519995 L41.1039991,64.0639986 L0,64.0639986 L0,20.5519995 C-4.94275588e-15,9.20144361 9.20144361,2.0850633e-15 20.5519995,0 Z"></path></clipPath><linearGradient id="i3" x1="20.5519995px" y1="64.0639986px" x2="20.5519995px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#4873C8" offset="0%"></stop><stop stop-color="#4773CB" offset="100%"></stop></linearGradient><clipPath id="i4"><path d="M13,0 L13,69.272 C13,69.6740633 12.6740633,70 12.272,70 L0.727999984,70 C0.325936695,70 -1.72806053e-16,69.6740633 0,69.272 L0,0 L13,0 Z"></path></clipPath><linearGradient id="i5" x1="6.5px" y1="70px" x2="6.5px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(133, 169, 243, 0)" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i6"><path d="M9,0 L9,69.272 C9,69.6740633 8.6740633,70 8.27200002,70 L0.727999984,70 C0.325936695,70 -6.17837504e-17,69.6740633 0,69.272 L0,0 L9,0 Z"></path></clipPath><linearGradient id="i7" x1="4.5px" y1="70px" x2="4.5px" y2="1.29922327px" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(87, 128, 209, 0)" offset="0%"></stop><stop stop-color="#4F7ACF" offset="98.1439668%"></stop></linearGradient><clipPath id="i8"><path d="M72.7999984,0 L72.7999984,5.09599989 L0.727999984,5.09599989 C0.325936695,5.09599989 7.15372367e-16,4.77006319 0,4.36799991 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,-3.71644744e-17 0.727999984,0 L72.7999984,0 Z"></path></clipPath><clipPath id="i9"><path d="M77.0839983,0 L77.0839983,4.36799991 C77.0839983,4.77006319 76.7580616,5.09599989 76.3559984,5.09599989 L0,5.09599989 L0,0 L77.0839983,0 Z"></path></clipPath><clipPath id="i10"><path d="M30.2119993,0 L60.4239987,24.5359285 L60.4239987,58.2399987 L0,58.2399987 L0,24.5359285 L30.2119993,0 Z"></path></clipPath><linearGradient id="i11" x1="30.2119993px" y1="58.2399987px" x2="30.2119993px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#4976D0" offset="0%"></stop><stop stop-color="#83A8F2" offset="100%"></stop></linearGradient><clipPath id="i12"><path d="M28.5611597,0 C26.5440085,0.14121798 24.940731,2.28624546 24.940731,4.91265145 C24.940731,7.53905744 26.5440085,9.68408493 28.5610529,9.81860835 L4.02269854,9.82530291 C3.95616212,9.823053 3.88906726,9.82530291 3.82156362,9.82530291 C1.71097231,9.82530291 0,7.62583393 0,4.91265145 C0,2.19946897 1.71097231,0 3.82156362,0 C3.88906726,0 3.95616212,0.00224990396 4.0228053,0.00669455955 L28.5611597,0 Z"></path></clipPath><linearGradient id="i13" x1="14.2805798px" y1="9.82530291px" x2="14.2805798px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i14"><path d="M43.0975968,0 C39.3467946,0 37.4054615,2.32959981 37.2735973,6.98879943 L37.2735973,35.8122364 C37.2735973,36.2735377 37.054994,36.7075488 36.6843315,36.9821543 L30.346965,41.6771948 C29.9634652,41.9613108 29.4650694,42.0394323 29.0130302,41.8862836 L18.2960002,38.2554064 C17.8288085,38.0971242 17.3132468,38.1861511 16.9261915,38.4919444 L13.497038,41.201149 C13.0262552,41.5730912 12.375522,41.618165 11.857955,41.3146821 L0.71952494,34.7835005 C0.273819266,34.5221545 6.32747051e-17,34.0441759 0,33.5274987 L0,6.98879902 C-1.36086846e-15,3.1289919 3.1289919,-1.79143355e-16 6.98879902,0 L43.0975968,0 Z"></path></clipPath><linearGradient id="i15" x1="21.5487984px" y1="5.25158252px" x2="21.5487984px" y2="41.963289px" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF2FF" offset="0%"></stop><stop stop-color="#CDDBF6" offset="100%"></stop></linearGradient><clipPath id="i16"><path d="M26.1259675,0 C26.4797832,-6.49948862e-17 26.7666075,0.286824281 26.7666075,0.640639962 L26.7666075,6.23167958 C26.7666075,6.58549526 26.4797832,6.87231954 26.1259675,6.87231954 L0.640639962,6.87231954 C0.286824281,6.87231954 2.65374529e-16,6.58549526 0,6.23167958 L0,0.640639962 C-4.33299241e-17,0.286824281 0.286824281,-4.60274163e-17 0.640639962,0 L26.1259675,0 Z"></path></clipPath><clipPath id="i17"><path d="M4.33328874,0 C4.58185829,0 4.78686103,0.0506100509 4.94830311,0.151831671 C5.10974519,0.253053291 5.23915316,0.412571046 5.33653093,0.630389722 L4.83298792,0.891770827 C4.7971119,0.77901763 4.74137678,0.688688299 4.66578089,0.620780123 C4.59018499,0.552871948 4.47935539,0.518918369 4.33328874,0.518918369 C4.16159638,0.518918369 4.02386016,0.574653488 3.92007597,0.686125399 C3.81629178,0.79759731 3.76440046,0.959677599 3.76440046,1.17237113 L3.76440046,1.60288118 C3.76440046,1.81557472 3.81629178,1.977655 3.92007597,2.08912692 C4.02386016,2.20059883 4.16159638,2.25633395 4.33328874,2.25633395 C4.47679281,2.25633395 4.59146622,2.2172553 4.6773124,2.13909683 C4.76315859,2.06093837 4.82658131,1.96676523 4.86758247,1.85657461 L5.3442186,2.13333107 C5.24427827,2.33833689 5.11294839,2.49657337 4.95022503,2.60804528 C4.78750166,2.7195172 4.58185829,2.77525231 4.33328874,2.77525231 C4.15134609,2.77525231 3.9873439,2.7464238 3.84127725,2.68876592 C3.69521061,2.63110804 3.5709277,2.54526314 3.4684248,2.43122866 C3.36592189,2.31719417 3.28648333,2.17497352 3.23010673,2.00456244 C3.17373013,1.83415136 3.14554226,1.63491432 3.14554226,1.40684536 C3.14554226,1.18133896 3.17373013,0.980820659 3.23010673,0.805284432 C3.28648333,0.629748205 3.36592189,0.482402487 3.4684248,0.363242858 C3.5709277,0.24408323 3.69521061,0.153753898 3.84127725,0.0922521545 C3.9873439,0.0307504107 4.15134609,0 4.33328874,0 Z M1.60672502,0.0461260773 L2.47927665,2.72912624 L1.87194997,2.72912624 L1.67975798,2.09104884 L0.784143313,2.09104884 L0.591951325,2.72912624 L0,2.72912624 L0.884083147,0.0461260773 L1.60672502,0.0461260773 Z M8.10922072,0.0461260773 L8.10922072,0.565044446 L7.38273501,0.565044446 L7.38273501,2.72912624 L6.79847136,2.72912624 L6.79847136,0.565044446 L6.07198564,0.565044446 L6.07198564,0.0461260773 L8.10922072,0.0461260773 Z M10.1784878,0.0461260773 L10.1784878,0.51123069 L9.83254226,0.51123069 L9.83254226,2.26402163 L10.1784878,2.26402163 L10.1784878,2.72912624 L8.90233304,2.72912624 L8.90233304,2.26402163 L9.24827862,2.26402163 L9.24827862,0.51123069 L8.90233304,0.51123069 L8.90233304,0.0461260773 L10.1784878,0.0461260773 Z M11.5289569,0.0461260773 L11.9287163,1.3338124 L12.1401274,2.17561331 L12.151659,2.17561331 L12.3553825,1.3338124 L12.7551418,0.0461260773 L13.3278739,0.0461260773 L12.4553223,2.72912624 L11.8018695,2.72912624 L10.9370056,0.0461260773 L11.5289569,0.0461260773 Z M16.0159993,0.0461260773 L16.0159993,0.565044446 L14.774439,0.565044446 L14.774439,1.11471353 L15.8391826,1.11471353 L15.8391826,1.62978806 L14.774439,1.62978806 L14.774439,2.21020787 L16.0159993,2.21020787 L16.0159993,2.72912624 L14.1901754,2.72912624 L14.1901754,0.0461260773 L16.0159993,0.0461260773 Z M18.861722,0.0461260773 L18.861722,0.565044446 L17.6201618,0.565044446 L17.6201618,1.11471353 L18.6849054,1.11471353 L18.6849054,1.62978806 L17.6201618,1.62978806 L17.6201618,2.21020787 L18.861722,2.21020787 L18.861722,2.72912624 L17.0358981,2.72912624 L17.0358981,0.0461260773 L18.861722,0.0461260773 Z M21.1539318,0.0461260773 C21.2769353,0.0461260773 21.3884056,0.066626351 21.4883459,0.107627514 C21.5882862,0.148628676 21.6734905,0.20692633 21.7439612,0.282522223 C21.814432,0.358118117 21.8688858,0.448447448 21.9073244,0.553512927 C21.945763,0.658578406 21.964982,0.775173713 21.964982,0.903302346 C21.964982,1.08524501 21.9246221,1.24412213 21.8439011,1.37993848 C21.76318,1.51575483 21.640819,1.6144124 21.4768144,1.67591414 L22.0034204,2.72912624 L21.3538115,2.72912624 L20.8848631,1.74510326 L20.4658845,1.74510326 L20.4658845,2.72912624 L19.8816209,2.72912624 L19.8816209,0.0461260773 L21.1539318,0.0461260773 Z M1.23771641,0.576575966 L1.21849721,0.576575966 L0.922521545,1.59519351 L1.53753591,1.59519351 L1.23771641,0.576575966 Z M21.0808989,0.553512927 L20.4658845,0.553512927 L20.4658845,1.25309177 L21.0808989,1.25309177 C21.1680264,1.25309177 21.2365741,1.23066959 21.2865443,1.18582457 C21.3365145,1.14097955 21.3614992,1.07499429 21.3614992,0.987866821 L21.3614992,0.818737871 C21.3614992,0.731610401 21.3365145,0.665625145 21.2865443,0.620780123 C21.2365741,0.575935101 21.1680264,0.553512927 21.0808989,0.553512927 Z"></path></clipPath><clipPath id="i18"><path d="M60.4239987,0 L60.4239987,33.2431851 L0,33.2431851 L0,0 L30.2119993,14.5723551 L60.4239987,0 Z"></path></clipPath><linearGradient id="i19" x1="30.2119993px" y1="33.2431851px" x2="30.2119993px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i20"><path d="M25.2346799,1.03151456 L46.5557573,20.012822 C47.1563598,20.5475145 47.2097904,21.467853 46.6750979,22.0684556 C46.398817,22.3787928 46.0031108,22.556309 45.5876108,22.556309 L1.45599997,22.556309 C0.65187339,22.556309 -1.01174592e-15,21.9044356 -1.11022302e-15,21.1003091 C-1.16110711e-15,20.684809 0.17751623,20.2891028 0.487853441,20.012822 L21.8089309,1.03151456 C22.7854008,0.162202233 24.25821,0.162202233 25.2346799,1.03151456 Z"></path></clipPath><linearGradient id="i21" x1="23.521813px" y1="22.556309px" x2="23.521813px" y2="0px" gradientUnits="userSpaceOnUse"><stop stop-color="#80A6F1" offset="0%"></stop><stop stop-color="#B5CDFF" offset="100%"></stop></linearGradient><clipPath id="i22"><path d="M21.8399995,0 C22.2420628,2.06876579e-15 22.5679995,0.325936695 22.5679995,0.727999984 L22.5679995,15.2879997 C22.5679995,15.690063 22.2420628,16.0159997 21.8399995,16.0159997 L0.727999984,16.0159997 C0.325936695,16.0159997 -5.0587296e-16,15.690063 0,15.2879997 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,1.8488013e-16 0.727999984,0 L21.8399995,0 Z"></path></clipPath><linearGradient id="i23" x1="11.2839998px" y1="4.90348568e-16px" x2="11.2839998px" y2="16.0159997px" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD7DA" offset="0%"></stop><stop stop-color="#FF8A94" offset="100%"></stop></linearGradient><clipPath id="i24"><path d="M2.91199994,0 C3.31406323,3.71644744e-17 3.63999992,0.325936695 3.63999992,0.727999984 L3.63999992,29.8479994 C3.63999992,30.2500626 3.31406323,30.5759993 2.91199994,30.5759993 L0.727999984,30.5759993 C0.325936695,30.5759993 2.0133102e-15,30.2500626 0,29.8479994 L0,0.727999984 C-4.9238552e-17,0.325936695 0.325936695,7.39991643e-16 0.727999984,0 L2.91199994,0 Z"></path></clipPath><linearGradient id="i25" x1="1.67562148px" y1="1.52042937px" x2="1.67562148px" y2="30.5759993px" gradientUnits="userSpaceOnUse"><stop stop-color="#FF95A8" offset="0%"></stop><stop stop-color="#DF4D68" offset="100%"></stop></linearGradient><clipPath id="i26"><path d="M3.27599993,0 C5.08528473,0 6.55199986,1.46671513 6.55199986,3.27599993 C6.55199986,5.08528473 5.08528473,6.55199986 3.27599993,6.55199986 C1.46671513,6.55199986 0,5.08528473 0,3.27599993 C0,1.46671513 1.46671513,0 3.27599993,0 Z"></path></clipPath></defs><g transform="translate(2.0 1.0)"><g transform="translate(26.291999422073204 7.784000324726044)"><g clip-path="url(#i0)"><polygon points="0,0 119.391997,0 119.391997,64.0639986 0,64.0639986 0,0" stroke="none" fill="url(#i1)"></polygon></g></g><g transform="translate(27.495999424934315 7.784000324726044)"><g clip-path="url(#i2)"><polygon points="0,0 41.1039991,0 41.1039991,64.0639986 0,64.0639986 0,0" stroke="none" fill="url(#i3)"></polygon></g></g><g transform="translate(73.33999838352156 76.94399882984133)"><g transform="translate(9.66000161647844 0.0560011701586518)"><g opacity="90.0000036%"><g clip-path="url(#i4)"><polygon points="0,0 13,0 13,70 0,70 0,0" stroke="none" fill="url(#i5)"></polygon><g transform="translate(0.0 14.0)"><polygon points="13,0 0,0 0,-14 13,-14 13,0 13,0" stroke="none" fill="rgba(97, 139, 223, 0.7)"></polygon></g></g></g></g><g transform="translate(0.6600016164784392 0.0560011701586518)"><g opacity="90.0000036%"><g clip-path="url(#i6)"><polygon points="0,0 9,0 9,70 0,70 0,0" stroke="none" fill="url(#i7)"></polygon><g transform="translate(0.0 14.0)"><polygon points="9,0 0,0 0,-14 9,-14 9,0 9,0" stroke="none" fill="rgba(75, 116, 201, 0.7)"></polygon></g></g></g></g></g><g transform="translate(12.599999785423279 71.84799893999077)"><g clip-path="url(#i8)"><polygon points="0,0 72.7999984,0 72.7999984,5.09599989 0,5.09599989 0,0" stroke="none" fill="#6A95EA"></polygon></g><g transform="translate(55.99999871253968 0.0)"><g clip-path="url(#i9)"><polygon points="0,0 77.0839983,0 77.0839983,5.09599989 0,5.09599989 0,0" stroke="none" fill="#95B5F7"></polygon></g></g></g><g transform="translate(0.19599997329704166 19.90800009155265)"><g clip-path="url(#i10)"><polygon points="0,0 60.4239987,0 60.4239987,58.2399987 0,58.2399987 0,0" stroke="none" fill="url(#i11)"></polygon></g><g transform="translate(3.9360000257491734 3.0079998269080797)"><g transform="translate(0.5100747341529566 0.0)"><g clip-path="url(#i12)"><polygon points="0,0 28.5611597,0 28.5611597,9.82530291 0,9.82530291 0,0" stroke="none" fill="url(#i13)"></polygon></g></g><g transform="translate(45.718396373558065 0.0) scale(-1.0 1.0)"><g clip-path="url(#i14)"><polygon points="0,0 43.0975968,0 43.0975968,41.963289 0,41.963289 0,0" stroke="none" fill="url(#i15)"></polygon></g></g><g transform="translate(14.0 15.0)"><g transform="translate(0.19784397813067578 0.10229217886434983)"><g transform="translate(0.0 1.0)"><polygon points="27.0261341,-1.02237376 27.8719262,7.20487644 -0.259526609,7.8946933 -1.10531869,-0.332556902 27.0261341,-1.02237376 27.0261341,-1.02237376" stroke="none" fill="#2B4BA9"></polygon></g><g clip-path="url(#i16)"><polygon points="0,0 26.7666075,0 26.7666075,6.87231954 0,6.87231954 0,0" stroke="none" fill="#528AFA"></polygon></g></g><g transform="translate(2.3075842545387886 2.476792512525163)"><g clip-path="url(#i17)"><polygon points="0,0 22.0034204,0 22.0034204,2.77525231 0,2.77525231 0,0" stroke="none" fill="#FFFFFF"></polygon><polygon points="0,0 22.0034204,0 22.0034204,2.77525231 0,2.77525231 0,0" stroke="none" fill="#FFFFFF"></polygon></g></g></g></g><g transform="translate(0.0 24.996813618989023)"><g clip-path="url(#i18)"><polygon points="0,0 60.4239987,0 60.4239987,33.2431851 0,33.2431851 0,0" stroke="none" fill="url(#i19)"></polygon></g></g><g transform="translate(6.69019398361203 35.68368971098083)"><g clip-path="url(#i20)"><polygon points="-1.11022302e-15,0.379530314 47.0436259,0.379530314 47.0436259,22.556309 -1.11022302e-15,22.556309 -1.11022302e-15,0.379530314" stroke="none" fill="url(#i21)"></polygon></g></g></g><g transform="translate(108.6679973950384 0.0)"><g transform="translate(5.095999889850599 0.0)"><g clip-path="url(#i22)"><polygon points="0,0 22.5679995,0 22.5679995,16.0159997 0,16.0159997 0,0" stroke="none" fill="url(#i23)"></polygon></g></g><g transform="translate(1.455999968528743 0.0)"><g clip-path="url(#i24)"><polygon points="0,0 3.63999992,0 3.63999992,30.5759993 0,30.5759993 0,0" stroke="none" fill="url(#i25)"></polygon></g></g><g transform="translate(0.0 26.93599941778175)"><g clip-path="url(#i26)"><polygon points="0,0 6.55199986,0 6.55199986,6.55199986 0,6.55199986 0,0" stroke="none" fill="#6A95EA"></polygon></g></g></g></g></svg>`;
+
 const expenses = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
   <defs>
     <rect id="declaraties-a" width="400" height="400" x="0" y="0"/>
@@ -1407,6 +1409,7 @@ const illustrations = {
   'sick-leave': sickLeave,
   'time-off': timeOff,
   'upgrade-to-hr': upgradeToHr,
+  'e-mail': email,
 };
 
 const Illustration = class {
@@ -1418,6 +1421,6 @@ const Illustration = class {
         return index.h(index.Host, { class: "p-illustration block", innerHTML: illustration });
     }
 };
-Illustration.style = '/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.block{display:block!important}';
+Illustration.style = '.block{display:block!important}*{box-sizing:border-box}';
 
 exports.p_illustration = Illustration;

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b6e08cc.js');
+const index = require('./index-cf92051a.js');
 
-const infoPanelComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute!important}.relative{position:relative!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
+const infoPanelComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";
 
 const InfoPanel = class {
   constructor(hostRef) {