@paperless/core 2.0.1-beta.3 → 2.0.1-beta.30

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

@@ -0,0 +1,228 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-ef421825.js');
+const index$1 = require('./index-b556e70f.js');
+require('./clsx-fc789adc.js');
+
+const helperComponentCss = ".inline-block{display:inline-block!important}.h-\\[0\\.75rem\\]{height:.75rem!important}.w-\\[0\\.75rem\\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}: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)}.static{position:static!important}.absolute{position:absolute!important}";
+const PHelperStyle0 = helperComponentCss;
+
+const Helper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.strategy = 'absolute';
+        this.placement = 'top';
+    }
+    render() {
+        return (index.h(index.Host, { key: '540f0bec4dd767c4be84ec5973d25bae8863f55e', class: 'p-helper' }, index.h("p-tooltip", { key: 'f814314bc2a7f9751c57db8a1cda799a3b195fa1', placement: this.placement, strategy: this.strategy }, index.h("div", { key: '999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d', slot: 'content' }, index.h("slot", { key: '9fb3ed56f75111c8560a8b877dbfd58aedaa2530' })), index.h("div", { key: 'b8b9b5ca2ce68040531c071e1d24d8dab049321d', slot: 'trigger', class: 'helper' }))));
+    }
+};
+Helper.style = PHelperStyle0;
+
+const tooltipComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
+const PTooltipStyle0 = tooltipComponentCss;
+
+const popover = index$1.cva([
+    'inline-block px-2',
+    'text-xs',
+    'opacity-0 drop-shadow-3 transition-opacity',
+    'rounded-lg',
+    'z-tooltip',
+    'pointer-events-none',
+], {
+    variants: {
+        variant: {
+            hover: 'bg-black-teal text-white py-1',
+            click: null,
+            error: 'max-w-full w-full',
+        },
+        strategy: {
+            none: null,
+            fixed: 'fixed',
+            absolute: 'absolute',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: ['hover', 'click'],
+            class: 'max-w-[14.5rem] w-max',
+        },
+        {
+            variant: ['click', 'error'],
+            class: 'bg-white text-black-teal-300 py-2',
+        },
+    ],
+});
+const portal = index$1.cva('', {
+    variants: {
+        strategy: {
+            fixed: 'fixed',
+            absolute: 'absolute',
+        },
+    },
+});
+const Tooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isOpen = index.createEvent(this, "isOpen", 3);
+        this.variant = 'hover';
+        this.content = null;
+        this.placement = undefined;
+        this.offset = 8;
+        this.strategy = 'absolute';
+        this.enableUserInput = true;
+        this.show = false;
+        this.usePortal = false;
+        this.canManuallyClose = true;
+    }
+    /**
+     * Open change event
+     */
+    isOpen;
+    get _el() { return index.getElement(this); }
+    _hasContentSlot = false;
+    _loaded = false;
+    _popover;
+    _cleanup;
+    componentWillLoad() {
+        this._hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
+    }
+    componentShouldUpdate() {
+        this._update();
+    }
+    disconnectedCallback() {
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+    }
+    render() {
+        const tooltipProps = {
+            role: 'popover',
+            'data-placement': this.placement,
+            ref: el => this._load(el),
+        };
+        let tooltip;
+        const tooltipElement = (index.h("div", { key: '086fbd964ddc2914b0b633efadb5a62f8c7bce9d', class: popover({
+                variant: this.variant,
+                strategy: this.usePortal ? 'none' : this.strategy,
+            }), ...(this.usePortal ? {} : tooltipProps) }, index.h("div", { key: '735fda5ffdfd921a30aff040a5d375b3549c2bcf', class: 'flex gap-2' }, this.variant === 'error' && (index.h("div", { key: '4b9d15edf55f573e186187e77153ebdf61238d3b', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : index.h("slot", { name: 'content' }))));
+        if (this.usePortal) {
+            tooltip = (index.h("p-portal", { key: '95165b3ba45d1239852ded68fdf2563dff28feaa', class: portal({
+                    strategy: this.strategy,
+                }), ...tooltipProps }, tooltipElement));
+        }
+        else {
+            tooltip = tooltipElement;
+        }
+        return (index.h(index.Host, { key: '1546f57d5a8e1ca2b150bda7ea4301897adf3c2e', class: 'p-popover flex cursor-pointer' }, index.h("div", { key: 'ae7486c76570e3a3e02d4d03d55395154193010d', class: 'relative h-inherit w-inherit' }, index.h("slot", { key: '96d8f0b32eff4ef163f5fa83fe623bf3e29c96a8', name: 'trigger' }), tooltip)));
+    }
+    clickHandler() {
+        if (this.variant === 'hover' || !this.enableUserInput) {
+            return;
+        }
+        if (this._popover.hasAttribute('data-show')) {
+            return;
+        }
+        this._show();
+    }
+    documentClickHandler() {
+        if (this.variant === 'hover' || !this.canManuallyClose || this.show) {
+            return;
+        }
+        if (!this._popover.hasAttribute('data-show')) {
+            return;
+        }
+        this._hide();
+    }
+    mouseEnterHandler() {
+        if (this.variant !== 'hover' || !this.enableUserInput) {
+            return;
+        }
+        this._show();
+    }
+    mouseLeaveHandler() {
+        if (this.show || this.variant !== 'hover' || !this.enableUserInput) {
+            return;
+        }
+        this._hide();
+    }
+    onShowChange(show) {
+        if (show && !this._popover.hasAttribute('data-show')) {
+            return this._show();
+        }
+        return this._hide();
+    }
+    _show() {
+        if (!this._loaded) {
+            return;
+        }
+        if (!this.content?.length && !this._hasContentSlot) {
+            if (this._popover.hasAttribute('data-show')) {
+                this._hide();
+            }
+            return;
+        }
+        this._cleanup = floatingUi_dom_esm.autoUpdate(this._el, this._popover, () => this._update());
+        // Make the popover visible
+        this._popover.setAttribute('data-show', '');
+        this._popover.classList.remove('opacity-0', 'pointer-events-none');
+        this._popover.classList.add('opacity-100', 'pointer-events-auto');
+        // Update its position
+        this.isOpen.emit(true);
+    }
+    _hide() {
+        if (!this._loaded) {
+            return;
+        }
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+        // Hide the popover
+        this._popover.removeAttribute('data-show');
+        this._popover.classList.remove('opacity-100', 'pointer-events-auto');
+        this._popover.classList.add('opacity-0', 'pointer-events-none');
+        this.isOpen.emit(false);
+    }
+    _load(popover) {
+        this._popover = popover;
+        if (popover) {
+            this._update();
+            this._loaded = true;
+            if (this.show) {
+                setTimeout(() => this._show(), 100);
+            }
+        }
+    }
+    _update() {
+        if (!this._popover) {
+            return;
+        }
+        floatingUi_dom_esm.computePosition(this._el, this._popover, {
+            placement: this.variant === 'error' && !this.placement
+                ? 'bottom-start'
+                : this.placement ?? 'top',
+            strategy: this.strategy,
+            middleware: [floatingUi_dom_esm.offset(this.offset), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift()],
+        }).then(({ x, y, placement }) => {
+            this._popover.dataset.placement = placement;
+            Object.assign(this._popover.style, {
+                top: `${y}px`,
+                left: `${x}px`,
+            });
+        });
+    }
+    static get watchers() { return {
+        "show": ["onShowChange"]
+    }; }
+};
+Tooltip.style = PTooltipStyle0;
+
+exports.p_helper = Helper;
+exports.p_tooltip = Tooltip;
+
+//# sourceMappingURL=p-helper_2.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"p-helper.p-tooltip.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,4lBAA4lB,CAAC;AACxnB,sBAAe,kBAAkB;;MCOpB,MAAM;;;wBAIW,UAAU;yBAKR,KAAK;;IAEpC,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,UAAU,IACrBD,wEACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBA,kEAAK,IAAI,EAAC,SAAS,IAClBA,oEAAQ,CACH,EAENA,kEACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,QAAQ,GACR,CACI,CACN,EACN;KACF;;;;ACrCF,MAAM,mBAAmB,GAAG,+oEAA+oE,CAAC;AAC5qE,uBAAe,mBAAmB;;ACqBlC,MAAM,OAAO,GAAGE,WAAG,CAClB;IACC,mBAAmB;IACnB,SAAS;IACT,4CAA4C;IAC5C,YAAY;IAEZ,WAAW;IACX,qBAAqB;CACrB,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,+BAA+B;YACtC,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,mBAAmB;SAC1B;QACD,QAAQ,EAAE;YACT,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,UAAU;SACpB;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;YAC3B,KAAK,EAAE,uBAAuB;SAC9B;QACD;YACC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;YAC3B,KAAK,EAAE,mCAAmC;SAC1C;KACD;CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAGA,WAAG,CAAC,EAAE,EAAE;IACtB,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,UAAU;SACpB;KACD;CACD,CAAC,CAAC;MAOU,OAAO;;;;uBAI4B,OAAO;uBAK/B,IAAI;;sBAUF,CAAC;wBAKG,UAAU;+BAKJ,IAAI;oBAKf,KAAK;yBAKA,KAAK;gCAKE,IAAI;;;;;IAQxC,MAAM,CAAwB;;IAOtB,eAAe,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,KAAK,CAAC;IAChB,QAAQ,CAAc;IACtB,QAAQ,CAAa;IAE7B,iBAAiB;QAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;KACF;IAED,qBAAqB;QACpB,IAAI,CAAC,OAAO,EAAE,CAAC;KACf;IAED,oBAAoB;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;KACD;IAED,MAAM;QACL,MAAM,YAAY,GAAG;YACpB,IAAI,EAAE,SAAS;YACf,gBAAgB,EAAE,IAAI,CAAC,SAAS;YAChC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;SACzB,CAAC;QAEF,IAAI,OAAoB,CAAC;QAEzB,MAAM,cAAc,IACnBF,kEACC,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC,QAAQ;aACjD,CAAC,MACG,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,YAAY,CAAC,IAExCA,kEAAK,KAAK,EAAC,YAAY,IACrB,IAAI,CAAC,OAAO,KAAK,OAAO,KACxBA,kEAAK,KAAK,EAAC,yBAAyB,GAAO,CAC3C,EACA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAG,CACjD,CACD,CACN,CAAC;QAEF,IAAI,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO,IACNA,uEACC,KAAK,EAAE,MAAM,CAAC;oBACb,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACvB,CAAC,KACE,YAAY,IAEf,cAAc,CACL,CACX,CAAC;SACF;aAAM;YACN,OAAO,GAAG,cAAc,CAAC;SACzB;QAED,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,+BAA+B,IAC1CD,kEAAK,KAAK,EAAC,8BAA8B,IACxCA,mEAAM,IAAI,EAAC,SAAS,GAAG,EACtB,OAAO,CACH,CACA,EACN;KACF;IAGS,YAAY;QACrB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD,OAAO;SACP;QAED,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC5C,OAAO;SACP;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;KACb;IAGS,oBAAoB;QAC7B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE;YACpE,OAAO;SACP;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC7C,OAAO;SACP;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;KACb;IAIS,iBAAiB;QAC1B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD,OAAO;SACP;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;KACb;IAIS,iBAAiB;QAC1B,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnE,OAAO;SACP;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;KACb;IAGD,YAAY,CAAC,IAAa;QACzB,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YACrD,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;SACpB;QAED,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;KACpB;IAEO,KAAK;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB,OAAO;SACP;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnD,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC5C,IAAI,CAAC,KAAK,EAAE,CAAC;aACb;YAED,OAAO;SACP;QAED,IAAI,CAAC,QAAQ,GAAGG,6BAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;;QAE1E,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAE5C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;;QAGlE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACvB;IAEO,KAAK;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB,OAAO;SACP;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;;QAGD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QAE3C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAC;QAEhE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxB;IAEO,KAAK,CAAC,OAAoB;QACjC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACd,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;aACpC;SACD;KACD;IAEO,OAAO;QACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB,OAAO;SACP;QAEDC,kCAAe,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACxC,SAAS,EACR,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;kBACxC,cAAc;kBACd,IAAI,CAAC,SAAS,IAAI,KAAK;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAEvB,UAAU,EAAE,CAACC,yBAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAEC,uBAAI,EAAE,EAAEC,wBAAK,EAAE,CAAC;SAClD,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE;YAC3B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YAC5C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;gBAClC,GAAG,EAAE,GAAG,CAAC,IAAI;gBACb,IAAI,EAAE,GAAG,CAAC,IAAI;aACd,CAAC,CAAC;SACH,CAAC,CAAC;KACH;;;;;;;;;;","names":["h","Host","cva","autoUpdate","computePosition","offset","flip","shift"],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply leading-3;\n\n\t.helper {\n\t\t@apply inline-block h-[0.75rem] w-[0.75rem] cursor-pointer bg-center bg-no-repeat;\n\t\tbackground-image: url(/assets/images/helper/helper.svg);\n\n\t\t&:hover {\n\t\t\tbackground-image: url(/assets/images/helper/helper-hover.svg);\n\t\t}\n\t}\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}

package/dist/cjs/p-iban-icon.cjs.entry.js

@@ -2,44 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
-const iban = require('./iban-71055b2d.js');
+const index = require('./index-3f9bbc0c.js');
+const iban = require('./iban-ab94c561.js');
 
 const IbanIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.iban = undefined;
-    this.variant = undefined;
-  }
-  render() {
-    var _a;
-    let variant = this.variant;
-    if ((_a = this.iban) === null || _a === void 0 ? void 0 : _a.length) {
-      variant = this.iban.slice(4, 8).toLowerCase();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.iban = undefined;
+        this.variant = undefined;
     }
-    const exists = iban.IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-    return (exists && (index.h(index.Host, { class: 'p-iban-icon' }, this._getIcon(variant))));
-  }
-  _getIcon(variant) {
-    switch (variant) {
-      case 'abna':
-        return index.h("img", { src: './assets/iban-icons/icon-abn.svg' });
-      case 'rabo':
-        return index.h("img", { src: './assets/iban-icons/icon-rabo.svg' });
-      case 'ingb':
-        return index.h("img", { src: './assets/iban-icons/icon-ing.svg' });
-      case 'bunq':
-        return index.h("img", { src: './assets/iban-icons/icon-bunq.svg' });
-      case 'asnb':
-        return index.h("img", { src: './assets/iban-icons/icon-asn.svg' });
-      case 'trio':
-        return index.h("img", { src: './assets/iban-icons/icon-triodos.svg' });
-      case 'knab':
-        return index.h("img", { src: './assets/iban-icons/icon-knab.svg' });
-      case 'snsb':
-        return index.h("img", { src: './assets/iban-icons/icon-sns.svg' });
+    render() {
+        let variant = this.variant;
+        if (this.iban?.length) {
+            variant = this.iban.slice(4, 8).toLowerCase();
+        }
+        const exists = iban.IBAN_ICON_VARIANTS_ARRAY.includes(variant);
+        return (exists && (index.h(index.Host, { key: 'd11fd313b8f14f6bcf6054cba53a15d11a6e543a', class: 'p-iban-icon' }, this._getIcon(variant))));
+    }
+    _getIcon(variant) {
+        switch (variant) {
+            case 'abna':
+                return index.h("img", { src: './assets/iban-icons/icon-abn.svg' });
+            case 'rabo':
+                return index.h("img", { src: './assets/iban-icons/icon-rabo.svg' });
+            case 'ingb':
+                return index.h("img", { src: './assets/iban-icons/icon-ing.svg' });
+            case 'bunq':
+                return index.h("img", { src: './assets/iban-icons/icon-bunq.svg' });
+            case 'asnb':
+                return index.h("img", { src: './assets/iban-icons/icon-asn.svg' });
+            case 'trio':
+                return index.h("img", { src: './assets/iban-icons/icon-triodos.svg' });
+            case 'knab':
+                return index.h("img", { src: './assets/iban-icons/icon-knab.svg' });
+            case 'snsb':
+                return index.h("img", { src: './assets/iban-icons/icon-sns.svg' });
+        }
     }
-  }
 };
 
 exports.p_iban_icon = IbanIcon;

package/dist/cjs/p-iban-icon.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-iban-icon.entry.cjs.js","mappings":";;;;;;;MAOa,QAAQ;;;;;;EAWpB,MAAM;;IACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;IAEnC,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EAAE;MACtB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC9C;IAED,MAAM,MAAM,GAAGA,6BAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;IAEF,QACC,MAAM,KACLC,QAACC,UAAI,IAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,EACA;GACF;EAEO,QAAQ,CAAC,OAAwB;IACxC,QAAQ,OAAO;MACd,KAAK,MAAM;QACV,OAAOD,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;MAC3D,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;KACvD;GACD;;;;;","names":["IBAN_ICON_VARIANTS_ARRAY","h","Host"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-iban-icon.entry.cjs.js","mappings":";;;;;;;MAOa,QAAQ;;;;;;IAWpB,MAAM;QACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;QAEnC,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;YACtB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC9C;QAED,MAAM,MAAM,GAAGA,6BAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;QAEF,QACC,MAAM,KACLC,QAACC,UAAI,qDAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,EACA;KACF;IAEO,QAAQ,CAAC,OAAwB;QACxC,QAAQ,OAAO;YACd,KAAK,MAAM;gBACV,OAAOD,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;YAC3D,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAOA,iBAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;SACvD;KACD;;;;;","names":["IBAN_ICON_VARIANTS_ARRAY","h","Host"],"sources":["src/components/atoms/iban-icon/iban-icon.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/p-icon-deprecated.cjs.entry.js

@@ -2,59 +2,63 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
-const iconsDeprecated = require('./icons-deprecated-d4fd5f3e.js');
+const index = require('./index-3f9bbc0c.js');
+const iconsDeprecated = require('./icons-deprecated-4c476f5a.js');
 
 const iconComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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-25{--tw-rotate:-25deg!important}.-rotate-25,.-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-315,.-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-90,.rotate-0{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-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-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-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}.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}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";
+const PIconDeprecatedStyle0 = iconComponentCss;
 
 const Icon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = undefined;
-    this.size = 'auto';
-    this.rotate = 0;
-    this.flip = 'none';
-  }
-  render() {
-    const icon = iconsDeprecated.iconsDeprecated[this.variant];
-    const styles = {
-      'p-icon flex': true,
-      'text-auto': this.size === 'auto',
-      'text-xxs': this.size === 'xxs',
-      'text-xs': this.size === 'xs',
-      'text-sm': this.size === 'sm',
-      'text-base': this.size === 'base',
-      'text-lg': this.size === 'lg',
-      'text-xl': this.size === 'xl',
-      'text-2xl': this.size === '2xl',
-      'text-3xl': this.size === '3xl',
-      'text-4xl': this.size === '4xl',
-      transform: !!this.rotate || this.flip !== 'none',
-      'scale-x-flip': this.flip === 'horizontal',
-      'scale-y-flip': this.flip === 'vertical',
-      'rotate-0': this.rotate === 0,
-      'rotate-25': this.rotate === 25,
-      'rotate-45': this.rotate === 45,
-      'rotate-90': this.rotate === 90,
-      'rotate-135': this.rotate === 135,
-      'rotate-180': this.rotate === 180,
-      'rotate-225': this.rotate === 225,
-      'rotate-270': this.rotate === 270,
-      'rotate-315': this.rotate === 315,
-      '-rotate-0': this.rotate === -0,
-      '-rotate-25': this.rotate === -25,
-      '-rotate-45': this.rotate === -45,
-      '-rotate-90': this.rotate === -90,
-      '-rotate-135': this.rotate === -135,
-      '-rotate-180': this.rotate === -180,
-      '-rotate-225': this.rotate === -225,
-      '-rotate-270': this.rotate === -270,
-      '-rotate-315': this.rotate === -315,
-    };
-    return (index.h(index.Host, { class: styles, innerHTML: icon }));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = undefined;
+        this.size = 'auto';
+        this.rotate = 0;
+        this.flip = 'none';
+    }
+    componentDidLoad() {
+        console.warn('[p-icon-deprecated] Deprecated, please use p-icon');
+    }
+    render() {
+        const icon = iconsDeprecated.iconsDeprecated[this.variant];
+        const styles = {
+            'p-icon flex': true,
+            'text-auto': this.size === 'auto',
+            'text-xxs': this.size === 'xxs',
+            'text-xs': this.size === 'xs',
+            'text-sm': this.size === 'sm',
+            'text-base': this.size === 'base',
+            'text-lg': this.size === 'lg',
+            'text-xl': this.size === 'xl',
+            'text-2xl': this.size === '2xl',
+            'text-3xl': this.size === '3xl',
+            'text-4xl': this.size === '4xl',
+            transform: !!this.rotate || this.flip !== 'none',
+            'scale-x-flip': this.flip === 'horizontal',
+            'scale-y-flip': this.flip === 'vertical',
+            'rotate-0': this.rotate === 0,
+            'rotate-25': this.rotate === 25,
+            'rotate-45': this.rotate === 45,
+            'rotate-90': this.rotate === 90,
+            'rotate-135': this.rotate === 135,
+            'rotate-180': this.rotate === 180,
+            'rotate-225': this.rotate === 225,
+            'rotate-270': this.rotate === 270,
+            'rotate-315': this.rotate === 315,
+            '-rotate-0': this.rotate === -0,
+            '-rotate-25': this.rotate === -25,
+            '-rotate-45': this.rotate === -45,
+            '-rotate-90': this.rotate === -90,
+            '-rotate-135': this.rotate === -135,
+            '-rotate-180': this.rotate === -180,
+            '-rotate-225': this.rotate === -225,
+            '-rotate-270': this.rotate === -270,
+            '-rotate-315': this.rotate === -315,
+        };
+        return (index.h(index.Host, { key: '5dea07a6c18881f4b6b0ff852886c7ef36819530', class: styles, innerHTML: icon }));
+    }
 };
