npm - @paperless/core - Versions diffs - 1.7.0 → 1.7.1 - Mend

@paperless/core 1.7.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

package/dist/esm/p-tooltip.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2c1bdb40.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-314a52b2.js';
-const tooltipComponentCss = ".pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.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}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!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}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1;pointer-events:auto}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.bottom-0{bottom:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!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,.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: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}.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-xxs{font-size:.6875rem!important}.inline{display:inline!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.m-0{margin:0!important}.table-row{display:table-row!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.min-w-0{min-width:0!important}.items-start{align-items:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}";
+const tooltipComponentCss = ".pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.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}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!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}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1;pointer-events:auto}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!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}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!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,.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:1.875rem!important;line-height:2.25rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!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-xxs{font-size:.6875rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.font-semibold{font-weight:600!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.justify-end{justify-content:flex-end!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.bottom-0{bottom:0!important}.block{display:block!important}.w-3\\/4{width:75%!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 const Tooltip = class {
   constructor(hostRef) {

package/dist/esm/p-tooltip.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-tooltip.entry.js","mappings":"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","names":[],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n @apply flex cursor-pointer;\n\n .popover-container {\n @apply relative h-0 w-0;\n .popover {\n @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n @apply pointer-events-none;\n width: max-content;\n max-width: 14.5rem;\n\n &.variant-hover,\n &.variant-error,\n &.variant-error-element {\n @apply bg-storm py-1 text-white;\n }\n\n &.variant-error,\n &.variant-error-element {\n @apply bg-negative uppercase tracking-wider;\n }\n\n &[data-show] {\n @apply pointer-events-auto opacity-100;\n }\n\n .arrow,\n .arrow::before {\n background: inherit;\n @apply absolute h-2 w-2;\n }\n\n .arrow {\n visibility: hidden;\n\n &::before {\n @apply visible rotate-45 transform;\n content: '';\n }\n }\n\n &[data-strategy='fixed'] {\n @apply fixed;\n }\n\n &[data-strategy='absolute'] {\n @apply absolute;\n }\n\n &[data-placement^='top'] > .arrow {\n @apply -bottom-1;\n }\n\n &[data-placement^='bottom'] > .arrow {\n @apply -top-1;\n }\n\n &[data-placement^='left'] > .arrow {\n @apply -right-1;\n }\n\n &[data-placement^='right'] > .arrow {\n @apply -left-1;\n }\n }\n }\n}\n","import {\n arrow,\n autoUpdate,\n computePosition,\n flip,\n offset,\n Placement,\n shift,\n Strategy,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'tooltip.component.scss',\n shadow: true,\n})\nexport class Tooltip {\n /*\n The variant of the popover\n /\n @Prop() variant: 'hover' \| 'click' \| 'error' \| 'error-element' = 'hover';\n\n /\n The content of the popover\n /\n @Prop() content: any = null;\n\n /\n The placement of the popover\n /\n @Prop() placement: Placement = 'top';\n\n /\n The strategy of the popover placement\n /\n @Prop() strategy: Strategy = 'absolute';\n\n /\n Wether the tooltip can be shown by user input\n /\n @Prop() enableUserInput: boolean = true;\n\n /\n Wether to show the popover\n /\n @Prop() show: boolean = false;\n\n /\n Wether to someone can manually close the popover\n /\n @Prop() canManuallyClose: boolean = true;\n\n /\n Open change event\n /\n @Event({\n bubbles: false,\n })\n isOpen: EventEmitter<boolean>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n private _loaded = false;\n private _popover: HTMLElement;\n private _cleanup: () => void;\n\n componentShouldUpdate() {\n this._update();\n }\n\n disconnectedCallback() {\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n }\n\n render() {\n return (\n <Host class=\"p-popover\">\n <slot name=\"trigger\" />\n <div class=\"popover-container\">\n <div\n class={`popover variant-${this.variant}`}\n role=\"popover\"\n data-placement={this.placement}\n data-strategy={this.strategy}\n ref={(el) => this._load(el)}\n >\n {this.content ? this.content : <slot name=\"content\" />}\n <div class=\"arrow\"></div>\n </div>\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n protected clickHandler() {\n if (this.variant === 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n if (this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler() {\n if (this.variant === 'hover' \|\| !this.canManuallyClose \|\| this.show) {\n return;\n }\n\n if (!this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._hide();\n }\n\n @Listen('mouseenter')\n @Listen('focus')\n protected mouseEnterHandler() {\n if (this.variant !== 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n this._show();\n }\n\n @Listen('mouseleave')\n @Listen('blur')\n protected mouseLeaveHandler() {\n if (this.show \|\| this.variant !== 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n this._hide();\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n this._cleanup = autoUpdate(this._el, this._popover, () =>\n this._update()\n );\n // Make the popover visible\n this._popover.setAttribute('data-show', '');\n\n // Update its position\n this.isOpen.emit(true);\n }\n\n private _hide() {\n if (!this._loaded) {\n return;\n }\n\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n\n // Hide the popover\n this._popover.removeAttribute('data-show');\n this.isOpen.emit(false);\n }\n\n private _load(popover: HTMLElement) {\n this._popover = popover;\n if (popover) {\n this._update();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _update() {\n if (!this._popover) {\n return;\n }\n\n const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n if (!arrowEl) {\n return;\n }\n\n computePosition(this._el, this._popover, {\n placement:\n this.variant === 'error' \|\| this.variant === 'error-element'\n ? 'top-end'\n : this.placement,\n strategy: this.strategy,\n\n middleware: [\n offset(this.variant === 'error' ? 14 : 8),\n flip(),\n shift(),\n arrow({ element: arrowEl, padding: 8 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n this._popover.dataset.placement = placement;\n Object.assign(this._popover.style, {\n top: `${y}px`,\n left: `${x}px`,\n });\n\n if (middlewareData.arrow) {\n const { x, y } = middlewareData.arrow;\n\n Object.assign(arrowEl.style, {\n left:\n this.variant === 'error' \|\|\n this.variant === 'error-element'\n ? placement.indexOf('start') >= 0\n ? '1rem'\n : 'calc(100% - 1rem)'\n : x != null\n ? `${x}px`\n : '',\n top: y != null ? `${y}px` : '',\n });\n }\n });\n }\n}\n"],"version":3}
1	+ {"file":"p-tooltip.entry.js","mappings":"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","names":[],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n @apply flex cursor-pointer;\n\n .popover-container {\n @apply relative h-0 w-0;\n .popover {\n @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n @apply pointer-events-none;\n width: max-content;\n max-width: 14.5rem;\n\n &.variant-hover,\n &.variant-error,\n &.variant-error-element {\n @apply bg-storm py-1 text-white;\n }\n\n &.variant-error,\n &.variant-error-element {\n @apply bg-negative uppercase tracking-wider;\n }\n\n &[data-show] {\n @apply pointer-events-auto opacity-100;\n }\n\n .arrow,\n .arrow::before {\n background: inherit;\n @apply absolute h-2 w-2;\n }\n\n .arrow {\n visibility: hidden;\n\n &::before {\n @apply visible rotate-45 transform;\n content: '';\n }\n }\n\n &[data-strategy='fixed'] {\n @apply fixed;\n }\n\n &[data-strategy='absolute'] {\n @apply absolute;\n }\n\n &[data-placement^='top'] > .arrow {\n @apply -bottom-1;\n }\n\n &[data-placement^='bottom'] > .arrow {\n @apply -top-1;\n }\n\n &[data-placement^='left'] > .arrow {\n @apply -right-1;\n }\n\n &[data-placement^='right'] > .arrow {\n @apply -left-1;\n }\n }\n }\n}\n","import {\n arrow,\n autoUpdate,\n computePosition,\n flip,\n offset,\n Placement,\n shift,\n Strategy,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'tooltip.component.scss',\n shadow: true,\n})\nexport class Tooltip {\n /*\n The variant of the popover\n /\n @Prop() variant: 'hover' \| 'click' \| 'error' \| 'error-element' = 'hover';\n\n /\n The content of the popover\n /\n @Prop() content: any = null;\n\n /\n The placement of the popover\n /\n @Prop() placement: Placement = 'top';\n\n /\n The strategy of the popover placement\n /\n @Prop() strategy: Strategy = 'absolute';\n\n /\n Wether the tooltip can be shown by user input\n /\n @Prop() enableUserInput: boolean = true;\n\n /\n Wether to show the popover\n /\n @Prop() show: boolean = false;\n\n /\n Wether to someone can manually close the popover\n /\n @Prop() canManuallyClose: boolean = true;\n\n /\n Open change event\n /\n @Event({\n bubbles: false,\n })\n isOpen: EventEmitter<boolean>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n private _loaded = false;\n private _popover: HTMLElement;\n private _cleanup: () => void;\n\n componentShouldUpdate() {\n this._update();\n }\n\n disconnectedCallback() {\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n }\n\n render() {\n return (\n <Host class=\"p-popover\">\n <slot name=\"trigger\" />\n <div class=\"popover-container\">\n <div\n class={`popover variant-${this.variant}`}\n role=\"popover\"\n data-placement={this.placement}\n data-strategy={this.strategy}\n ref={(el) => this._load(el)}\n >\n {this.content ? this.content : <slot name=\"content\" />}\n <div class=\"arrow\"></div>\n </div>\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n protected clickHandler() {\n if (this.variant === 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n if (this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler() {\n if (this.variant === 'hover' \|\| !this.canManuallyClose \|\| this.show) {\n return;\n }\n\n if (!this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._hide();\n }\n\n @Listen('mouseenter')\n @Listen('focus')\n protected mouseEnterHandler() {\n if (this.variant !== 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n this._show();\n }\n\n @Listen('mouseleave')\n @Listen('blur')\n protected mouseLeaveHandler() {\n if (this.show \|\| this.variant !== 'hover' \|\| !this.enableUserInput) {\n return;\n }\n\n this._hide();\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n this._cleanup = autoUpdate(this._el, this._popover, () =>\n this._update()\n );\n // Make the popover visible\n this._popover.setAttribute('data-show', '');\n\n // Update its position\n this.isOpen.emit(true);\n }\n\n private _hide() {\n if (!this._loaded) {\n return;\n }\n\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n\n // Hide the popover\n this._popover.removeAttribute('data-show');\n this.isOpen.emit(false);\n }\n\n private _load(popover: HTMLElement) {\n this._popover = popover;\n if (popover) {\n this._update();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _update() {\n if (!this._popover) {\n return;\n }\n\n const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n if (!arrowEl) {\n return;\n }\n\n computePosition(this._el, this._popover, {\n placement:\n this.variant === 'error' \|\| this.variant === 'error-element'\n ? 'top-end'\n : this.placement,\n strategy: this.strategy,\n\n middleware: [\n offset(this.variant === 'error' ? 14 : 8),\n flip(),\n shift(),\n arrow({ element: arrowEl, padding: 8 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n this._popover.dataset.placement = placement;\n Object.assign(this._popover.style, {\n top: `${y}px`,\n left: `${x}px`,\n });\n\n if (middlewareData.arrow) {\n const { x, y } = middlewareData.arrow;\n\n Object.assign(arrowEl.style, {\n left:\n this.variant === 'error' \|\|\n this.variant === 'error-element'\n ? placement.indexOf('start') >= 0\n ? '1rem'\n : 'calc(100% - 1rem)'\n : x != null\n ? `${x}px`\n : '',\n top: y != null ? `${y}px` : '',\n });\n }\n });\n }\n}\n"],"version":3}

package/dist/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2023-10-02T09:05:17">
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2023-10-02T09:36:55">
 if ('serviceWorker' in navigator && location.protocol !== 'file:') {
   window.addEventListener('load', function() {
   navigator.serviceWorker.register('/sw.js')

package/dist/paperless/p-0dc4498e.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as a,h as r,H as e}from"./p-6ccf5cdd.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!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:1.875rem!important;line-height:2.25rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!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;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.visible{visibility:visible!important}.absolute{position:absolute!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 s=class{constructor(r){t(this,r);this.download=a(this,"download",3);this.delete=a(this,"delete",3);this.mode="read";this.loading=false;this.error=undefined;this.downloading=false}render(){var t,a;let o=r("p-icon",{variant:"attachment"});if(this.loading){o=r("p-loader",null)}if(this.error){o=r("p-icon",{variant:"warning",class:"text-negative"})}return r(e,{class:"p-attachment flex items-start gap-4"},r("div",{class:`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${((t=this.error)===null\|\|t===void 0?void 0:t.length)?"text-negative":"text-storm-medium"}`},o,r("span",{class:"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap"},r("slot",null)),((a=this.error)===null\|\|a===void 0?void 0:a.length)&&r("p-input-error",{error:this.error})),r("p-button",{variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":"trash",disabled:this.loading,loading:this.mode==="read"&&this.downloading,size:"small",onOnClick:()=>(this.mode==="read"?this.download:this.delete).emit()}))}};s.style=o;export{s as p_attachment};
2	+ //# sourceMappingURL=p-0dc4498e.entry.js.map

package/dist/paperless/{p-6e770f95.entry.js.map → p-0dc4498e.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /*\n The variant of the button\n /\n @Prop() mode: 'read' \| 'write' = 'read';\n\n /\n Wether the attachment is uploading/loading\n /\n @Prop() loading = false;\n\n /\n The error to show\n /\n @Prop() error: string;\n\n /\n Event when download is pressed\n /\n @Event({\n bubbles: false\n }) download: EventEmitter<any>;\n\n /\n Wether the attachment is downloading\n /\n @Prop() downloading = false;\n\n /\n Event when delete is pressed\n */\n @Event({\n bubbles: false\n }) delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,~~mpC~~,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAiBI,K,CAStBC,S,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}
1	+ {"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /*\n The variant of the button\n /\n @Prop() mode: 'read' \| 'write' = 'read';\n\n /\n Wether the attachment is uploading/loading\n /\n @Prop() loading = false;\n\n /\n The error to show\n /\n @Prop() error: string;\n\n /\n Event when download is pressed\n /\n @Event({\n bubbles: false\n }) download: EventEmitter<any>;\n\n /\n Wether the attachment is downloading\n /\n @Prop() downloading = false;\n\n /\n Event when delete is pressed\n */\n @Event({\n bubbles: false\n }) delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,28K,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAiBI,K,CAStBC,S,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}

package/dist/paperless/p-19205ad5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as r,H as a,g as i}from"./p-6ccf5cdd.js";import{c as s}from"./p-8a6728d5.js";const o=".flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-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: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}.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;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.justify-center{justify-content:center!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}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}";const n=class{constructor(r){t(this,r);this.queryChange=e(this,"queryChange",3);this.valueChange=e(this,"valueChange",3);this.dropdownShown=e(this,"dropdownShown",3);this.items=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder=undefined;this.value=undefined;this.displayKey="text";this.valueKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.keepQuery=true;this.asyncFilter=false;this.loading=false;this.size="medium";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.disabled=false;this._showDropdown=false;this._selectedItem=null;this._isAutoCompleting=false}get _items(){var t,e;if(!this.items\|\|this.loading){return[]}let r=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(r===null\|\|r===void 0?void 0:r[0])==="string"){this.displayKey="text";this.valueKey="value";r=r.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null\|\|t===void 0?void 0:t.length)&&this.query!==((e=this._selectedItem)===null\|\|e===void 0?void 0:e[this.displayKey])&&!this.asyncFilter){r=r.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)\|\|this._checkvalue(this.displayKey,t)}))}return r===null\|\|r===void 0?void 0:r.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null\|\|t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null\|\|t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}get _identifierKey(){var t,e;return(e=(t=this.identifierKey)!==null&&t!==void 0?t:this.valueKey)!==null&&e!==void 0?e:"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.value){this._valueChange();return}this.itemChanges()}render(){return r(a,{class:"p-select"},this._showDropdown&&(!!this._items.length\|\|this.loading),this._isAutoCompleting,r("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:true,show:this._showDropdown&&(!!this._items.length\|\|this.loading)},r("p-input-group",{slot:"trigger",icon:this.icon,size:this.size,prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,disabled:this.disabled,focused:this._showDropdown,focusMethod:this.enableAutocomplete?"focus":"click"},r("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:t=>this._onFocus(t),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t)}),this.showChevron&&r("p-icon",{variant:"chevron",slot:"suffix"})),r("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown\|\|s(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(){this._preselectItem()}itemChanges(){this._preselectItem()}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}_preselectItem(){var t,e,r;if(this._isAutoCompleting&&((t=this.query)===null\|\|t===void 0?void 0:t.length)){return}let a=this.value;if(!this._selectedItem&&!a&&this.autoSelectFirst){a=this._items[0]}const i=typeof a==="object"&&a!==null?a[this._identifierKey]:a;const s=typeof i==="string"\|\|typeof i==="number"?i:JSON.stringify(i);const o=this._selectedItem?(e=this._selectedItem)===null\|\|e===void 0?void 0:e[this._identifierKey]:null;const n=typeof o==="string"\|\|typeof o==="number"?o:JSON.stringify(o);if(this._selectedItem&&n===s){return}if(!((r=this._items)===null\|\|r===void 0?void 0:r.length)&&a){this._selectValue(a);return}const l=this._items.find((t=>{const e=t===null\|\|t===void 0?void 0:t[this._identifierKey];const r=typeof e==="string"\|\|typeof e==="number"?e:JSON.stringify(e);return r===s}));this._selectValue(!!l?l:a)}_selectValue(t){this._selectedItem=t;const e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t===null\|\|t===void 0?void 0:t[this.valueKey]:t;this.query=this.keepQuery?t===null\|\|t===void 0?void 0:t[this.displayKey]:null;this.value=e;this.valueChange.emit(e);this._onBlur(true)}_onFocus(t){if(!this.enableAutocomplete){t.preventDefault();t.stopPropogation();if(!this._showDropdown){this._showDropdown=true}return}this._showDropdown=true;this._isAutoCompleting=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this.enableAutocomplete){return}if(!this._isAutoCompleting){this._isAutoCompleting=true;this._showDropdown=true}this.query=t.target.value;this.queryChange.emit(t.target.value)}_checkvalue(t,e){var r,a,i;return((a=(r=e===null\|\|e===void 0?void 0:e[t])===null\|\|r===void 0?void 0:r.toString())===null\|\|a===void 0?void 0:a.toLowerCase().indexOf((i=this.query)===null\|\|i===void 0?void 0:i.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var e;return r("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this._identifierKey]===((e=this._selectedItem)===null\|\|e===void 0?void 0:e[this._identifierKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>r("p-dropdown-menu-item",{enableHover:false},r("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))))}get _el(){return i(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"]}}};n.style=o;export{n as p_select};
2	+ //# sourceMappingURL=p-19205ad5.entry.js.map

package/dist/paperless/{p-4843a674.entry.js.map → p-19205ad5.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_isAutoCompleting","_a","query","length","_b","_selectedItem","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","_showDropdown","disableTriggerClick","calculateWidth","insideClick","scrollable","show","slot","icon","size","prefix","label","helper","required","error","disabled","focused","focusMethod","enableAutocomplete","type","onFocus","ev","_onFocus","onMouseDown","_onMouseDown","onClick","_onClick","onInput","_onChange","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","_c","_selectValue","find","i","itemIdentifier","parsedItemIdentifier","keepQuery","valueChange","_onBlur","preventDefault","stopPropogation","force","queryChange","key","toString","toLowerCase","indexOf","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":["p-select {\n @apply flex w-full flex-col;\n\n input.read-only {\n @apply text-ellipsis;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-select',\n styleUrl: 'select.component.scss',\n shadow: false,\n})\nexport class Select {\n /*\n The items to show in the dropdown\n /\n @Prop() items: string \| any[];\n\n /\n Icon of the select box\n /\n @Prop() icon: IconVariant;\n\n /\n The current query\n /\n @Prop() query: string;\n\n /\n The placeholder of the input\n /\n @Prop() placeholder: string;\n\n /\n The placeholder of the input when auto completing\n /\n @Prop() autocompletePlaceholder: string;\n\n /\n The current value\n /\n @Prop() value: any;\n\n /\n The key of the object to display\n /\n @Prop() displayKey: string = 'text';\n\n /\n The key of the object to return\n /\n @Prop() valueKey: string;\n\n /\n The key to identify an object\n /\n @Prop() identifierKey: string;\n\n /\n The key of the object to display\n /\n @Prop() queryKey?: string;\n\n /\n Wether to automatically select the first item\n /\n @Prop() autoSelectFirst: boolean = true;\n\n /\n Wether to show the chevron or not\n /\n @Prop() showChevron: boolean = true;\n\n /\n The maximum amount of items to display\n /\n @Prop() maxDisplayedItems: number = 10;\n\n /\n Wether to enable autocomplete\n /\n @Prop() enableAutocomplete: boolean = true;\n\n /\n Wether to keep the query or not\n /\n @Prop() keepQuery: boolean = true;\n\n /\n Wether the input uses async filtering\n /\n @Prop() asyncFilter: boolean = false;\n\n /\n Wether to show loading items\n /\n @Prop() loading: boolean = false;\n\n /\n Event when the query of the autocomplete changes\n /\n @Event({\n bubbles: false,\n })\n queryChange: EventEmitter<string>;\n\n /\n Event when the value changes\n /\n @Event({\n bubbles: false,\n })\n valueChange: EventEmitter<any>;\n\n /\n Event when the dropdown shows\n /\n @Event({\n bubbles: false,\n })\n dropdownShown: EventEmitter<any>;\n\n /\n The size of the input group used by the select\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n The prefix of the input group used by the select\n /\n @Prop() prefix: string;\n\n /\n The label of the input group used by the select\n /\n @Prop() label: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop() helper: string;\n\n /\n Wether the field is required\n /\n @Prop({ reflect: true }) required: boolean;\n\n /\n The helper of the input group used by the select\n /\n @Prop({ reflect: true }) error: string;\n\n /\n Wether the input group is disabled used by the select\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _showDropdown: any = false;\n @State() private _selectedItem: any = null;\n\n @State() private _isAutoCompleting: boolean = false;\n\n get _items() {\n if (!this.items \|\| this.loading) {\n return [];\n }\n\n let items =\n typeof this.items === 'string'\n ? JSON.parse(this.items)\n : this.items;\n\n if (typeof items?.[0] === 'string') {\n this.displayKey = 'text';\n this.valueKey = 'value';\n\n items = items.map((str) => ({\n value: str,\n text: str,\n }));\n }\n\n if (\n this._isAutoCompleting &&\n this.query?.length &&\n this.query !== this._selectedItem?.[this.displayKey] &&\n !this.asyncFilter\n ) {\n items = items.filter((item) => {\n if (this.queryKey) {\n return this._checkvalue(this.queryKey, item);\n }\n\n return (\n this._checkvalue(this._identifierKey, item) \|\|\n this._checkvalue(this.displayKey, item)\n );\n });\n }\n\n return items?.slice(0, this.maxDisplayedItems);\n }\n\n get _displayValue() {\n if (this._isAutoCompleting) {\n return this.query;\n }\n\n return this._selectedItem?.[this.displayKey];\n }\n\n get _placeholder() {\n return this._isAutoCompleting && this.autocompletePlaceholder?.length\n ? this.autocompletePlaceholder\n : this.placeholder;\n }\n\n get _identifierKey() {\n return this.identifierKey ?? this.valueKey ?? 'value';\n }\n\n componentDidLoad() {\n if (!this.valueKey && !this.identifierKey) {\n throw new Error('You must provide a valueKey or identifierKey');\n }\n\n if (this.value) {\n this._valueChange();\n return;\n }\n\n this.itemChanges();\n }\n\n render() {\n return (\n <Host class=\"p-select\">\n {this._showDropdown && (!!this._items.length \|\| this.loading)}\n {this._isAutoCompleting}\n <p-dropdown\n disableTriggerClick={true}\n calculateWidth={true}\n insideClick={true}\n scrollable={true}\n show={\n this._showDropdown &&\n (!!this._items.length \|\| this.loading)\n }\n >\n <p-input-group\n slot=\"trigger\"\n icon={this.icon}\n size={this.size}\n prefix={this.prefix}\n label={this.label}\n helper={this.helper}\n required={this.required}\n error={this.error}\n disabled={this.disabled}\n focused={this._showDropdown}\n focusMethod={\n this.enableAutocomplete ? 'focus' : 'click'\n }\n >\n <input\n slot=\"input\"\n type=\"text\"\n placeholder={this._placeholder}\n value={this._displayValue}\n class={`p-input cursor-pointer ${\n !this._isAutoCompleting && 'read-only'\n }`}\n onFocus={(ev) => this._onFocus(ev)}\n onMouseDown={(ev) => this._onMouseDown(ev)}\n onClick={() => this._onClick()}\n onInput={(ev) => this._onChange(ev)}\n />\n\n {this.showChevron && (\n <p-icon variant=\"chevron\" slot=\"suffix\" />\n )}\n </p-input-group>\n <div slot=\"items\">\n {this.loading\n ? this._getLoadingItems()\n : this._getItems()}\n </div>\n </p-dropdown>\n </Host>\n );\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (!this._showDropdown \|\| childOf(target, this._el)) {\n return;\n }\n\n this._showDropdown = false;\n this._isAutoCompleting = false;\n }\n\n @Watch('value')\n private _valueChange() {\n this._preselectItem();\n }\n\n @Watch('items')\n public itemChanges() {\n this._preselectItem();\n }\n\n @Watch('_showDropdown')\n public _showDropdownChanges() {\n this.dropdownShown.emit({\n value: this._showDropdown,\n query: this.query,\n });\n }\n\n private _preselectItem() {\n if (this._isAutoCompleting && this.query?.length) {\n return;\n }\n\n let value = this.value;\n\n if (!this._selectedItem && !value && this.autoSelectFirst) {\n value = this._items[0];\n }\n\n // if (!value) {\n // this._selectValue(null);\n // return;\n // }\n\n const identifier =\n typeof value === 'object' && value !== null\n ? value[this._identifierKey]\n : value;\n const parsedValue =\n typeof identifier === 'string' \|\| typeof identifier === 'number'\n ? identifier\n : JSON.stringify(identifier);\n\n const currentValue = this._selectedItem\n ? this._selectedItem?.[this._identifierKey]\n : null;\n const currentParsedValue =\n typeof currentValue === 'string' \|\| typeof currentValue === 'number'\n ? currentValue\n : JSON.stringify(currentValue);\n\n if (this._selectedItem && currentParsedValue === parsedValue) {\n return;\n }\n\n if (!this._items?.length && value) {\n this._selectValue(value);\n return;\n }\n\n const item = this._items.find((i) => {\n const itemIdentifier = i?.[this._identifierKey];\n const parsedItemIdentifier =\n typeof itemIdentifier === 'string' \|\|\n typeof itemIdentifier === 'number'\n ? itemIdentifier\n : JSON.stringify(itemIdentifier);\n\n return parsedItemIdentifier === parsedValue;\n });\n\n this._selectValue(!!item ? item : value);\n }\n\n private _selectValue(item) {\n this._selectedItem = item;\n const value =\n !!this.valueKey && this.valueKey !== 'false' && item !== null\n ? item?.[this.valueKey]\n : item;\n\n this.query = this.keepQuery ? item?.[this.displayKey] : null;\n this.value = value;\n this.valueChange.emit(value);\n\n this._onBlur(true);\n }\n\n private _onFocus(ev) {\n if (!this.enableAutocomplete) {\n ev.preventDefault();\n ev.stopPropogation();\n\n if (!this._showDropdown) {\n this._showDropdown = true;\n }\n return;\n }\n\n this._showDropdown = true;\n this._isAutoCompleting = true;\n }\n\n private _onMouseDown(ev) {\n if (this.enableAutocomplete) {\n return;\n }\n\n ev.preventDefault();\n }\n\n private _onClick() {\n if (this.enableAutocomplete) {\n return;\n }\n\n this._showDropdown = !this._showDropdown;\n }\n\n private _onBlur(force = false) {\n if (!this.enableAutocomplete && !force) {\n return;\n }\n\n this._isAutoCompleting = false;\n this._showDropdown = false;\n }\n\n private _onChange(ev) {\n if (!this.enableAutocomplete) {\n return;\n }\n\n if (!this._isAutoCompleting) {\n this._isAutoCompleting = true;\n this._showDropdown = true;\n }\n\n this.query = ev.target.value;\n this.queryChange.emit(ev.target.value);\n }\n\n private _checkvalue(key, item) {\n return (\n item?.[key]\n ?.toString()\n ?.toLowerCase()\n .indexOf(this.query?.toLowerCase()) >= 0\n );\n }\n\n private _getItems() {\n return this._items.map((item) => (\n <p-dropdown-menu-item\n onClick={() => this._selectValue(item)}\n active={\n item[this._identifierKey] ===\n this._selectedItem?.[this._identifierKey]\n }\n >\n {item[this.displayKey]}\n </p-dropdown-menu-item>\n ));\n }\n\n private _getLoadingItems() {\n return [0, 0, 0].map(() => (\n <p-dropdown-menu-item enableHover={false}>\n <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n </p-dropdown-menu-item>\n ));\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_isAutoCompleting","_a","query","length","_b","_selectedItem","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","_showDropdown","disableTriggerClick","calculateWidth","insideClick","scrollable","show","slot","icon","size","prefix","label","helper","required","error","disabled","focused","focusMethod","enableAutocomplete","type","onFocus","ev","_onFocus","onMouseDown","_onMouseDown","onClick","_onClick","onInput","_onChange","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","_c","_selectValue","find","i","itemIdentifier","parsedItemIdentifier","keepQuery","valueChange","_onBlur","preventDefault","stopPropogation","force","queryChange","key","toString","toLowerCase","indexOf","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":["p-select {\n @apply flex w-full flex-col;\n\n input.read-only {\n @apply text-ellipsis;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-select',\n styleUrl: 'select.component.scss',\n shadow: false,\n})\nexport class Select {\n /*\n The items to show in the dropdown\n /\n @Prop() items: string \| any[];\n\n /\n Icon of the select box\n /\n @Prop() icon: IconVariant;\n\n /\n The current query\n /\n @Prop() query: string;\n\n /\n The placeholder of the input\n /\n @Prop() placeholder: string;\n\n /\n The placeholder of the input when auto completing\n /\n @Prop() autocompletePlaceholder: string;\n\n /\n The current value\n /\n @Prop() value: any;\n\n /\n The key of the object to display\n /\n @Prop() displayKey: string = 'text';\n\n /\n The key of the object to return\n /\n @Prop() valueKey: string;\n\n /\n The key to identify an object\n /\n @Prop() identifierKey: string;\n\n /\n The key of the object to display\n /\n @Prop() queryKey?: string;\n\n /\n Wether to automatically select the first item\n /\n @Prop() autoSelectFirst: boolean = true;\n\n /\n Wether to show the chevron or not\n /\n @Prop() showChevron: boolean = true;\n\n /\n The maximum amount of items to display\n /\n @Prop() maxDisplayedItems: number = 10;\n\n /\n Wether to enable autocomplete\n /\n @Prop() enableAutocomplete: boolean = true;\n\n /\n Wether to keep the query or not\n /\n @Prop() keepQuery: boolean = true;\n\n /\n Wether the input uses async filtering\n /\n @Prop() asyncFilter: boolean = false;\n\n /\n Wether to show loading items\n /\n @Prop() loading: boolean = false;\n\n /\n Event when the query of the autocomplete changes\n /\n @Event({\n bubbles: false,\n })\n queryChange: EventEmitter<string>;\n\n /\n Event when the value changes\n /\n @Event({\n bubbles: false,\n })\n valueChange: EventEmitter<any>;\n\n /\n Event when the dropdown shows\n /\n @Event({\n bubbles: false,\n })\n dropdownShown: EventEmitter<any>;\n\n /\n The size of the input group used by the select\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n The prefix of the input group used by the select\n /\n @Prop() prefix: string;\n\n /\n The label of the input group used by the select\n /\n @Prop() label: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop() helper: string;\n\n /\n Wether the field is required\n /\n @Prop({ reflect: true }) required: boolean;\n\n /\n The helper of the input group used by the select\n /\n @Prop({ reflect: true }) error: string;\n\n /\n Wether the input group is disabled used by the select\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _showDropdown: any = false;\n @State() private _selectedItem: any = null;\n\n @State() private _isAutoCompleting: boolean = false;\n\n get _items() {\n if (!this.items \|\| this.loading) {\n return [];\n }\n\n let items =\n typeof this.items === 'string'\n ? JSON.parse(this.items)\n : this.items;\n\n if (typeof items?.[0] === 'string') {\n this.displayKey = 'text';\n this.valueKey = 'value';\n\n items = items.map((str) => ({\n value: str,\n text: str,\n }));\n }\n\n if (\n this._isAutoCompleting &&\n this.query?.length &&\n this.query !== this._selectedItem?.[this.displayKey] &&\n !this.asyncFilter\n ) {\n items = items.filter((item) => {\n if (this.queryKey) {\n return this._checkvalue(this.queryKey, item);\n }\n\n return (\n this._checkvalue(this._identifierKey, item) \|\|\n this._checkvalue(this.displayKey, item)\n );\n });\n }\n\n return items?.slice(0, this.maxDisplayedItems);\n }\n\n get _displayValue() {\n if (this._isAutoCompleting) {\n return this.query;\n }\n\n return this._selectedItem?.[this.displayKey];\n }\n\n get _placeholder() {\n return this._isAutoCompleting && this.autocompletePlaceholder?.length\n ? this.autocompletePlaceholder\n : this.placeholder;\n }\n\n get _identifierKey() {\n return this.identifierKey ?? this.valueKey ?? 'value';\n }\n\n componentDidLoad() {\n if (!this.valueKey && !this.identifierKey) {\n throw new Error('You must provide a valueKey or identifierKey');\n }\n\n if (this.value) {\n this._valueChange();\n return;\n }\n\n this.itemChanges();\n }\n\n render() {\n return (\n <Host class=\"p-select\">\n {this._showDropdown && (!!this._items.length \|\| this.loading)}\n {this._isAutoCompleting}\n <p-dropdown\n disableTriggerClick={true}\n calculateWidth={true}\n insideClick={true}\n scrollable={true}\n show={\n this._showDropdown &&\n (!!this._items.length \|\| this.loading)\n }\n >\n <p-input-group\n slot=\"trigger\"\n icon={this.icon}\n size={this.size}\n prefix={this.prefix}\n label={this.label}\n helper={this.helper}\n required={this.required}\n error={this.error}\n disabled={this.disabled}\n focused={this._showDropdown}\n focusMethod={\n this.enableAutocomplete ? 'focus' : 'click'\n }\n >\n <input\n slot=\"input\"\n type=\"text\"\n placeholder={this._placeholder}\n value={this._displayValue}\n class={`p-input cursor-pointer ${\n !this._isAutoCompleting && 'read-only'\n }`}\n onFocus={(ev) => this._onFocus(ev)}\n onMouseDown={(ev) => this._onMouseDown(ev)}\n onClick={() => this._onClick()}\n onInput={(ev) => this._onChange(ev)}\n />\n\n {this.showChevron && (\n <p-icon variant=\"chevron\" slot=\"suffix\" />\n )}\n </p-input-group>\n <div slot=\"items\">\n {this.loading\n ? this._getLoadingItems()\n : this._getItems()}\n </div>\n </p-dropdown>\n </Host>\n );\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (!this._showDropdown \|\| childOf(target, this._el)) {\n return;\n }\n\n this._showDropdown = false;\n this._isAutoCompleting = false;\n }\n\n @Watch('value')\n private _valueChange() {\n this._preselectItem();\n }\n\n @Watch('items')\n public itemChanges() {\n this._preselectItem();\n }\n\n @Watch('_showDropdown')\n public _showDropdownChanges() {\n this.dropdownShown.emit({\n value: this._showDropdown,\n query: this.query,\n });\n }\n\n private _preselectItem() {\n if (this._isAutoCompleting && this.query?.length) {\n return;\n }\n\n let value = this.value;\n\n if (!this._selectedItem && !value && this.autoSelectFirst) {\n value = this._items[0];\n }\n\n // if (!value) {\n // this._selectValue(null);\n // return;\n // }\n\n const identifier =\n typeof value === 'object' && value !== null\n ? value[this._identifierKey]\n : value;\n const parsedValue =\n typeof identifier === 'string' \|\| typeof identifier === 'number'\n ? identifier\n : JSON.stringify(identifier);\n\n const currentValue = this._selectedItem\n ? this._selectedItem?.[this._identifierKey]\n : null;\n const currentParsedValue =\n typeof currentValue === 'string' \|\| typeof currentValue === 'number'\n ? currentValue\n : JSON.stringify(currentValue);\n\n if (this._selectedItem && currentParsedValue === parsedValue) {\n return;\n }\n\n if (!this._items?.length && value) {\n this._selectValue(value);\n return;\n }\n\n const item = this._items.find((i) => {\n const itemIdentifier = i?.[this._identifierKey];\n const parsedItemIdentifier =\n typeof itemIdentifier === 'string' \|\|\n typeof itemIdentifier === 'number'\n ? itemIdentifier\n : JSON.stringify(itemIdentifier);\n\n return parsedItemIdentifier === parsedValue;\n });\n\n this._selectValue(!!item ? item : value);\n }\n\n private _selectValue(item) {\n this._selectedItem = item;\n const value =\n !!this.valueKey && this.valueKey !== 'false' && item !== null\n ? item?.[this.valueKey]\n : item;\n\n this.query = this.keepQuery ? item?.[this.displayKey] : null;\n this.value = value;\n this.valueChange.emit(value);\n\n this._onBlur(true);\n }\n\n private _onFocus(ev) {\n if (!this.enableAutocomplete) {\n ev.preventDefault();\n ev.stopPropogation();\n\n if (!this._showDropdown) {\n this._showDropdown = true;\n }\n return;\n }\n\n this._showDropdown = true;\n this._isAutoCompleting = true;\n }\n\n private _onMouseDown(ev) {\n if (this.enableAutocomplete) {\n return;\n }\n\n ev.preventDefault();\n }\n\n private _onClick() {\n if (this.enableAutocomplete) {\n return;\n }\n\n this._showDropdown = !this._showDropdown;\n }\n\n private _onBlur(force = false) {\n if (!this.enableAutocomplete && !force) {\n return;\n }\n\n this._isAutoCompleting = false;\n this._showDropdown = false;\n }\n\n private _onChange(ev) {\n if (!this.enableAutocomplete) {\n return;\n }\n\n if (!this._isAutoCompleting) {\n this._isAutoCompleting = true;\n this._showDropdown = true;\n }\n\n this.query = ev.target.value;\n this.queryChange.emit(ev.target.value);\n }\n\n private _checkvalue(key, item) {\n return (\n item?.[key]\n ?.toString()\n ?.toLowerCase()\n .indexOf(this.query?.toLowerCase()) >= 0\n );\n }\n\n private _getItems() {\n return this._items.map((item) => (\n <p-dropdown-menu-item\n onClick={() => this._selectValue(item)}\n active={\n item[this._identifierKey] ===\n this._selectedItem?.[this._identifierKey]\n }\n >\n {item[this.displayKey]}\n </p-dropdown-menu-item>\n ));\n }\n\n private _getLoadingItems() {\n return [0, 0, 0].map(() => (\n <p-dropdown-menu-item enableHover={false}>\n <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n </p-dropdown-menu-item>\n ));\n }\n}\n"],"mappings":"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"}

package/dist/paperless/{p-91725831.entry.js → p-25088aea.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as i}from"./p-6ccf5cdd.js";const o=".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.inheritText=false}render(){return r(i,{class:"p-card-body"},r("slot",null))}};e.style=o;export{e as p_card_body};
-//# sourceMappingURL=p-91725831.entry.js.map
+import{r as t,h as r,H as i}from"./p-6ccf5cdd.js";const o=".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";const e=class{constructor(r){t(this,r);this.inheritText=false}render(){return r(i,{class:"p-card-body"},r("slot",null))}};e.style=o;export{e as p_card_body};
+//# sourceMappingURL=p-25088aea.entry.js.map

package/dist/paperless/{p-91725831.entry.js.map → p-25088aea.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["cardBodyComponentCss","CardBody","render","h","Host","class"],"sources":["./src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","./src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /*\n Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,mb,MCMhBC,EAAQ,M,0CAI+B,K,CAEhDC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,eACRF,EAAA,a"}
1	+ {"version":3,"names":["cardBodyComponentCss","CardBody","render","h","Host","class"],"sources":["./src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","./src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /*\n Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,iZ,MCMhBC,EAAQ,M,0CAI+B,K,CAEhDC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,eACRF,EAAA,a"}