@paperless/core 1.51.3 → 1.51.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.51.4](https://github.com/ionic-team/stencil-component-starter/compare/v1.51.3...v1.51.4) (2024-09-16)
+
+
+### Bug Fixes
+
+* **molecules/table/header:** Make sure we check on custom-slots on render and not on load ([8a869dd](https://github.com/ionic-team/stencil-component-starter/commit/8a869dd44ec88606326121fe193c49cde59d660c))
+
+
+
+
+
 ## [1.51.3](https://github.com/ionic-team/stencil-component-starter/compare/v1.51.2...v1.51.3) (2024-09-11)
 
 **Note:** Version bump only for package @paperless/core

package/dist/{paperless/p-d1aead35.entry.js → build/p-2cd5062f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as o,g as e}from"./p-e4d5e7a7.js";const r=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}";const a=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.iconPosition="start";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(o,{class:"p-label"},this.icon&&this.iconPosition==="start"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)),this.icon&&this.iconPosition==="end"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}))}};a.style=r;const n=".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}";const c=class{constructor(i){t(this,i)}render(){return i(o,{class:"p-segment-container"},i("slot",null))}};c.style=n;const s=".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;font-weight:400;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const p=class{constructor(i){t(this,i);this._hasDescriptionSlot=false;this.active=false;this.iconOnly=false;this.size="small";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}componentWillLoad(){this._hasDescriptionSlot=!!this._el.querySelector(':scope > [slot="description"]')}render(){return i(o,{class:`p-segment-item variant-${this.iconOnly?"icon":"default"} ${this.active&&"active"}`},this.icon&&this._getIcon(),i("slot",null),this.size==="big"&&this._hasDescriptionSlot&&i("span",{class:"description"},i("slot",{name:"description"})))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}get _el(){return e(this)}};p.style=s;export{a as p_label,c as p_segment_container,p as p_segment_item};
-//# sourceMappingURL=p-d1aead35.entry.js.map
+import{r as t,h as i,H as o,g as e}from"./p-e4d5e7a7.js";const r=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";const a=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.iconPosition="start";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(o,{class:"p-label"},this.icon&&this.iconPosition==="start"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)),this.icon&&this.iconPosition==="end"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}))}};a.style=r;const n=".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";const s=class{constructor(i){t(this,i)}render(){return i(o,{class:"p-segment-container"},i("slot",null))}};s.style=n;const c=".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;font-weight:400;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const p=class{constructor(i){t(this,i);this._hasDescriptionSlot=false;this.active=false;this.iconOnly=false;this.size="small";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}componentWillLoad(){this._hasDescriptionSlot=!!this._el.querySelector(':scope > [slot="description"]')}render(){return i(o,{class:`p-segment-item variant-${this.iconOnly?"icon":"default"} ${this.active&&"active"}`},this.icon&&this._getIcon(),i("slot",null),this.size==="big"&&this._hasDescriptionSlot&&i("span",{class:"description"},i("slot",{name:"description"})))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}get _el(){return e(this)}};p.style=c;export{a as p_label,s as p_segment_container,p as p_segment_item};
+//# sourceMappingURL=p-2cd5062f.entry.js.map

package/dist/build/{p-d1aead35.entry.js.map → p-2cd5062f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","iconPosition","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","_hasDescriptionSlot","componentWillLoad","_el","querySelector","iconOnly","active","_getIcon","size","name"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-large;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-large px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xxs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,s+J,MCSbC,EAAK,M,sCAUL,U,cAUK,S,kBAKuB,Q,gFAoBa,U,uBAKC,K,CAEtD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,WACVC,KAAKC,MAAQD,KAAKE,eAAiB,SACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,cAGbP,KAAKQ,WAAa,UACnBR,KAAKQ,WAAa,gBAClBX,EAAA,OAAKE,MAAM,WAEZF,EAAA,OAAKE,MAAM,WACVF,EAAA,cAEAG,KAAKC,MAAQD,KAAKE,eAAiB,OACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,a,aClFnB,MAAME,EAA+B,sjB,MCMxBC,EAAgB,M,yBAC5B,MAAAd,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uBACXF,EAAA,a,aCVJ,MAAMc,EAA0B,szD,MCSnBC,EAAW,M,yBAoCfZ,KAAAa,oBAAsB,M,YAhCJ,M,cAKE,M,UAKqB,Q,sEAwBjD,iBAAAC,GACCd,KAAKa,sBAAwBb,KAAKe,IAAIC,cACrC,gC,CAIF,MAAApB,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,0BACNC,KAAKiB,SAAW,OAAS,aACtBjB,KAAKkB,QAAU,YAElBlB,KAAKC,MAAQD,KAAKmB,WACnBtB,EAAA,aACCG,KAAKoB,OAAS,OAASpB,KAAKa,qBAC5BhB,EAAA,QAAME,MAAM,eACXF,EAAA,QAAMwB,KAAK,iB,CAOR,QAAAF,GACP,IAAKnB,KAAKC,KAAM,CACf,M,CAGD,OACCJ,EAAA,UACCE,MAAM,OACNI,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,Y"}
+{"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","iconPosition","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","_hasDescriptionSlot","componentWillLoad","_el","querySelector","iconOnly","active","_getIcon","size","name"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-large;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-large px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xxs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,wgK,MCSbC,EAAK,M,sCAUL,U,cAUK,S,kBAKuB,Q,gFAoBa,U,uBAKC,K,CAEtD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,WACVC,KAAKC,MAAQD,KAAKE,eAAiB,SACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,cAGbP,KAAKQ,WAAa,UACnBR,KAAKQ,WAAa,gBAClBX,EAAA,OAAKE,MAAM,WAEZF,EAAA,OAAKE,MAAM,WACVF,EAAA,cAEAG,KAAKC,MAAQD,KAAKE,eAAiB,OACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,a,aClFnB,MAAME,EAA+B,wlB,MCMxBC,EAAgB,M,yBAC5B,MAAAd,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uBACXF,EAAA,a,aCVJ,MAAMc,EAA0B,szD,MCSnBC,EAAW,M,yBAoCfZ,KAAAa,oBAAsB,M,YAhCJ,M,cAKE,M,UAKqB,Q,sEAwBjD,iBAAAC,GACCd,KAAKa,sBAAwBb,KAAKe,IAAIC,cACrC,gC,CAIF,MAAApB,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,0BACNC,KAAKiB,SAAW,OAAS,aACtBjB,KAAKkB,QAAU,YAElBlB,KAAKC,MAAQD,KAAKmB,WACnBtB,EAAA,aACCG,KAAKoB,OAAS,OAASpB,KAAKa,qBAC5BhB,EAAA,QAAME,MAAM,eACXF,EAAA,QAAMwB,KAAK,iB,CAOR,QAAAF,GACP,IAAKnB,KAAKC,KAAM,CACf,M,CAGD,OACCJ,EAAA,UACCE,MAAM,OACNI,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,Y"}