-Icon.style = iconComponentCss;
+Icon.style = PIconDeprecatedStyle0;
 
 exports.p_icon_deprecated = Icon;
 

package/dist/cjs/p-icon-deprecated.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-icon-deprecated.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H;;MCY52H,IAAI;;;;gBASgB,MAAM;kBAKN,CAAC;gBAKD,MAAM;;EAEtC,MAAM;IACL,MAAM,IAAI,GAAGA,+BAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;MAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACnC,CAAC;IAEF,QACCC,QAACC,UAAI,IACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;GACF;;;;;;","names":["iconsDeprecated","h","Host"],"sources":["src/components/atoms/icon-deprecated/icon.component.scss?tag=p-icon-deprecated","src/components/atoms/icon-deprecated/icon.component.tsx"],"sourcesContent":[":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport { iconsDeprecated } from '../../../utils/icons-deprecated';\nimport { IconFlipOptions } from '../icon/icon.component';\n\nexport type IconDeprecatedVariant = keyof typeof iconsDeprecated;\n\n@Component({\n\ttag: 'p-icon-deprecated',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconDeprecatedVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst icon = iconsDeprecated[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\ttransform: !!this.rotate || this.flip !== 'none',\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={styles}\n\t\t\t\tinnerHTML={icon}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-icon-deprecated.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,g2HAAg2H,CAAC;AAC13H,8BAAe,gBAAgB;;MCWlB,IAAI;;;;oBASgB,MAAM;sBAKN,CAAC;oBAKD,MAAM;;IAEtC,gBAAgB;QACf,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;KAClE;IAED,MAAM;QACL,MAAM,IAAI,GAAGA,+BAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,MAAM,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;YAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAChD,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;YAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;YACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;YAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;YACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;YACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;SACnC,CAAC;QAEF,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAI,GACR,EACP;KACF;;;;;;","names":["iconsDeprecated","h","Host"],"sources":["src/components/atoms/icon-deprecated/icon.component.scss?tag=p-icon-deprecated","src/components/atoms/icon-deprecated/icon.component.tsx"],"sourcesContent":[":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport { iconsDeprecated } from '../../../utils/icons-deprecated';\nimport { IconFlipOptions } from '../icon/icon.component';\n\nexport type IconDeprecatedVariant = keyof typeof iconsDeprecated;\n\n@Component({\n\ttag: 'p-icon-deprecated',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconDeprecatedVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\tcomponentDidLoad() {\n\t\tconsole.warn('[p-icon-deprecated] Deprecated, please use p-icon');\n\t}\n\n\trender() {\n\t\tconst icon = iconsDeprecated[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\ttransform: !!this.rotate || this.flip !== 'none',\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={styles}\n\t\t\t\tinnerHTML={icon}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,29 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!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,1));border-radius:.5rem;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,1));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem;white-space:pre-line}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));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,1))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
+const PInfoPanelStyle0 = infoPanelComponentCss;
 
 const InfoPanel = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closed = index.createEvent(this, "closed", 3);
