@paperless/core 0.1.0-alpha.8 → 0.1.0-alpha.80

package/dist/components/p-card-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PCardContainer extends Components.PCardContainer, HTMLElement {}
+export const PCardContainer: {
+  prototype: PCardContainer;
+  new (): PCardContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-card-container.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important}.shadow-4,.shadow-5{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-5{--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important}.shadow-transparent{--tw-shadow-color:transparent!important;--tw-shadow:var(--tw-shadow-colored)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}:host([shadow=false]){--tw-shadow-color:transparent!important;--tw-shadow:var(--tw-shadow-colored)!important}";
+
+const CardContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the card should be hoverable
+     */
+    this.hoverable = false;
+    /**
+     * Wether the card should have shadow
+     */
+    this.shadow = true;
+  }
+  render() {
+    return (h(Host, { class: "p-card-container" }, h("slot", null)));
+  }
+  static get style() { return cardContainerComponentCss; }
+}, [1, "p-card-container", {
+    "hoverable": [516],
+    "shadow": [516]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-card-container"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-card-container":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardContainer);
+      }
+      break;
+  } });
+}
+
+const PCardContainer = CardContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCardContainer, defineCustomElement };

package/dist/components/p-card-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PCardHeader extends Components.PCardHeader, HTMLElement {}
+export const PCardHeader: {
+  prototype: PCardHeader;
+  new (): PCardHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-card-header.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!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}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!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}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-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}";
+
+const CardHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Enable the title arrow
+     */
+    this.arrow = false;
+  }
+  render() {
+    var _a, _b;
+    return (h(Host, { class: "p-card-header" }, h("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (h("div", { class: "title" }, (_b = this.header) !== null && _b !== void 0 ? _b : '', this.arrow && h("p-icon", { variant: "arrow" }))), h("slot", { name: "suffix" })));
+  }
+  static get style() { return cardHeaderComponentCss; }
+}, [4, "p-card-header", {
+    "header": [1],
+    "arrow": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-card-header", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-card-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardHeader);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PCardHeader = CardHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCardHeader, defineCustomElement };

package/dist/components/p-counter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PCounter extends Components.PCounter, HTMLElement {}
+export const PCounter: {
+  prototype: PCounter;
+  new (): PCounter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-counter.js

@@ -0,0 +1,6 @@
+import { C as Counter, d as defineCustomElement$1 } from './counter.component.js';
+
+const PCounter = Counter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCounter, defineCustomElement };

package/dist/components/p-divider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PDivider extends Components.PDivider, HTMLElement {}
+export const PDivider: {
+  prototype: PDivider;
+  new (): PDivider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-divider.js

@@ -0,0 +1,6 @@
+import { D as Divider, d as defineCustomElement$1 } from './divider.component.js';
+
+const PDivider = Divider;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDivider, defineCustomElement };

package/dist/components/p-dropdown-menu-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PDropdownMenuContainer extends Components.PDropdownMenuContainer, HTMLElement {}
+export const PDropdownMenuContainer: {
+  prototype: PDropdownMenuContainer;
+  new (): PDropdownMenuContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-dropdown-menu-container.js

@@ -0,0 +1,6 @@
+import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './dropdown-menu-container.component.js';
+
+const PDropdownMenuContainer = DropdownMenuContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdownMenuContainer, defineCustomElement };

package/dist/components/p-dropdown-menu-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PDropdownMenuItem extends Components.PDropdownMenuItem, HTMLElement {}
+export const PDropdownMenuItem: {
+  prototype: PDropdownMenuItem;
+  new (): PDropdownMenuItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-dropdown-menu-item.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const dropdownMenuItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host(: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))}";
+
+const DropdownMenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the dropdown menu item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-dropdown-menu-item ${this.active && 'active'}` }, h("slot", null)));
+  }
+  static get style() { return dropdownMenuItemComponentCss; }
+}, [1, "p-dropdown-menu-item", {
+    "active": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-dropdown-menu-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-dropdown-menu-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DropdownMenuItem);
+      }
+      break;
+  } });
+}
+
+const PDropdownMenuItem = DropdownMenuItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdownMenuItem, defineCustomElement };

package/dist/components/p-dropdown.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PDropdown extends Components.PDropdown, HTMLElement {}
+export const PDropdown: {
+  prototype: PDropdown;
+  new (): PDropdown;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-dropdown.js

@@ -0,0 +1,166 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './dropdown-menu-container.component.js';
+import { c as createPopper } from './popper.js';
+
+const childOf = (c, p) => {
+  while ((c = c.parentNode) && c !== p)
+    ;
+  return !!c;
+};
+
+const dropdownComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-auto{height:auto!important}.w-auto{width:auto!important}*{box-sizing:border-box}:host .trigger{display:inline-block;height:auto;width:auto}:host p-dropdown-menu-container{display:none}:host p-dropdown-menu-container[data-show]{display:flex}";
+
+const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.isOpen = createEvent(this, "isOpen", 7);
+    /**
+     * The content of the dropdown menu
+     */
+    this.placement = 'bottom';
+    /**
+     * Wether to show the dropdown menu
+     */
+    this.show = 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;
+    this._loaded = false;
+  }
+  componentShouldUpdate() {
+    this._setOptions();
+    if (this._loaded && this.show) {
+      this._show();
+    }
+  }
+  render() {
+    return (h(Host, { class: "p-dropdown" }, h("div", { class: "trigger", onClick: () => this._triggerClickHandler() }, h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), h("p-dropdown-menu-container", { role: "popover", ref: (el) => this._load(el), onClick: () => this._containerClickHandler() }, h("slot", { name: "items" }))));
+  }
+  _checkButton({ target }) {
+    const slot = target;
+    const children = slot.assignedElements();
+    for (let child of children) {
+      if (child.nodeName === 'P-BUTTON') {
+        child.chevron =
+          this.placement === 'top' ? 'up' : 'down';
+      }
+    }
+  }
+  _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();
+  }
+  documentClickHandler({ target }) {
+    if (!this._menu.hasAttribute('data-show') ||
+      childOf(target, this._el)) {
+      return;
+    }
+    this._hide();
+  }
+  _load(popover) {
+    this._menu = popover;
+    if (popover) {
+      this._popper = createPopper(this._el, popover);
+      this._setOptions();
+      this._loaded = true;
+      if (this.show) {
+        setTimeout(() => this._show(), 100);
+      }
+    }
+  }
+  _setOptions() {
+    if (!this._popper) {
+      return;
+    }
+    this._popper.setOptions({
+      placement: `${this.placement}-start`,
+      modifiers: [
+        {
+          name: 'offset',
+          options: {
+            offset: [0, 8],
+          },
+        },
+      ],
+    });
+  }
+  _show() {
+    if (!this._loaded) {
+      return;
+    }
+    // Make the popover visible
+    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 this; }
+  static get style() { return dropdownComponentCss; }
+}, [1, "p-dropdown", {
+    "placement": [1],
+    "show": [4],
+    "insideClick": [4, "inside-click"],
+    "disableTriggerClick": [4, "disable-trigger-click"]
+  }, [[6, "click", "documentClickHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-dropdown", "p-dropdown-menu-container"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-dropdown":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Dropdown);
+      }
+      break;
+    case "p-dropdown-menu-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PDropdown = Dropdown;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdown, defineCustomElement };

package/dist/components/p-helper.js

@@ -1,37 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './tooltip.component.js';
-
-const helperComponentCss = "/*! 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: }.inline-block{display:inline-block!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}:host .helper{background-image:url(/assets/images/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-hover.svg)}.static{position:static!important}.visible{visibility:visible!important}.blur{--tw-blur:blur(8px)!important;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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, { class: "p-helper" }, h("p-tooltip", null, h("div", { slot: "tooltip" }, h("slot", null)), h("div", { slot: "content", class: "helper" }))));
-  }
-  static get style() { return helperComponentCss; }
-}, [1, "p-helper"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-helper", "p-tooltip"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-helper":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Helper);
-      }
-      break;
-    case "p-tooltip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { H as Helper, d as defineCustomElement$1 } from './helper.component.js';
 
 const PHelper = Helper;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-illustration.js

@@ -220,6 +220,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"/>
@@ -1403,16 +1405,13 @@ const illustrations = {
   'sick-leave': sickLeave,
   'time-off': timeOff,
   'upgrade-to-hr': upgradeToHr,
+  'e-mail': email,
 };
 
 const Illustration = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * The icon the be displayed
-     */
-    this.variant = null;
   }
   render() {
     const illustration = illustrations[this.variant];

package/dist/components/p-info-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PInfoPanel extends Components.PInfoPanel, HTMLElement {}
+export const PInfoPanel: {
+  prototype: PInfoPanel;
+  new (): PInfoPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-info-panel.js

@@ -0,0 +1,56 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The variant of the info panel
+     */
+    this.variant = 'info';
+    /**
+     * Wether the panel can be closed
+     */
+    this.closeable = false;
+  }
+  render() {
+    return (h(Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { class: "header" }, h("slot", { name: "header" })), h("div", { class: "content" }, h("slot", { name: "content" })), this.closeable && (h("div", { class: "close", onClick: () => this._close() }, h("p-icon", { variant: "negative" })))));
+  }
+  _close() {
+    this._el.remove();
+  }
+  get _el() { return this; }
+  static get style() { return infoPanelComponentCss; }
+}, [1, "p-info-panel", {
+    "variant": [1],
+    "header": [1],
+    "content": [1],
+    "closeable": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-info-panel", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-info-panel":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, InfoPanel);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PInfoPanel = InfoPanel;
+const defineCustomElement = defineCustomElement$1;
+
+export { PInfoPanel, defineCustomElement };

package/dist/components/p-input-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PInputGroup extends Components.PInputGroup, HTMLElement {}
+export const PInputGroup: {
+  prototype: PInputGroup;
+  new (): PInputGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;