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

@paperless/core 1.7.1 → 1.9.0

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 (1078) hide show

package/dist/components/loader.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const loaderComponentCss = ".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity))!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity));border-radius:100%;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.25rem;line-height:2.5rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!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}.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}.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}.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}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!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}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!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}@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}}.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}.bottom-0{bottom:0!important}.left-0{left:0!important}.w-3\\/4{width:75%!important}.border{border-width:1px!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.table-row{display:table-row!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mt-0{margin-top:0!important}";
+const loaderComponentCss = ".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity))!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity));border-radius:100%;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.25rem;line-height:2.5rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}";
 const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends HTMLElement {
   constructor() {

package/dist/components/loader.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"loader.component.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,~~u7cAAu7c~~;;~~MCQr8c~~,MAAM;;;;;IA+BP,UAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAGlB,YAAO,IAAI,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC,CAAC;gBA9BvB,IAAI;mBAUlC,QAAQ;iBAKsB,QAAQ;;;;EAiBtD,mBAAmB;IACf,IAAI,CAAC,UAAU,EAAE,CAAC;GACrB;EAED,qBAAqB;IACjB,IAAI,CAAC,UAAU,EAAE,CAAC;GACrB;EAED,MAAM;IACF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACb,OAAO;KACV;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;MAC1B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;KACvD;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;MAChC,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B,IACtC,WAAK,KAAK,EAAC,gBAAgB,IACvB,WAAK,KAAK,EAAC,SAAS,IAChB,eAAQ,EAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAO,CAC9C,CACJ,CACH,EACT;KACL;IAED,QACI,EAAC,IAAI,IACD,KAAK,EAAE,iCACH,IAAI,CAAC,OAAO,KAAK,YAAY;QAC7B,qCACJ,EAAE,IAED,IAAI,CAAC,OAAO,CACV,EACT;GACL;EAEO,UAAU;;IACd,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;MACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC/B;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;MAChC,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CACvC,CAAC,IAAI,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAChC,CAAC;MACF,OAAO;KACV;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","./src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n .loader {\n @apply inline-block h-[1em] w-[1em] rounded-round;\n @apply border-2 border-solid border-indigo-light border-t-indigo;\n animation: 500ms spin linear infinite;\n\n will-change: transform;\n\n &.color-storm {\n @apply border-storm-light/40 border-t-storm #{!important};\n }\n\n &.color-white {\n @apply border-indigo-light/40 border-t-white #{!important};\n }\n }\n\n .loading-screen {\n @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n @apply flex items-center justify-center;\n @apply bg-mystic;\n\n z-index: 1001;\n\n .content {\n @apply max-w-xs;\n\n .loader-wrapper {\n @apply flex w-full justify-center;\n\n .loader {\n @apply text-4xl;\n }\n }\n }\n }\n}\n\n:host(.variant-ghost) {\n @apply box-border block;\n\n will-change: background, background-position-x, background-color;\n\n min-height: 1em;\n min-width: 1em;\n\n --loading-bg: #f7fafc;\n --loading-stripe: rgba(252, 253, 254, 1);\n\n background-color: var(--loading-bg);\n background: linear-gradient(\n 100deg,\n rgba(255, 255, 255, 0) 40%,\n var(--loading-stripe) 50%,\n rgba(255, 255, 255, 0) 60%\n )\n var(--loading-bg);\n background-size: 200% 100%;\n background-position-x: 180%;\n animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n to {\n background-position-x: -20%;\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(1turn);\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n tag: 'p-loader',\n styleUrl: 'loader.component.scss',\n shadow: true,\n})\nexport class Loader {\n /*\n Wether to show or hide the loader\n /\n @Prop() show: boolean \| Observable<boolean> = true;\n\n /\n Variant of loader\n /\n @Prop() variant:\n \| 'inline'\n \| 'full-width'\n \| 'full-screen'\n \| 'modal'\n \| 'ghost' = 'inline';\n\n /\n Color of the loader\n /\n @Prop() color: 'indigo' \| 'white' \| 'storm' = 'indigo';\n\n /\n !NOT IMPLEMENTED! Modal title for modal variant\n /\n @Prop() modalTitle: string;\n\n /\n !NOT IMPLEMENTED! Modal description for modal variant\n */\n @Prop() modalDescription: string;\n\n private _show = this.show;\n private _showSubscriber: Subscription;\n\n private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n componentWillRender() {\n this._checkShow();\n }\n\n componentShouldUpdate() {\n this._checkShow();\n }\n\n render() {\n if (!this._show) {\n return;\n }\n\n if (this.variant === 'ghost') {\n return <Host class=\"p-loader variant-ghost\"></Host>;\n }\n\n if (this.variant === 'full-screen') {\n return (\n <Host class=\"p-loader variant-full-screen\">\n <div class=\"loading-screen\">\n <div class=\"content\">\n <slot />\n\n <div class=\"loader-wrapper\">{this._loader}</div>\n </div>\n </div>\n </Host>\n );\n }\n\n return (\n <Host\n class={`p-loader variant-default flex ${\n this.variant === 'full-width' &&\n 'w-full flex justify-center text-4xl'\n }`}\n >\n {this._loader}\n </Host>\n );\n }\n\n private _checkShow() {\n if (this._showSubscriber) {\n this._showSubscriber.unsubscribe();\n this._showSubscriber = null;\n }\n\n if (typeof this.show !== 'boolean') {\n this._showSubscriber = this.show?.subscribe(\n (show) => (this._show = show)\n );\n return;\n }\n\n this._show = this.show;\n }\n}\n"],"version":3}
1	+ {"file":"loader.component.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,uyGAAuyG;;MCQrzG,MAAM;;;;;IA+BP,UAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAGlB,YAAO,IAAI,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC,CAAC;gBA9BvB,IAAI;mBAUlC,QAAQ;iBAKsB,QAAQ;;;;EAiBtD,mBAAmB;IACf,IAAI,CAAC,UAAU,EAAE,CAAC;GACrB;EAED,qBAAqB;IACjB,IAAI,CAAC,UAAU,EAAE,CAAC;GACrB;EAED,MAAM;IACF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACb,OAAO;KACV;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;MAC1B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;KACvD;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;MAChC,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B,IACtC,WAAK,KAAK,EAAC,gBAAgB,IACvB,WAAK,KAAK,EAAC,SAAS,IAChB,eAAQ,EAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAO,CAC9C,CACJ,CACH,EACT;KACL;IAED,QACI,EAAC,IAAI,IACD,KAAK,EAAE,iCACH,IAAI,CAAC,OAAO,KAAK,YAAY;QAC7B,qCACJ,EAAE,IAED,IAAI,CAAC,OAAO,CACV,EACT;GACL;EAEO,UAAU;;IACd,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;MACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC/B;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;MAChC,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CACvC,CAAC,IAAI,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAChC,CAAC;MACF,OAAO;KACV;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[":host {\n .loader {\n @apply inline-block h-[1em] w-[1em] rounded-round;\n @apply border-2 border-solid border-indigo-light border-t-indigo;\n animation: 500ms spin linear infinite;\n\n will-change: transform;\n\n &.color-storm {\n @apply border-storm-light/40 border-t-storm #{!important};\n }\n\n &.color-white {\n @apply border-indigo-light/40 border-t-white #{!important};\n }\n }\n\n .loading-screen {\n @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n @apply flex items-center justify-center;\n @apply bg-mystic;\n\n z-index: 1001;\n\n .content {\n @apply max-w-xs;\n\n .loader-wrapper {\n @apply flex w-full justify-center;\n\n .loader {\n @apply text-4xl;\n }\n }\n }\n }\n}\n\n:host(.variant-ghost) {\n @apply box-border block;\n\n will-change: background, background-position-x, background-color;\n\n min-height: 1em;\n min-width: 1em;\n\n --loading-bg: #f7fafc;\n --loading-stripe: rgba(252, 253, 254, 1);\n\n background-color: var(--loading-bg);\n background: linear-gradient(\n 100deg,\n rgba(255, 255, 255, 0) 40%,\n var(--loading-stripe) 50%,\n rgba(255, 255, 255, 0) 60%\n )\n var(--loading-bg);\n background-size: 200% 100%;\n background-position-x: 180%;\n animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n to {\n background-position-x: -20%;\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(1turn);\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n tag: 'p-loader',\n styleUrl: 'loader.component.scss',\n shadow: true,\n})\nexport class Loader {\n /*\n Wether to show or hide the loader\n /\n @Prop() show: boolean \| Observable<boolean> = true;\n\n /\n Variant of loader\n /\n @Prop() variant:\n \| 'inline'\n \| 'full-width'\n \| 'full-screen'\n \| 'modal'\n \| 'ghost' = 'inline';\n\n /\n Color of the loader\n /\n @Prop() color: 'indigo' \| 'white' \| 'storm' = 'indigo';\n\n /\n !NOT IMPLEMENTED! Modal title for modal variant\n /\n @Prop() modalTitle: string;\n\n /\n !NOT IMPLEMENTED! Modal description for modal variant\n */\n @Prop() modalDescription: string;\n\n private _show = this.show;\n private _showSubscriber: Subscription;\n\n private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n componentWillRender() {\n this._checkShow();\n }\n\n componentShouldUpdate() {\n this._checkShow();\n }\n\n render() {\n if (!this._show) {\n return;\n }\n\n if (this.variant === 'ghost') {\n return <Host class=\"p-loader variant-ghost\"></Host>;\n }\n\n if (this.variant === 'full-screen') {\n return (\n <Host class=\"p-loader variant-full-screen\">\n <div class=\"loading-screen\">\n <div class=\"content\">\n <slot />\n\n <div class=\"loader-wrapper\">{this._loader}</div>\n </div>\n </div>\n </Host>\n );\n }\n\n return (\n <Host\n class={`p-loader variant-default flex ${\n this.variant === 'full-width' &&\n 'w-full flex justify-center text-4xl'\n }`}\n >\n {this._loader}\n </Host>\n );\n }\n\n private _checkShow() {\n if (this._showSubscriber) {\n this._showSubscriber.unsubscribe();\n this._showSubscriber = null;\n }\n\n if (typeof this.show !== 'boolean') {\n this._showSubscriber = this.show?.subscribe(\n (show) => (this._show = show)\n );\n return;\n }\n\n this._show = this.show;\n }\n}\n"],"version":3}

package/dist/components/localization.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"localization.js","mappings":"AAAA,MAAM,2BAA2B,GAAG,CAAC,OAAoB;EACrD,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAgB,CAAC;EAChE,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC;EAE7C,OAAO,cAAc;MACf,cAAc,CAAC,IAAI;MACnB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;QACjB,WAAW,CAAC,IAAI;QAChB,IAAI,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CACnC,aAAqB,EACrB,MAAc;EAEd,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;IAC/B,KAAK,CAAC,gBAAgB,aAAa,SAAS,MAAM,OAAO,CAAC,CAAC,IAAI,CAC3D,CAAC,MAAM;MACH,IAAI,MAAM,CAAC,EAAE,EAAE;QACX,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QACvB,OAAO;OACV;MAED,MAAM,EAAE,CAAC;KACZ,EACD,MAAM,MAAM,EAAE,CACjB,CAAC;GACL,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC;MAEJ,yBAAyB,GAAG,OACrC,OAAoB;;EAEpB,IAAI,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;EACpE,IAAI,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;EAC7D,IAAI,OAAO,CAAC;EAEZ,IAAI,MAAA,KAAK,CAAC,aAAa,CAAC,0CAAG,iBAAiB,CAAC,EAAE;IAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC;GAClD;EAED,IAAI;IACA,OAAO,GAAG,MAAM,8BAA8B,CAC1C,aAAa,EACb,iBAAiB,CACpB,CAAC;GACL;EAAC,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,IAAI,CACR,iBAAiB,aAAa,KAAK,iBAAiB,8BAA8B,CACrF,CAAC;IACF,OAAO,GAAG,MAAM,8BAA8B,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;GACvE;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;IACvB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;GAC7B;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAE;IAC1C,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;GAChD;EAED,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC;EAClD,OAAO,OAAO,CAAC;AACnB,EAAE;MAEW,iBAAiB,GAAG,CAAC,GAAW,EAAE,IAAU;EACrD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;IACf,OAAO,GAAG,CAAC;GACd;EAED,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IACjC,MAAM,KAAK,GAAG,IAAI,GAAG,GAAG,CAAC;IACzB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;GACxD;EAED,OAAO,GAAG,CAAC;AACf;;;;","names":[],"sources":["./src/utils/localization.ts"],"sourcesContent":["const getComponentClosestLanguage = (element: HTMLElement): string => {\n const closestElement = element.closest('[lang]') as HTMLElement;\n const htmlElement = document.documentElement;\n\n return closestElement\n ? closestElement.lang\n : htmlElement?.lang\n ? htmlElement.lang\n : 'en';\n};\n\nconst fetchLocaleStringsForComponent = (\n componentName: string,\n locale: string\n): Promise<any> => {\n return new Promise((resolve, reject): void => {\n fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(\n (result) => {\n if (result.ok) {\n resolve(result.json());\n return;\n }\n\n reject();\n },\n () => reject()\n );\n });\n};\n\nconst cache = {};\n\nexport const getLocaleComponentStrings = async (\n element: HTMLElement\n): Promise<any> => {\n let componentName = element.tagName.toLowerCase().replace('p-', '');\n let componentLanguage = getComponentClosestLanguage(element);\n let strings;\n\n if (cache[componentName]?.[componentLanguage]) {\n return cache[componentName][componentLanguage];\n }\n\n try {\n strings = await fetchLocaleStringsForComponent(\n componentName,\n componentLanguage\n );\n } catch (e) {\n console.warn(\n `no locale for ${componentName} (${componentLanguage}) loading default locale en.`\n );\n strings = await fetchLocaleStringsForComponent(componentName, 'en');\n }\n\n if (!cache[componentName]) {\n cache[componentName] = {};\n }\n\n if (!cache[componentName][componentLanguage]) {\n cache[componentName][componentLanguage] = {};\n }\n\n cache[componentName][componentLanguage] = strings;\n return strings;\n};\n\nexport const formatTranslation = (str: string, data?: any) => {\n if (!str \|\| !data) {\n return str;\n }\n\n for (const key of Object.keys(data)) {\n const regex = `{${key}}`;\n str = str.replace(new RegExp(regex, 'g'), data[key]);\n }\n\n return str;\n};\n"],"version":3}
1	+ {"file":"localization.js","mappings":"AAAA,MAAM,2BAA2B,GAAG,CAAC,OAAoB;EACrD,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAgB,CAAC;EAChE,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC;EAE7C,OAAO,cAAc;MACf,cAAc,CAAC,IAAI;MACnB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;QACjB,WAAW,CAAC,IAAI;QAChB,IAAI,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CACnC,aAAqB,EACrB,MAAc;EAEd,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;IAC/B,KAAK,CAAC,gBAAgB,aAAa,SAAS,MAAM,OAAO,CAAC,CAAC,IAAI,CAC3D,CAAC,MAAM;MACH,IAAI,MAAM,CAAC,EAAE,EAAE;QACX,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QACvB,OAAO;OACV;MAED,MAAM,EAAE,CAAC;KACZ,EACD,MAAM,MAAM,EAAE,CACjB,CAAC;GACL,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC;MAEJ,yBAAyB,GAAG,OACrC,OAAoB;;EAEpB,IAAI,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;EACpE,IAAI,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;EAC7D,IAAI,OAAO,CAAC;EAEZ,IAAI,MAAA,KAAK,CAAC,aAAa,CAAC,0CAAG,iBAAiB,CAAC,EAAE;IAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC;GAClD;EAED,IAAI;IACA,OAAO,GAAG,MAAM,8BAA8B,CAC1C,aAAa,EACb,iBAAiB,CACpB,CAAC;GACL;EAAC,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,IAAI,CACR,iBAAiB,aAAa,KAAK,iBAAiB,8BAA8B,CACrF,CAAC;IACF,OAAO,GAAG,MAAM,8BAA8B,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;GACvE;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;IACvB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;GAC7B;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAE;IAC1C,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;GAChD;EAED,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC;EAClD,OAAO,OAAO,CAAC;AACnB,EAAE;MAEW,iBAAiB,GAAG,CAAC,GAAW,EAAE,IAAU;EACrD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;IACf,OAAO,GAAG,CAAC;GACd;EAED,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IACjC,MAAM,KAAK,GAAG,IAAI,GAAG,GAAG,CAAC;IACzB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;GACxD;EAED,OAAO,GAAG,CAAC;AACf;;;;","names":[],"sources":["src/utils/localization.ts"],"sourcesContent":["const getComponentClosestLanguage = (element: HTMLElement): string => {\n const closestElement = element.closest('[lang]') as HTMLElement;\n const htmlElement = document.documentElement;\n\n return closestElement\n ? closestElement.lang\n : htmlElement?.lang\n ? htmlElement.lang\n : 'en';\n};\n\nconst fetchLocaleStringsForComponent = (\n componentName: string,\n locale: string\n): Promise<any> => {\n return new Promise((resolve, reject): void => {\n fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(\n (result) => {\n if (result.ok) {\n resolve(result.json());\n return;\n }\n\n reject();\n },\n () => reject()\n );\n });\n};\n\nconst cache = {};\n\nexport const getLocaleComponentStrings = async (\n element: HTMLElement\n): Promise<any> => {\n let componentName = element.tagName.toLowerCase().replace('p-', '');\n let componentLanguage = getComponentClosestLanguage(element);\n let strings;\n\n if (cache[componentName]?.[componentLanguage]) {\n return cache[componentName][componentLanguage];\n }\n\n try {\n strings = await fetchLocaleStringsForComponent(\n componentName,\n componentLanguage\n );\n } catch (e) {\n console.warn(\n `no locale for ${componentName} (${componentLanguage}) loading default locale en.`\n );\n strings = await fetchLocaleStringsForComponent(componentName, 'en');\n }\n\n if (!cache[componentName]) {\n cache[componentName] = {};\n }\n\n if (!cache[componentName][componentLanguage]) {\n cache[componentName][componentLanguage] = {};\n }\n\n cache[componentName][componentLanguage] = strings;\n return strings;\n};\n\nexport const formatTranslation = (str: string, data?: any) => {\n if (!str \|\| !data) {\n return str;\n }\n\n for (const key of Object.keys(data)) {\n const regex = `{${key}}`;\n str = str.replace(new RegExp(regex, 'g'), data[key]);\n }\n\n return str;\n};\n"],"version":3}

package/dist/components/modal-body.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const modalBodyComponentCss = ".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size: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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const modalBodyComponentCss = ".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}";
 const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends HTMLElement {
   constructor() {

package/dist/components/modal-body.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,~~29KAA29K~~;;~~MCO5+K~~,SAAS;;;;;mBAIqB,SAAS;mBAKrB,KAAK;;EAEhC,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,OAAO,IAAI,YACpB,EAAE,IAEF,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","./src/components/atoms/modal-body/modal-body.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n @apply px-6;\n}\n\n:host(.is-rounded) {\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-body',\n styleUrl: 'modal-body.component.scss',\n shadow: true,\n})\nexport class ModalBody {\n /*\n The variant of the modal body\n /\n @Prop() variant: 'default' \| 'table' = 'default';\n\n /\n Wether the modal body should be rounded at the bottom\n */\n @Prop() rounded: boolean = false;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n }`}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i8BAAi8B;;MCOl9B,SAAS;;;;;mBAIqB,SAAS;mBAKrB,KAAK;;EAEhC,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,OAAO,IAAI,YACpB,EAAE,IAEF,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n @apply px-6;\n}\n\n:host(.is-rounded) {\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-body',\n styleUrl: 'modal-body.component.scss',\n shadow: true,\n})\nexport class ModalBody {\n /*\n The variant of the modal body\n /\n @Prop() variant: 'default' \| 'table' = 'default';\n\n /\n Wether the modal body should be rounded at the bottom\n */\n @Prop() rounded: boolean = false;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n }`}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/modal-container.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}.rounded{border-radius:.25rem!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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.inline{display:inline!important}.justify-center{justify-content:center!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
 // $modal-xs: 20rem;
 // $modal-sm: 33.5rem;

package/dist/components/modal-container.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"modal-container.component.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,~~wwNAAwwN~~;;~~ACE3yN~~;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;EACf,EAAE,EAAE,aAAa;EACjB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,kBAAkB;EACtB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,oBAAoB;CAC3B,CAAC;MAKW,cAAc;;;;gBAImB,IAAI;mBAKnB,KAAK;;EAEhC,MAAM;IACF,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAExC,QACI,EAAC,IAAI,IACD,KAAK,EAAE,qBACH,IAAI,CAAC,OAAO,IAAI,SACpB,IAAI,SAAS,EAAE,IAEf,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","./src/components/atoms/modal-container/modal-container.component.tsx"],"sourcesContent":["p-modal-container {\n @apply flex flex-col w-full tablet:w-auto z-modal;\n @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n @apply shadow-4 #{!important};\n\n &.closing {\n @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n xs: 'tablet:w-80',\n sm: 'tablet:w-[33.5rem]',\n md: 'tablet:w-[38rem]',\n lg: 'tablet:w-[47.5rem]',\n xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n tag: 'p-modal-container',\n styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n /*\n The size of the modal container\n /\n @Prop() size: 'sm' \| 'md' \| 'lg' \| 'xl' = 'md';\n\n /\n Wether the container is closing\n */\n @Prop() closing: boolean = false;\n\n render() {\n const sizeClass = modalSizes[this.size];\n\n return (\n <Host\n class={`p-modal-container ${\n this.closing && 'closing'\n } ${sizeClass}`}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"modal-container.component.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,ygFAAygF;;ACE5iF;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;EACf,EAAE,EAAE,aAAa;EACjB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,kBAAkB;EACtB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,oBAAoB;CAC3B,CAAC;MAKW,cAAc;;;;gBAImB,IAAI;mBAKnB,KAAK;;EAEhC,MAAM;IACF,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAExC,QACI,EAAC,IAAI,IACD,KAAK,EAAE,qBACH,IAAI,CAAC,OAAO,IAAI,SACpB,IAAI,SAAS,EAAE,IAEf,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx"],"sourcesContent":["p-modal-container {\n @apply flex flex-col w-full tablet:w-auto z-modal;\n @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n @apply shadow-4 #{!important};\n\n &.closing {\n @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n xs: 'tablet:w-80',\n sm: 'tablet:w-[33.5rem]',\n md: 'tablet:w-[38rem]',\n lg: 'tablet:w-[47.5rem]',\n xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n tag: 'p-modal-container',\n styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n /*\n The size of the modal container\n /\n @Prop() size: 'sm' \| 'md' \| 'lg' \| 'xl' = 'md';\n\n /\n Wether the container is closing\n */\n @Prop() closing: boolean = false;\n\n render() {\n const sizeClass = modalSizes[this.size];\n\n return (\n <Host\n class={`p-modal-container ${\n this.closing && 'closing'\n } ${sizeClass}`}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/modal-footer.component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './divider.component.js';
-const modalFooterComponentCss = ".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.static{position:static!important}.rounded{border-radius:.25rem!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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const modalFooterComponentCss = ".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
 const ModalFooter = /*@__PURE__*/ proxyCustomElement(class ModalFooter extends HTMLElement {
   constructor() {

package/dist/components/modal-footer.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"modal-footer.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,~~8kKAA8kK~~;;~~MCOjmK~~,WAAW;;;;;;EACpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,iBAAW,KAAK,EAAC,kCAAkC,GAAG,EAEtD,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","./src/components/atoms/modal-footer/modal-footer.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply flex flex-col;\n @apply pb-6 px-6;\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-footer',\n styleUrl: 'modal-footer.component.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host class=\"p-modal-footer\">\n <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"modal-footer.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,8sBAA8sB;;MCOjuB,WAAW;;;;;;EACpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,iBAAW,KAAK,EAAC,kCAAkC,GAAG,EAEtD,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply flex flex-col;\n @apply pb-6 px-6;\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-footer',\n styleUrl: 'modal-footer.component.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host class=\"p-modal-footer\">\n <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/modal-header.component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { d as defineCustomElement$3 } from './button.component.js';
 import { d as defineCustomElement$2 } from './icon.component.js';
 import { d as defineCustomElement$1 } from './loader.component.js';
-const modalHeaderComponentCss = ".flex{display:flex!important}.justify-between{justify-content:space-between!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!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-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const modalHeaderComponentCss = ".flex{display:flex!important}.justify-between{justify-content:space-between!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}.static{position:static!important}";
 const ModalHeader = /*@__PURE__*/ proxyCustomElement(class ModalHeader extends HTMLElement {
   constructor() {

package/dist/components/modal-header.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"modal-header.component.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,~~67KAA67K~~;;~~MCOh9K~~,WAAW;;;;;;qBAIA,IAAI;;EASxB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,gBACI,eAAQ,CACL,EAEN,IAAI,CAAC,SAAS,KACX,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,IAAI,EAAC,OAAO,GACJ,CACf,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","./src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n @apply bg-mystic rounded-t-xxlarge;\n @apply flex justify-between items-center;\n @apply p-4 desktop-xs:p-6;\n\n @apply text-storm-dark text-xl font-semibold;\n @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-header',\n styleUrl: 'modal-header.component.scss',\n shadow: true,\n})\nexport class ModalHeader {\n /*\n Wether to show the close button on mobile\n /\n @Prop() showClose = true;\n\n /\n Close click event\n */\n @Event({\n bubbles: false\n }) close: EventEmitter<MouseEvent>;\n\n render() {\n return (\n <Host class=\"p-modal-header\">\n <span>\n <slot />\n </span>\n\n {this.showClose && (\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconOnly={true}\n onClick={(ev) => this.close.emit(ev)}\n size=\"small\"\n ></p-button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"modal-header.component.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,29BAA29B;;MCO9+B,WAAW;;;;;;qBAIA,IAAI;;EASxB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,gBACI,eAAQ,CACL,EAEN,IAAI,CAAC,SAAS,KACX,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,IAAI,EAAC,OAAO,GACJ,CACf,CACE,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n @apply bg-mystic rounded-t-xxlarge;\n @apply flex justify-between items-center;\n @apply p-4 desktop-xs:p-6;\n\n @apply text-storm-dark text-xl font-semibold;\n @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-header',\n styleUrl: 'modal-header.component.scss',\n shadow: true,\n})\nexport class ModalHeader {\n /*\n Wether to show the close button on mobile\n /\n @Prop() showClose = true;\n\n /\n Close click event\n */\n @Event({\n bubbles: false\n }) close: EventEmitter<MouseEvent>;\n\n render() {\n return (\n <Host class=\"p-modal-header\">\n <span>\n <slot />\n </span>\n\n {this.showClose && (\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconOnly={true}\n onClick={(ev) => this.close.emit(ev)}\n size=\"small\"\n ></p-button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/object-get-by-path.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"object-get-by-path.js","mappings":"SA0CgB,qBAAqB,CACjC,CAAmB,EACnB,CAAc;EAEd,OAAO,CAAC,IAAI,CAAC,CAAC;AAClB;;MC/Ca,eAAe,GAAG,CAC3B,GAAQ,EACR,IAAY,EACZ,YAAY,GAAG,SAAS;EAExB,MAAM,MAAM,GAAG,CAAC,MAAM,KAClB,MAAM,CAAC,SAAS,CAAC,KAAK;KACjB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;KAClB,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CACH,CAAC,GAAG,EAAE,GAAG,KACL,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,EACtD,GAAG,CACN,CAAC;EACV,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;EACzD,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,GAAG,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E;;;;","names":[],"sources":["./src/types/table.ts","./src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n identifier: string;\n text: string \| QuickFilterTextFunction;\n count?: number;\n default?: boolean;\n}\n\nexport interface RowClickEvent {\n item: any;\n ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n value: any;\n item: any;\n index: number;\n rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n default: number \| 'hidden' \| 'full';\n tablet?: number \| 'hidden' \| 'full';\n 'desktop-xs'?: number \| 'hidden' \| 'full';\n 'desktop-sm'?: number \| 'hidden' \| 'full';\n desktop?: number \| 'hidden' \| 'full';\n 'desktop-lg'?: number \| 'hidden' \| 'full';\n 'desktop-xl'?: number \| 'hidden' \| 'full';\n}\n\nexport type TableColumnSizesKey =\n \| 'default'\n \| 'tablet'\n \| 'desktop-xs'\n \| 'desktop-sm'\n \| 'desktop'\n \| 'desktop-lg'\n \| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n x: TableColumnSizes,\n k: PropertyKey\n): k is keyof TableColumnSizes {\n return k in x;\n}\n","export const objectGetByPath = (\n obj: any,\n path: string,\n defaultValue = undefined\n) => {\n const travel = (regexp) =>\n String.prototype.split\n .call(path, regexp)\n .filter(Boolean)\n .reduce(\n (res, key) =>\n res !== null && res !== undefined ? res[key] : res,\n obj\n );\n const result = travel(/[,[\\]]+?/) \|\| travel(/[,[\\].]+?/);\n return result === undefined \|\| result === obj ? defaultValue : result;\n};\n"],"version":3}
1	+ {"file":"object-get-by-path.js","mappings":"SA0CgB,qBAAqB,CACjC,CAAmB,EACnB,CAAc;EAEd,OAAO,CAAC,IAAI,CAAC,CAAC;AAClB;;MC/Ca,eAAe,GAAG,CAC3B,GAAQ,EACR,IAAY,EACZ,YAAY,GAAG,SAAS;EAExB,MAAM,MAAM,GAAG,CAAC,MAAM,KAClB,MAAM,CAAC,SAAS,CAAC,KAAK;KACjB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;KAClB,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CACH,CAAC,GAAG,EAAE,GAAG,KACL,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,EACtD,GAAG,CACN,CAAC;EACV,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;EACzD,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,GAAG,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E;;;;","names":[],"sources":["src/types/table.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n identifier: string;\n text: string \| QuickFilterTextFunction;\n count?: number;\n default?: boolean;\n}\n\nexport interface RowClickEvent {\n item: any;\n ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n value: any;\n item: any;\n index: number;\n rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n default: number \| 'hidden' \| 'full';\n tablet?: number \| 'hidden' \| 'full';\n 'desktop-xs'?: number \| 'hidden' \| 'full';\n 'desktop-sm'?: number \| 'hidden' \| 'full';\n desktop?: number \| 'hidden' \| 'full';\n 'desktop-lg'?: number \| 'hidden' \| 'full';\n 'desktop-xl'?: number \| 'hidden' \| 'full';\n}\n\nexport type TableColumnSizesKey =\n \| 'default'\n \| 'tablet'\n \| 'desktop-xs'\n \| 'desktop-sm'\n \| 'desktop'\n \| 'desktop-lg'\n \| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n x: TableColumnSizes,\n k: PropertyKey\n): k is keyof TableColumnSizes {\n return k in x;\n}\n","export const objectGetByPath = (\n obj: any,\n path: string,\n defaultValue = undefined\n) => {\n const travel = (regexp) =>\n String.prototype.split\n .call(path, regexp)\n .filter(Boolean)\n .reduce(\n (res, key) =>\n res !== null && res !== undefined ? res[key] : res,\n obj\n );\n const result = travel(/[,[\\]]+?/) \|\| travel(/[,[\\].]+?/);\n return result === undefined \|\| result === obj ? defaultValue : result;\n};\n"],"version":3}

package/dist/components/p-accordion.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { d as defineCustomElement$3 } from './divider.component.js';
 import { d as defineCustomElement$2 } from './icon.component.js';
-const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!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-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}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}";
 const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLElement {
   constructor() {

package/dist/components/p-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG~~,+7IAA+7I~~;;~~MCOh9I~~,SAAS;;;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAShC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","./src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /*\n Header of the accordion\n /\n @Prop() header!: string;\n\n /\n Wether the accordion is open\n /\n @Prop() open: boolean = false;\n\n /\n Wether the accordion can be closed\n /\n @Prop() closeable: boolean = true;\n\n /\n Wether the accordion can be opened\n /\n @Prop() openable: boolean = true;\n\n /\n Open change event\n */\n @Event({\n bubbles: false\n }) isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}
1	+ {"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,4iBAA4iB;;MCO7jB,SAAS;;;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAShC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /*\n Header of the accordion\n /\n @Prop() header!: string;\n\n /\n Wether the accordion is open\n /\n @Prop() open: boolean = false;\n\n /\n Wether the accordion can be closed\n /\n @Prop() closeable: boolean = true;\n\n /\n Wether the accordion can be opened\n /\n @Prop() openable: boolean = true;\n\n /\n Open change event\n */\n @Event({\n bubbles: false\n }) isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}

package/dist/components/p-attachment.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './input-error.component.js';
 import { d as defineCustomElement$3 } from './loader.component.js';
 import { d as defineCustomElement$2 } from './tooltip.component.js';
-const attachmentComponentCss = ".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 attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.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}";
 const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends HTMLElement {
   constructor() {

package/dist/components/p-attachment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-attachment.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,~~08KAA08K~~;;~~MCO59K~~,UAAU;;;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAiBD,KAAK;;EAS3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"version":3}
1	+ {"file":"p-attachment.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,87BAA87B;;MCOh9B,UAAU;;;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAiBD,KAAK;;EAS3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"version":3}

package/dist/components/p-avatar-group.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const avatarGroupComponentCss = ".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}";
+const avatarGroupComponentCss = ".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";
 const AvatarGroup = /*@__PURE__*/ proxyCustomElement(class AvatarGroup extends HTMLElement {
   constructor() {

package/dist/components/p-avatar-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,~~mvDAAmvD~~;;~~MCOtwD~~,WAAW;;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","./src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /*\n The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,itDAAitD;;MCOpuD,WAAW;;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /*\n The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-avatar.js CHANGED Viewed

@@ -41,6 +41,8 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends HTMLElement
     "defaultImage": [1, "default-image"],
     "src": [1],
     "_src": [32]
+  }, undefined, {
+    "src": ["onSrchChange"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/p-avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-avatar.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,o+BAAo+B;;MCOl/B,MAAM;;;;mBAIwC,MAAM;gBAMzD,QAAQ;;;;;EAeZ,YAAY,CAAC,GAAW;IACpB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GACnB;EAED,iBAAiB;IACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAAI,CAC3D,EACT;GACL;EAEO,eAAe;;IACnB,IAAI,CAAC,IAAI;MACL,MAAA,IAAI,CAAC,YAAY,oCAChB,IAAI,CAAC,OAAO,KAAK,MAAM;UAClB,wCAAwC;UACxC,2CAA2C,CAAC,CAAC;GAC1D~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["./src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","./src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n @apply inline-block flex-shrink-0;\n\n > img {\n @apply object-cover object-center;\n }\n\n &[size='small'] > img {\n @apply w-8 h-8;\n }\n\n &[size='medium'] > img {\n @apply w-[3.125rem] h-[3.125rem];\n }\n\n &[size='large'] > img {\n @apply w-16 h-16;\n }\n\n &[size='xlarge'] > img {\n @apply w-[6.5rem] h-[6.5rem];\n }\n\n &[variant='company'] {\n > img {\n @apply rounded;\n }\n\n &[size='medium'],\n &[size='large'] {\n > img {\n @apply rounded-large;\n }\n }\n }\n\n &[variant='user'] > img {\n @apply rounded-round;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar',\n styleUrl: 'avatar.component.scss',\n // shadow: true,\n})\nexport class Avatar {\n /*\n The variant of the avatar\n /\n @Prop({ reflect: true }) variant: 'user' \| 'company' = 'user';\n\n /\n The size of the avatar\n /\n @Prop({ reflect: true }) size: 'small' \| 'medium' \| 'large' \| 'xlarge' =\n 'medium';\n\n /\n The default image to show on errors\n /\n @Prop() defaultImage: string;\n\n /\n The image used for the avatar\n */\n @Prop() src!: string;\n\n @State() private _src: string;\n\n @Watch('src')\n onSrchChange(src: string) {\n this._src = src;\n }\n\n componentWillLoad() {\n this.onSrchChange(this.src);\n if (!this._src) {\n this._setDefaultLink();\n }\n }\n\n render() {\n return (\n <Host class=\"p-avatar\">\n <img src={this._src} onError={() => this._setDefaultLink()} />\n </Host>\n );\n }\n\n private _setDefaultLink() {\n this._src =\n this.defaultImage ??\n (this.variant === 'user'\n ? '/assets/images/avatar/user-default.svg'\n : '/assets/images/avatar/company-default.svg');\n }\n}\n"],"version":3}
1	+ {"file":"p-avatar.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,o+BAAo+B;;MCOl/B,MAAM;;;;mBAIwC,MAAM;gBAMzD,QAAQ;;;;;EAeZ,YAAY,CAAC,GAAW;IACpB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GACnB;EAED,iBAAiB;IACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAAI,CAC3D,EACT;GACL;EAEO,eAAe;;IACnB,IAAI,CAAC,IAAI;MACL,MAAA,IAAI,CAAC,YAAY,oCAChB,IAAI,CAAC,OAAO,KAAK,MAAM;UAClB,wCAAwC;UACxC,2CAA2C,CAAC,CAAC;GAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n @apply inline-block flex-shrink-0;\n\n > img {\n @apply object-cover object-center;\n }\n\n &[size='small'] > img {\n @apply w-8 h-8;\n }\n\n &[size='medium'] > img {\n @apply w-[3.125rem] h-[3.125rem];\n }\n\n &[size='large'] > img {\n @apply w-16 h-16;\n }\n\n &[size='xlarge'] > img {\n @apply w-[6.5rem] h-[6.5rem];\n }\n\n &[variant='company'] {\n > img {\n @apply rounded;\n }\n\n &[size='medium'],\n &[size='large'] {\n > img {\n @apply rounded-large;\n }\n }\n }\n\n &[variant='user'] > img {\n @apply rounded-round;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar',\n styleUrl: 'avatar.component.scss',\n // shadow: true,\n})\nexport class Avatar {\n /*\n The variant of the avatar\n /\n @Prop({ reflect: true }) variant: 'user' \| 'company' = 'user';\n\n /\n The size of the avatar\n /\n @Prop({ reflect: true }) size: 'small' \| 'medium' \| 'large' \| 'xlarge' =\n 'medium';\n\n /\n The default image to show on errors\n /\n @Prop() defaultImage: string;\n\n /\n The image used for the avatar\n */\n @Prop() src!: string;\n\n @State() private _src: string;\n\n @Watch('src')\n onSrchChange(src: string) {\n this._src = src;\n }\n\n componentWillLoad() {\n this.onSrchChange(this.src);\n if (!this._src) {\n this._setDefaultLink();\n }\n }\n\n render() {\n return (\n <Host class=\"p-avatar\">\n <img src={this._src} onError={() => this._setDefaultLink()} />\n </Host>\n );\n }\n\n private _setDefaultLink() {\n this._src =\n this.defaultImage ??\n (this.variant === 'user'\n ? '/assets/images/avatar/user-default.svg'\n : '/assets/images/avatar/company-default.svg');\n }\n}\n"],"version":3}

package/dist/components/p-card-body.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const cardBodyComponentCss = ".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 cardBodyComponentCss = ".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 CardBody = /*@__PURE__*/ proxyCustomElement(class CardBody extends HTMLElement {
   constructor() {

package/dist/components/p-card-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,~~gZAAgZ~~;;~~MCMha~~,QAAQ;;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"version":3}
1	+ {"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,kbAAkb;;MCMlc,QAAQ;;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"version":3}

package/dist/components/p-card-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-container.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,i9DAAi9D;;MCOt+D,aAAa;;;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","./src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full;\n @apply bg-white rounded-large;\n @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-container',\n styleUrl: 'card-container.component.scss',\n shadow: true,\n})\nexport class CardContainer {\n /*\n Wether the card should be hoverable\n /\n @Prop({ reflect: true }) hoverable: boolean = false;\n\n /\n Wether the card should have shadow\n */\n @Prop({ reflect: true }) shadow: boolean = true;\n\n render() {\n return (\n <Host class=\"p-card-container\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-card-container.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,i9DAAi9D;;MCOt+D,aAAa;;;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full;\n @apply bg-white rounded-large;\n @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-container',\n styleUrl: 'card-container.component.scss',\n shadow: true,\n})\nexport class CardContainer {\n /*\n Wether the card should be hoverable\n /\n @Prop({ reflect: true }) hoverable: boolean = false;\n\n /\n Wether the card should have shadow\n */\n @Prop({ reflect: true }) shadow: boolean = true;\n\n render() {\n return (\n <Host class=\"p-card-container\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './icon.component.js';
-const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!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}";
+const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
 const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends HTMLElement {
   constructor() {

package/dist/components/p-card-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-header.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,~~whKAAwhK~~;;~~MCM1iK~~,UAAU;;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","./src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /*\n Content of the card header\n /\n @Prop() header: string;\n\n /\n Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length \|\| this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-card-header.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,koCAAkoC;;MCMppC,UAAU;;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /*\n Content of the card header\n /\n @Prop() header: string;\n\n /\n Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length \|\| this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"version":3}