-    this.variant = 'info';
-    this.header = undefined;
-    this.content = undefined;
-    this.closeable = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { class: 'header' }, index.h("slot", { name: 'header' })), index.h("div", { class: 'content' }, index.h("slot", { name: 'content' })), this.closeable && (index.h("div", { class: 'close', onClick: () => this._close() }, index.h("p-icon", { variant: 'negative' })))));
-  }
-  _close() {
-    this.closed.emit();
-    this._el.remove();
-  }
-  get _el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closed = index.createEvent(this, "closed", 3);
+        this.variant = 'info';
+        this.header = undefined;
+        this.content = undefined;
+        this.closeable = false;
+    }
+    /**
+     * When the backdrop is clicked
+     */
+    closed;
+    get _el() { return index.getElement(this); }
+    render() {
+        return (index.h(index.Host, { key: '06e687cc27ed5e2711653bf3bbb144736d240cec', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: 'e9f32e052c6d2afb81afb895815dcbbaaf1837cd', class: 'header' }, index.h("slot", { key: '005d9db44eb1b6792a16276e17307a0f803b7721', name: 'header' })), index.h("div", { key: '8ac2a1aa5250c1b6a07d85ee387a3967a9cd9b14', class: 'content' }, index.h("slot", { key: '5dbc41b6f56815b5c1d0997b52880a580ab1d054', name: 'content' })), this.closeable && (index.h("div", { key: 'fe63a4dbe2ca2ad4effad83fd7aceb96b1c2eb46', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: 'd248d67e00e7189a643f49120df2de57dd57ad16', variant: 'negative' })))));
+    }
+    _close() {
+        this.closed.emit();
+        this._el.remove();
+    }
 };
-InfoPanel.style = infoPanelComponentCss;
+InfoPanel.style = PInfoPanelStyle0;
 
 exports.p_info_panel = InfoPanel;
 

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

@@ -1 +1 @@
-{"file":"p-info-panel.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,03CAA03C;;MCe34C,SAAS;;;;mBAI4C,MAAM;;;qBAe1C,KAAK;;EAelC,MAAM;IACL,QACCA,QAACC,UAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE,IAEFD,iBAAK,KAAK,EAAC,QAAQ,IAClBA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,EACNA,iBAAK,KAAK,EAAC,SAAS,IACnBA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAEL,IAAI,CAAC,SAAS,KACdA,iBACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAE5BA,oBAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,EACN;GACF;EAEO,MAAM;IACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;GAClB;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply whitespace-pre-line text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}
+{"file":"p-info-panel.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,03CAA03C,CAAC;AACz5C,yBAAe,qBAAqB;;MCcvB,SAAS;;;;uBAI4C,MAAM;;;yBAe1C,KAAK;;;;;IAQlC,MAAM,CAAqB;;IAO3B,MAAM;QACL,QACCA,QAACC,UAAI,qDACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,SAAS,IAAI,WACnB,EAAE,IAEFD,kEAAK,KAAK,EAAC,QAAQ,IAClBA,mEAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,EACNA,kEAAK,KAAK,EAAC,SAAS,IACnBA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAEL,IAAI,CAAC,SAAS,KACdA,kEACC,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAE5BA,qEAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,EACN;KACF;IAEO,MAAM;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KAClB;;;;;;","names":["h","Host"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply whitespace-pre-line text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}

package/dist/cjs/p-input-error.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+
+const InputError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.error = undefined;
+        this.forceShowTooltip = false;
+        this._showTooltip = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ac5ab660850ac1908dd9645aec4e96238946ecf2', class: 'p-input-error' }, index.h("p-tooltip", { key: 'f9d2588446e1f675c4de4d58fd0d24e7d2af1fe9', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: '4e6eaa812e9b30b07299a617c1fcb24261c00fee', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+    }
+};
+
+exports.p_input_error = InputError;
+
+//# sourceMappingURL=p-input-error.cjs.entry.js.map

package/dist/cjs/p-input-error.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-input-error.entry.cjs.js","mappings":";;;;;;MAMa,UAAU;;;;gCASK,KAAK;4BAEA,KAAK;;IAErC,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,eAAe,IAC1BD,wEACC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,IAE/CA,qEACC,KAAK,EAAE,GACN,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,qBACvC,sBAAsB,EACtB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,iBAAiB,GACxB,CACS,CACN,EACN;KACF;;;;;","names":["h","Host"],"sources":["src/components/molecules/input-error/input-error.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n\ttag: 'p-input-error',\n\tshadow: true,\n})\nexport class InputError {\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Wether to force show the tooltip\n\t */\n\t@Prop() forceShowTooltip = false;\n\n\t@State() private _showTooltip = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-input-error'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={this.forceShowTooltip}\n\t\t\t\t\tonIsOpen={ev => (this._showTooltip = ev.detail)}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\tthis._showTooltip ? 'text-negative' : 'text-negative-light'\n\t\t\t\t\t\t} hover:text-negative`}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}