@paperless/core 2.0.1-beta.172 → 2.0.1-beta.174

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.1-beta.174](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.173...v2.0.1-beta.174) (2025-06-05)
+
+
+### Features
+
+* **atoms/icon:** Update unlocked icon ([71b1193](https://github.com/ionic-team/stencil-component-starter/commit/71b1193c322c31f59eff4f4a3594078136951e1c))
+* **molecules/empty-state:** Add icon position porp ([a10522a](https://github.com/ionic-team/stencil-component-starter/commit/a10522a3b71ea3ef72e5d0077bb5449bb026e12f))
+
+
+
+
+
+## [2.0.1-beta.173](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.172...v2.0.1-beta.173) (2025-06-05)
+
+
+### Features
+
+* **organisms/modal/container:** Add xs size ([2042bd6](https://github.com/ionic-team/stencil-component-starter/commit/2042bd6c082f6a88cc13fca047cae95e64aa6bc4))
+
+
+
+
+
 ## [2.0.1-beta.172](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.171...v2.0.1-beta.172) (2025-06-04)
 
 

package/dist/assets/icons/security/unlocked.svg

@@ -1,12 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
-  <g clip-path="url(#a)">
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 5.5H3a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5Z"/>
-    <path fill="currentColor" d="M8 10.125a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Z"/>
-    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.5 5.5v-2A2.5 2.5 0 0 1 8 1c1.21 0 2.268.859 2.5 2"/>
+<svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_276_1782)">
+    <path d="M13 5.5H3C2.72386 5.5 2.5 5.72386 2.5 6V13C2.5 13.2761 2.72386 13.5 3 13.5H13C13.2761 13.5 13.5 13.2761 13.5 13V6C13.5 5.72386 13.2761 5.5 13 5.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8 10.125C8.34518 10.125 8.625 9.84518 8.625 9.5C8.625 9.15482 8.34518 8.875 8 8.875C7.65482 8.875 7.375 9.15482 7.375 9.5C7.375 9.84518 7.65482 10.125 8 10.125Z" fill="currentColor"/>
+    <path d="M6 5V3.22222C6 2.63285 5.78929 2.06762 5.41421 1.65087C5.03914 1.23413 4.53043 1 4 1C3.0325 1 2.1855 1.76333 2 2.77778" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
   </g>
   <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M0 0h16v16H0z"/>
+    <clipPath id="clip0_276_1782">
+      <rect width="16" height="16" fill="white"/>
     </clipPath>
   </defs>
 </svg>

package/dist/build/index.esm.js

@@ -1,2 +1,2 @@
-export{f as floatingMenuContainerClass,g as getTableCellColumnClasses,a as getTableCellSizes,i as isTableColumnSizesKey}from"./p-_CfQET1U.js";export{t as tableColumSizesOptions}from"./p-DdQ-S2l7.js";export{I as IBAN_ICON_VARIANTS_ARRAY}from"./p-By0EdXx2.js";export{c as childOf,a as childOfComposed}from"./p-BFSNj6hu.js";export{c as categorized,i as icons}from"./p-B4q5W46_.js";export{f as formatTranslation,g as getLocaleComponentStrings}from"./p-DiJj8rmO.js";export{o as objectGetByPath}from"./p-CrdJDtHg.js";import{s as r}from"./p-B3sNjfzc.js";export{g as getScreenSize,b as getScreenSizeInPixels,a as getScreenSizeInRem,d as isBetweenScreens,i as isBiggerThanScreen,j as isDesktop,f as isMobile,c as isSmallerThanScreen,h as isTablet,e as isTouchDevice}from"./p-B3sNjfzc.js";export{i as isMobileBrowser}from"./p-DVCJlilm.js";export{c as cn}from"./p-CT54OXR2.js";import"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n=e=>e.replace(/[A-Z]/g,(e=>`_${e.toLowerCase()}`));const s=e=>e.toLowerCase().replace(/([-_][a-z])/g,(e=>e.toUpperCase().replace("-","").replace("_","")));const l=e=>e.replace(/-/g," ");const m=e=>e.replace(/\w\S*/g,(e=>e.charAt(0).toUpperCase()+e.substring(1).toLowerCase()));function p(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}var F={};var v={};var u;function E(){if(u)return v;u=1;(function(e){Object.defineProperty(e,"__esModule",{value:true});Object.defineProperty(e,"default",{enumerable:true,get:function(){return a}});function t(e,t){return{handler:e,config:t}}t.withOptions=function(e,t=()=>({})){const a=function(a){return{__options:a,handler:e(a),config:t(a)}};a.__isOptionsFunction=true;a.__pluginFunction=e;a.__configFunction=t;return a};const a=t})(v);return v}var w;function D(){if(w)return F;w=1;(function(e){Object.defineProperty(e,"__esModule",{value:true});Object.defineProperty(e,"default",{enumerable:true,get:function(){return r}});const t=a(E());function a(e){return e&&e.__esModule?e:{default:e}}const r=t.default})(F);return F}var x;var C;function A(){if(C)return x;C=1;let e=D();x=(e.__esModule?e:{default:e}).default;return x}var B=A();var y=p(B);var T={animation:{"fade-in":"forwards fadeIn .2s ease","fade-out":"forwards fadeOut .2s ease","slide-in-right":"forwards slideInRight .5s ease","slide-in-left":"forwards slideInLeft .5s ease","slide-in-top":"forwards slideInTop .25 ease","slide-in-bottom":"forwards slideInBottom .5s ease","slide-in-right-small":"forwards slideInRightSmall .5s ease","slide-in-left-small":"forwards slideInLeftSmall .5s ease","slide-in-top-small":"forwards slideInTopSmall .5s ease","slide-in-bottom-small":"forwards slideInBottomSmall .5s ease","slide-out-right":"forwards slideOutRight .2s ease","slide-out-left":"forwards slideOutLeft .2s ease","slide-out-top":"forwards slideOutTop .2s ease","slide-out-bottom":"forwards slideOutBottom .5s ease","slide-out-top-small":"forwards slideOutTopSmall .5s ease","slide-out-bottom-small":"forwards slideOutBottomSmall .5s ease","floating-menu-container-out":"forwards floatingMenuContainerOut .5s ease","floating-menu-container-in":"forwards floatingMenuContainerIn .5s ease",wave:"wave .5s ease-in-out -0.5s infinite alternate forwards"},keyframes:{fadeIn:{"0%":{opacity:"0"},"100%":{opacity:"100"}},fadeOut:{"0%":{opacity:"100"},"100%":{opacity:"0"}},slideInRight:{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},slideInLeft:{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},slideInTop:{"0%":{transform:"translateY(-100%)"},"100%":{transform:"translateY(0)"}},slideInBottom:{"0%":{transform:"translateY(100%)"},"100%":{transform:"translateY(0)"}},slideInRightSmall:{"0%":{transform:"translateX(20%)"},"100%":{transform:"translateX(0)"}},slideInLeftSmall:{"0%":{transform:"translateX(-20%)"},"100%":{transform:"translateX(0)"}},slideInTopSmall:{"0%":{transform:"translateY(-20%)"},"100%":{transform:"translateY(0)"}},slideInBottomSmall:{"0%":{transform:"translateY(20%)"},"100%":{transform:"translateY(0)"}},slideOutRight:{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},slideOutLeft:{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},slideOutTop:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(-100%)"}},slideOutBottom:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(100%)"}},slideOutTopSmall:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(-20%)"}},slideOutBottomSmall:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(20%)"}},floatingMenuContainerOut:{"0%":{display:"flex",transform:"translateY(0)",opacity:"100"},"99%":{display:"flex",transform:"translateY(100%)",opacity:"0"},"100%":{display:"none",transform:"translateY(100%)",opacity:"0"}},floatingMenuContainerIn:{"0%":{display:"none",transform:"translateY(100%)",opacity:"0"},"1%":{display:"flex",transform:"translateY(100%)",opacity:"0"},"100%":{display:"flex",transform:"translateY(0)",opacity:"100"}},wave:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(-15deg)"}}}};var k={inherit:"inherit",transparent:"transparent",current:"currentColor",black:"#000",white:{800:"#E4E3E3",700:"#F2F2F2",600:"#FAFAFA",DEFAULT:"#FFFFFF",500:"#FFFFFF"},"negative-red":{800:"#8D1010",DEFAULT:"#E61E1E",500:"#E61E1E",100:"#FFDDDD",50:"#FDEDED"},"positive-green":{800:"#2F6407",DEFAULT:"#5CC30E",500:"#5CC30E",100:"#D5FBC7",50:"#EAFDE3"},amber:{800:"#944D0B",DEFAULT:"#E19F23",500:"#E19F23",100:"#FFF6C2",50:"#FFFAE0"},"human-beige":{800:"#DEC9B7",700:"#E7D8CB",600:"#EDE0D5",DEFAULT:"#EEE4DB",500:"#EEE4DB",400:"#F1E9E2",300:"#F5EFE9",200:"#F8F4F1",100:"#FCFAF8",50:"#FDFCFB"},"off-white":{800:"#D5D0C3",700:"#DEDBD5",600:"#ECEAE5",DEFAULT:"#F3F1ED",500:"#F3F1ED",400:"#F5F4F1",300:"#F8F7F4",200:"#FAF9F8",100:"#FDFCFB",50:"#FEFEFD"},"supportive-lilac":{900:"#5009B3",800:"#BD8CFF",700:"#C89FFF",600:"#CCA8FC",DEFAULT:"#D1AEFF",500:"#D1AEFF",400:"#DABEFF",300:"#E3CEFF",200:"#EDDFFF",100:"#F6EFFF",50:"#FAF7FF"},"growth-green":{800:"#81EF2B",700:"#7FF424",600:"#8CFC35",DEFAULT:"#A0FF56",500:"#A0FF56",400:"#B3FF78",300:"#C6FF9A",200:"#D9FFBB",100:"#ECFFDD",50:"#F5FFEE"},"tech-breeze":{800:"#3DEACC",700:"#66F2DA",600:"#83FAE6",DEFAULT:"#94FFED",500:"#94FFED",400:"#A9FFF1",300:"#BFFFF4",200:"#D4FFF8",100:"#EAFFFB",50:"#F4FFFD"},teal:{800:"#02665C",700:"#047367",600:"#047F72",DEFAULT:"#088879",500:"#088879",400:"#39A094",300:"#6BB8AF",200:"#9CCFC9",100:"#CEE7E4",50:"#E6F3F2"},"dark-teal":{800:"#012521",700:"#003832",600:"#004840",DEFAULT:"#005148",500:"#005148",400:"#33746D",300:"#669791",200:"#99B9B6",100:"#CCDCDA",50:"#E5EEED"},"black-teal":{800:"#000202",700:"#000D0B",600:"#011815",DEFAULT:"#032A24",500:"#032A24",400:"#355550",300:"#687F7C",200:"#9AAAA7",100:"#CDD4D3",50:"#E6EAE9"},indigo:{dark:"pink",DEFAULT:"pink",light:"pink"},sky:{dark:"violet",DEFAULT:"violet",light:"violet",vague:"violet"},mystic:{blank:"lime",dark:"lime",DEFAULT:"lime",light:"lime",medium:"lime"},redberry:{dark:"deeppink",DEFAULT:"deeppink",light:"deeppink",medium:"deeppink"},storm:{dark:"cyan",DEFAULT:"cyan",light:"cyan",medium:"cyan",vague:"cyan"},negative:{dark:"deeppink",DEFAULT:"deeppink",light:"deeppink"},positive:{dark:"greenyellow",DEFAULT:"greenyellow",light:"greenyellow"},unbiased:{dark:"yellow",DEFAULT:"yellow",light:"yellow"}};var S={height:{unset:"unset",inherit:"inherit"}};const L={};for(let e=1;e<360;e++){L[`${e}`]=`${e}deg`;L[`-${e}`]=`-${e}deg`}var O={flip:"-1"};var U={1:["0 1px 1px rgba(0, 2, 2, 0.08)"],2:["0 1px 1px rgba(0, 2, 2, 0.04)","0 2px 2px rgba(0, 2, 2, 0.04)","0 4px 4px rgba(0, 2, 2, 0.04)"],3:["0 1px 1px rgba(0, 2, 2, 0.08)","0 2px 2px rgba(0, 2, 2, 0.08)","0 4px 4px rgba(0, 2, 2, 0.08)"],modal:["0 0 0 1px rgba(0, 2, 2, 0.10)","0 1px 1px 0 rgba(0, 2, 2, 0.20)","0 2px 2px 0 rgba(0, 2, 2, 0.08)","0 4px 4px 0 rgba(0, 2, 2, 0.08)","0 8px 8px 0 rgba(0, 2, 2, 0.08)"],"supportive-lilac":"0px 1px 1px rgba(189, 140, 255, 0.20)","black-teal-10%":"0px 1px 0px rgba(3, 42, 36, 0.1)",inherit:"inherit",transparent:"transparent"};var R={"content-mobile-x":"1rem","content-mobile-y":"1.5rem","content-desktop-x":"2rem","content-desktop-y":"2rem",18:"4.5rem"};var Y={fontSize:{xxs:["0.5rem","1rem"],"3xl":["2rem","2.5rem"],"4xl":["2.5rem","3rem"]},lineHeight:{xs:"1rem",sm:"1.5rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem","2xl":"2rem","3xl":"2.5rem","4xl":"3rem"}};var z={width:{unset:"unset",inherit:"inherit","content-mobile":"100%","content-1280":"62rem","content-1440":"71rem","content-1536":"77rem","content-1680":"83rem","sidebar-desktop-login":"100%","content-desktop-login":"21rem"}};var X={"floating-menu":"190",dropdown:"200","navbar-topbar":"280","navbar-backdrop":"290",navbar:"300",backdrop:"490",drawer:"500","drawer-header":"501",modal:"600",tooltip:"601",toast:"700"};const _=({addVariant:e})=>{e("has-hover","@media (hover: hover)");e("no-hover","@media (hover: none)");e("hover-never","@media (hover: hover) { &:hover }");e("group-hover-never","@media (hover: hover) { :merge(.group):hover & }");e("peer-hover-never","@media (hover: hover) { :merge(.peer):hover & }");e("hover-always",["@media (hover: hover) { &:hover }","@media (hover: none)"]);e("group-hover-always",["@media (hover: hover) { :merge(.group):hover & }","@media (hover: none)"]);e("peer-hover-always",["@media (hover: hover) { :merge(.peer):hover & }","@media (hover: none)"])};const $=({addUtilities:e})=>{const t={".m-safe":{marginTop:"env(safe-area-inset-top)",marginRight:"env(safe-area-inset-right)",marginBottom:"env(safe-area-inset-bottom)",marginLeft:"env(safe-area-inset-left)"},".mx-safe":{marginRight:"env(safe-area-inset-right)",marginLeft:"env(safe-area-inset-left)"},".my-safe":{marginTop:"env(safe-area-inset-top)",marginBottom:"env(safe-area-inset-bottom)"},".mt-safe":{marginTop:"env(safe-area-inset-top)"},".mr-safe":{marginRight:"env(safe-area-inset-right)"},".mb-safe":{marginBottom:"env(safe-area-inset-bottom)"},".ml-safe":{marginLeft:"env(safe-area-inset-left)"},".p-safe":{paddingTop:"env(safe-area-inset-top)",paddingRight:"env(safe-area-inset-right)",paddingBottom:"env(safe-area-inset-bottom)",paddingLeft:"env(safe-area-inset-left)"},".px-safe":{paddingRight:"env(safe-area-inset-right)",paddingLeft:"env(safe-area-inset-left)"},".py-safe":{paddingTop:"env(safe-area-inset-top)",paddingBottom:"env(safe-area-inset-bottom)"},".pt-safe":{paddingTop:"env(safe-area-inset-top)"},".pr-safe":{paddingRight:"env(safe-area-inset-right)"},".pb-safe":{paddingBottom:"env(safe-area-inset-bottom)"},".pl-safe":{paddingLeft:"env(safe-area-inset-left)"},".min-h-screen":{minHeight:"100vh"},".min-h-screen-safe":{minHeight:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".max-h-screen":{maxHeight:"100vh"},".max-h-screen-safe":{maxHeight:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".h-screen-safe":{height:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".min-w-screen":{minWidth:"100vw"},".min-w-screen-safe":{minWidth:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"},".max-w-screen":{maxWidth:"100vw"},".max-w-screen-safe":{maxWidth:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"},".w-screen-safe":{width:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"}};e(t)};var M;var H;function N(){if(H)return M;H=1;const e=A();const t={position:"relative",paddingBottom:`calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)`};const a={position:"absolute",height:"100%",width:"100%",top:"0",right:"0",bottom:"0",left:"0"};const r={".aspect-none":{position:"static",paddingBottom:"0"},".aspect-none > *":{position:"static",height:"auto",width:"auto",top:"auto",right:"auto",bottom:"auto",left:"auto"}};const n=e((function({addComponents:e,matchComponents:n,theme:s,variants:o,e:i}){const l=s("aspectRatio");if(n){n({"aspect-w":e=>[{...t,"--tw-aspect-w":e},{"> *":a}],"aspect-h":e=>({"--tw-aspect-h":e})},{values:l});e(r);return}const m=Object.entries(l).map((([e,t])=>`.${i(`aspect-w-${e}`)}`)).join(",\n");const f=Object.entries(l).map((([e,t])=>`.${i(`aspect-w-${e}`)} > *`)).join(",\n");e([{[m]:t,[f]:a},r,Object.entries(l).map((([e,t])=>({[`.${i(`aspect-w-${e}`)}`]:{"--tw-aspect-w":t}}))),Object.entries(l).map((([e,t])=>({[`.${i(`aspect-h-${e}`)}`]:{"--tw-aspect-h":t}})))],o("aspectRatio"))}),{theme:{aspectRatio:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13",14:"14",15:"15",16:"16"}},variants:{aspectRatio:["responsive"]}});M=n;return M}var W=N();var V=p(W);var J;var q;function G(){if(q)return J;q=1;const e=A();const t=e((function({addUtilities:e}){e({".scrollbar-hide":{"-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"}},".scrollbar-default":{"-ms-overflow-style":"auto","scrollbar-width":"auto","&::-webkit-scrollbar":{display:"block"}}},["responsive"])}));J=t;return J}var P=G();var Q=p(P);const K=y((e=>{$(e);_(e)}),{theme:{colors:k,boxShadow:U,dropShadow:U,extend:{animation:T.animation,keyframes:T.keyframes,fontFamily:{geist:["Geist","serif"],ambit:["Ambit","sans-serif"]},scale:O,rotate:L,fontSize:Y.fontSize,lineHeight:Y.lineHeight,zIndex:X,screens:r,width:z.width,height:S.height,spacing:R,aspectRatio:{branding:"23/24"}}},plugins:[V,Q,$,_]});export{n as camelToSnakeCase,l as kebabToSpaces,K as paperless,s as snakeToCamelCase,m as titleCase};
+export{f as floatingMenuContainerClass,g as getTableCellColumnClasses,a as getTableCellSizes,i as isTableColumnSizesKey}from"./p-_CfQET1U.js";export{t as tableColumSizesOptions}from"./p-DdQ-S2l7.js";export{I as IBAN_ICON_VARIANTS_ARRAY}from"./p-By0EdXx2.js";export{c as childOf,a as childOfComposed}from"./p-BFSNj6hu.js";export{c as categorized,i as icons}from"./p-BmA7NKgh.js";export{f as formatTranslation,g as getLocaleComponentStrings}from"./p-DiJj8rmO.js";export{o as objectGetByPath}from"./p-CrdJDtHg.js";import{s as r}from"./p-B3sNjfzc.js";export{g as getScreenSize,b as getScreenSizeInPixels,a as getScreenSizeInRem,d as isBetweenScreens,i as isBiggerThanScreen,j as isDesktop,f as isMobile,c as isSmallerThanScreen,h as isTablet,e as isTouchDevice}from"./p-B3sNjfzc.js";export{i as isMobileBrowser}from"./p-DVCJlilm.js";export{c as cn}from"./p-CT54OXR2.js";import"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n=e=>e.replace(/[A-Z]/g,(e=>`_${e.toLowerCase()}`));const s=e=>e.toLowerCase().replace(/([-_][a-z])/g,(e=>e.toUpperCase().replace("-","").replace("_","")));const l=e=>e.replace(/-/g," ");const m=e=>e.replace(/\w\S*/g,(e=>e.charAt(0).toUpperCase()+e.substring(1).toLowerCase()));function p(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}var F={};var v={};var u;function E(){if(u)return v;u=1;(function(e){Object.defineProperty(e,"__esModule",{value:true});Object.defineProperty(e,"default",{enumerable:true,get:function(){return a}});function t(e,t){return{handler:e,config:t}}t.withOptions=function(e,t=()=>({})){const a=function(a){return{__options:a,handler:e(a),config:t(a)}};a.__isOptionsFunction=true;a.__pluginFunction=e;a.__configFunction=t;return a};const a=t})(v);return v}var w;function D(){if(w)return F;w=1;(function(e){Object.defineProperty(e,"__esModule",{value:true});Object.defineProperty(e,"default",{enumerable:true,get:function(){return r}});const t=a(E());function a(e){return e&&e.__esModule?e:{default:e}}const r=t.default})(F);return F}var x;var A;function C(){if(A)return x;A=1;let e=D();x=(e.__esModule?e:{default:e}).default;return x}var B=C();var y=p(B);var T={animation:{"fade-in":"forwards fadeIn .2s ease","fade-out":"forwards fadeOut .2s ease","slide-in-right":"forwards slideInRight .5s ease","slide-in-left":"forwards slideInLeft .5s ease","slide-in-top":"forwards slideInTop .25 ease","slide-in-bottom":"forwards slideInBottom .5s ease","slide-in-right-small":"forwards slideInRightSmall .5s ease","slide-in-left-small":"forwards slideInLeftSmall .5s ease","slide-in-top-small":"forwards slideInTopSmall .5s ease","slide-in-bottom-small":"forwards slideInBottomSmall .5s ease","slide-out-right":"forwards slideOutRight .2s ease","slide-out-left":"forwards slideOutLeft .2s ease","slide-out-top":"forwards slideOutTop .2s ease","slide-out-bottom":"forwards slideOutBottom .5s ease","slide-out-top-small":"forwards slideOutTopSmall .5s ease","slide-out-bottom-small":"forwards slideOutBottomSmall .5s ease","floating-menu-container-out":"forwards floatingMenuContainerOut .5s ease","floating-menu-container-in":"forwards floatingMenuContainerIn .5s ease",wave:"wave .5s ease-in-out -0.5s infinite alternate forwards"},keyframes:{fadeIn:{"0%":{opacity:"0"},"100%":{opacity:"100"}},fadeOut:{"0%":{opacity:"100"},"100%":{opacity:"0"}},slideInRight:{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},slideInLeft:{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},slideInTop:{"0%":{transform:"translateY(-100%)"},"100%":{transform:"translateY(0)"}},slideInBottom:{"0%":{transform:"translateY(100%)"},"100%":{transform:"translateY(0)"}},slideInRightSmall:{"0%":{transform:"translateX(20%)"},"100%":{transform:"translateX(0)"}},slideInLeftSmall:{"0%":{transform:"translateX(-20%)"},"100%":{transform:"translateX(0)"}},slideInTopSmall:{"0%":{transform:"translateY(-20%)"},"100%":{transform:"translateY(0)"}},slideInBottomSmall:{"0%":{transform:"translateY(20%)"},"100%":{transform:"translateY(0)"}},slideOutRight:{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},slideOutLeft:{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},slideOutTop:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(-100%)"}},slideOutBottom:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(100%)"}},slideOutTopSmall:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(-20%)"}},slideOutBottomSmall:{"0%":{transform:"translateY(0)"},"100%":{transform:"translateY(20%)"}},floatingMenuContainerOut:{"0%":{display:"flex",transform:"translateY(0)",opacity:"100"},"99%":{display:"flex",transform:"translateY(100%)",opacity:"0"},"100%":{display:"none",transform:"translateY(100%)",opacity:"0"}},floatingMenuContainerIn:{"0%":{display:"none",transform:"translateY(100%)",opacity:"0"},"1%":{display:"flex",transform:"translateY(100%)",opacity:"0"},"100%":{display:"flex",transform:"translateY(0)",opacity:"100"}},wave:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(-15deg)"}}}};var k={inherit:"inherit",transparent:"transparent",current:"currentColor",black:"#000",white:{800:"#E4E3E3",700:"#F2F2F2",600:"#FAFAFA",DEFAULT:"#FFFFFF",500:"#FFFFFF"},"negative-red":{800:"#8D1010",DEFAULT:"#E61E1E",500:"#E61E1E",100:"#FFDDDD",50:"#FDEDED"},"positive-green":{800:"#2F6407",DEFAULT:"#5CC30E",500:"#5CC30E",100:"#D5FBC7",50:"#EAFDE3"},amber:{800:"#944D0B",DEFAULT:"#E19F23",500:"#E19F23",100:"#FFF6C2",50:"#FFFAE0"},"human-beige":{800:"#DEC9B7",700:"#E7D8CB",600:"#EDE0D5",DEFAULT:"#EEE4DB",500:"#EEE4DB",400:"#F1E9E2",300:"#F5EFE9",200:"#F8F4F1",100:"#FCFAF8",50:"#FDFCFB"},"off-white":{800:"#D5D0C3",700:"#DEDBD5",600:"#ECEAE5",DEFAULT:"#F3F1ED",500:"#F3F1ED",400:"#F5F4F1",300:"#F8F7F4",200:"#FAF9F8",100:"#FDFCFB",50:"#FEFEFD"},"supportive-lilac":{900:"#5009B3",800:"#BD8CFF",700:"#C89FFF",600:"#CCA8FC",DEFAULT:"#D1AEFF",500:"#D1AEFF",400:"#DABEFF",300:"#E3CEFF",200:"#EDDFFF",100:"#F6EFFF",50:"#FAF7FF"},"growth-green":{800:"#81EF2B",700:"#7FF424",600:"#8CFC35",DEFAULT:"#A0FF56",500:"#A0FF56",400:"#B3FF78",300:"#C6FF9A",200:"#D9FFBB",100:"#ECFFDD",50:"#F5FFEE"},"tech-breeze":{800:"#3DEACC",700:"#66F2DA",600:"#83FAE6",DEFAULT:"#94FFED",500:"#94FFED",400:"#A9FFF1",300:"#BFFFF4",200:"#D4FFF8",100:"#EAFFFB",50:"#F4FFFD"},teal:{800:"#02665C",700:"#047367",600:"#047F72",DEFAULT:"#088879",500:"#088879",400:"#39A094",300:"#6BB8AF",200:"#9CCFC9",100:"#CEE7E4",50:"#E6F3F2"},"dark-teal":{800:"#012521",700:"#003832",600:"#004840",DEFAULT:"#005148",500:"#005148",400:"#33746D",300:"#669791",200:"#99B9B6",100:"#CCDCDA",50:"#E5EEED"},"black-teal":{800:"#000202",700:"#000D0B",600:"#011815",DEFAULT:"#032A24",500:"#032A24",400:"#355550",300:"#687F7C",200:"#9AAAA7",100:"#CDD4D3",50:"#E6EAE9"},indigo:{dark:"pink",DEFAULT:"pink",light:"pink"},sky:{dark:"violet",DEFAULT:"violet",light:"violet",vague:"violet"},mystic:{blank:"lime",dark:"lime",DEFAULT:"lime",light:"lime",medium:"lime"},redberry:{dark:"deeppink",DEFAULT:"deeppink",light:"deeppink",medium:"deeppink"},storm:{dark:"cyan",DEFAULT:"cyan",light:"cyan",medium:"cyan",vague:"cyan"},negative:{dark:"deeppink",DEFAULT:"deeppink",light:"deeppink"},positive:{dark:"greenyellow",DEFAULT:"greenyellow",light:"greenyellow"},unbiased:{dark:"yellow",DEFAULT:"yellow",light:"yellow"}};var S={height:{unset:"unset",inherit:"inherit"}};const L={};for(let e=1;e<360;e++){L[`${e}`]=`${e}deg`;L[`-${e}`]=`-${e}deg`}var O={flip:"-1"};var U={1:["0 1px 1px rgba(0, 2, 2, 0.08)"],2:["0 1px 1px rgba(0, 2, 2, 0.04)","0 2px 2px rgba(0, 2, 2, 0.04)","0 4px 4px rgba(0, 2, 2, 0.04)"],3:["0 1px 1px rgba(0, 2, 2, 0.08)","0 2px 2px rgba(0, 2, 2, 0.08)","0 4px 4px rgba(0, 2, 2, 0.08)"],modal:["0 0 0 1px rgba(0, 2, 2, 0.10)","0 1px 1px 0 rgba(0, 2, 2, 0.20)","0 2px 2px 0 rgba(0, 2, 2, 0.08)","0 4px 4px 0 rgba(0, 2, 2, 0.08)","0 8px 8px 0 rgba(0, 2, 2, 0.08)"],"supportive-lilac":"0px 1px 1px rgba(189, 140, 255, 0.20)","black-teal-10%":"0px 1px 0px rgba(3, 42, 36, 0.1)",inherit:"inherit",transparent:"transparent"};var R={"content-mobile-x":"1rem","content-mobile-y":"1.5rem","content-desktop-x":"2rem","content-desktop-y":"2rem",18:"4.5rem"};var Y={fontSize:{xxs:["0.5rem","1rem"],"3xl":["2rem","2.5rem"],"4xl":["2.5rem","3rem"]},lineHeight:{xs:"1rem",sm:"1.5rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem","2xl":"2rem","3xl":"2.5rem","4xl":"3rem"}};var z={width:{unset:"unset",inherit:"inherit","content-mobile":"100%","content-1280":"62rem","content-1440":"71rem","content-1536":"77rem","content-1680":"83rem","sidebar-desktop-login":"100%","content-desktop-login":"21rem"}};var X={"floating-menu":"190",dropdown:"200","navbar-topbar":"280","navbar-backdrop":"290",navbar:"300",backdrop:"490",drawer:"500","drawer-header":"501",modal:"600",tooltip:"601",toast:"700"};const $=({addVariant:e})=>{e("has-hover","@media (hover: hover)");e("no-hover","@media (hover: none)");e("hover-never","@media (hover: hover) { &:hover }");e("group-hover-never","@media (hover: hover) { :merge(.group):hover & }");e("peer-hover-never","@media (hover: hover) { :merge(.peer):hover & }");e("hover-always",["@media (hover: hover) { &:hover }","@media (hover: none)"]);e("group-hover-always",["@media (hover: hover) { :merge(.group):hover & }","@media (hover: none)"]);e("peer-hover-always",["@media (hover: hover) { :merge(.peer):hover & }","@media (hover: none)"])};const _=({addUtilities:e})=>{const t={".m-safe":{marginTop:"env(safe-area-inset-top)",marginRight:"env(safe-area-inset-right)",marginBottom:"env(safe-area-inset-bottom)",marginLeft:"env(safe-area-inset-left)"},".mx-safe":{marginRight:"env(safe-area-inset-right)",marginLeft:"env(safe-area-inset-left)"},".my-safe":{marginTop:"env(safe-area-inset-top)",marginBottom:"env(safe-area-inset-bottom)"},".mt-safe":{marginTop:"env(safe-area-inset-top)"},".mr-safe":{marginRight:"env(safe-area-inset-right)"},".mb-safe":{marginBottom:"env(safe-area-inset-bottom)"},".ml-safe":{marginLeft:"env(safe-area-inset-left)"},".p-safe":{paddingTop:"env(safe-area-inset-top)",paddingRight:"env(safe-area-inset-right)",paddingBottom:"env(safe-area-inset-bottom)",paddingLeft:"env(safe-area-inset-left)"},".px-safe":{paddingRight:"env(safe-area-inset-right)",paddingLeft:"env(safe-area-inset-left)"},".py-safe":{paddingTop:"env(safe-area-inset-top)",paddingBottom:"env(safe-area-inset-bottom)"},".pt-safe":{paddingTop:"env(safe-area-inset-top)"},".pr-safe":{paddingRight:"env(safe-area-inset-right)"},".pb-safe":{paddingBottom:"env(safe-area-inset-bottom)"},".pl-safe":{paddingLeft:"env(safe-area-inset-left)"},".min-h-screen":{minHeight:"100vh"},".min-h-screen-safe":{minHeight:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".max-h-screen":{maxHeight:"100vh"},".max-h-screen-safe":{maxHeight:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".h-screen-safe":{height:"calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))"},".min-w-screen":{minWidth:"100vw"},".min-w-screen-safe":{minWidth:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"},".max-w-screen":{maxWidth:"100vw"},".max-w-screen-safe":{maxWidth:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"},".w-screen-safe":{width:"calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))"}};e(t)};var M;var H;function N(){if(H)return M;H=1;const e=C();const t={position:"relative",paddingBottom:`calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)`};const a={position:"absolute",height:"100%",width:"100%",top:"0",right:"0",bottom:"0",left:"0"};const r={".aspect-none":{position:"static",paddingBottom:"0"},".aspect-none > *":{position:"static",height:"auto",width:"auto",top:"auto",right:"auto",bottom:"auto",left:"auto"}};const n=e((function({addComponents:e,matchComponents:n,theme:s,variants:o,e:i}){const l=s("aspectRatio");if(n){n({"aspect-w":e=>[{...t,"--tw-aspect-w":e},{"> *":a}],"aspect-h":e=>({"--tw-aspect-h":e})},{values:l});e(r);return}const m=Object.entries(l).map((([e,t])=>`.${i(`aspect-w-${e}`)}`)).join(",\n");const f=Object.entries(l).map((([e,t])=>`.${i(`aspect-w-${e}`)} > *`)).join(",\n");e([{[m]:t,[f]:a},r,Object.entries(l).map((([e,t])=>({[`.${i(`aspect-w-${e}`)}`]:{"--tw-aspect-w":t}}))),Object.entries(l).map((([e,t])=>({[`.${i(`aspect-h-${e}`)}`]:{"--tw-aspect-h":t}})))],o("aspectRatio"))}),{theme:{aspectRatio:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13",14:"14",15:"15",16:"16"}},variants:{aspectRatio:["responsive"]}});M=n;return M}var W=N();var V=p(W);var J;var G;function K(){if(G)return J;G=1;const e=C();const t=e((function({addUtilities:e}){e({".scrollbar-hide":{"-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"}},".scrollbar-default":{"-ms-overflow-style":"auto","scrollbar-width":"auto","&::-webkit-scrollbar":{display:"block"}}},["responsive"])}));J=t;return J}var P=K();var Q=p(P);const q=y((e=>{_(e);$(e)}),{theme:{colors:k,boxShadow:U,dropShadow:U,extend:{animation:T.animation,keyframes:T.keyframes,fontFamily:{geist:["Geist","serif"],ambit:["Ambit","sans-serif"]},scale:O,rotate:L,fontSize:Y.fontSize,lineHeight:Y.lineHeight,zIndex:X,screens:r,width:z.width,height:S.height,spacing:R,aspectRatio:{branding:"23/24"}}},plugins:[V,Q,_,$]});export{n as camelToSnakeCase,l as kebabToSpaces,q as paperless,s as snakeToCamelCase,m as titleCase};
 //# sourceMappingURL=index.esm.js.map

package/dist/build/p-00e39694.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["Modal","size","header","show","applyBlur","showClose","showMobileFooter","backdropClickClose","scrollLock","closeClicked","closed","_hasFooterSlot","_hasHeaderSlot","_closing","componentWillLoad","this","_el","querySelector","render","headerContent","h","name","bodyContent","footerContent","onClicked","ev","_backdropClick","detail","closing","length","onClose","close","roundedBottom","roundedTop","modal","_findModal","target","el","nodeName","toLowerCase","parentElement","reason","emit","setTimeout","handleCloseModal"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.nodeName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"mappings":"+DAeaA,EAAK,M,mGAITC,KAAqC,OAKrCC,OAKAC,KAAgB,MAKhBC,UAAqB,MAKrBC,UAAY,KAKZC,iBAAmB,MAKnBC,mBAAqB,KAKrBC,WAAsB,KAQ9BC,aAQAC,O,yBAOQC,eAAiB,MACjBC,eAAiB,MAERC,SAAW,MAE5B,iBAAAC,GACCC,KAAKJ,iBAAmBI,KAAKC,IAAIC,cAAc,4BAC/CF,KAAKH,iBAAmBG,KAAKC,IAAIC,cAAc,2B,CAGhD,MAAAC,GACC,IAAKH,KAAKZ,KAAM,CACf,M,CAGD,MAAMgB,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACCD,EAAA,cACChB,UAAWW,KAAKX,UAChBoB,UAAWC,GAAMV,KAAKW,eAAeD,EAAGE,QACxCC,QAASb,KAAKF,SACdL,WAAYO,KAAKP,YAEjBY,EACC,qBAAAnB,KAAMc,KAAKd,KACX2B,QAASb,KAAKF,WAEZE,KAAKb,QAAQ2B,QAAUd,KAAKH,iBAC7BQ,EACC,kBAAAf,UAAWU,KAAKV,UAChByB,QAASL,GAAMV,KAAKgB,MAAM,SAAUN,EAAGE,SAEtCZ,KAAKH,eAAiBO,EAAgBJ,KAAKb,QAG9CkB,EACC,gBAAAY,eAAgBjB,KAAKJ,eACrBsB,YAAalB,KAAKH,iBAAmBG,KAAKb,QAAQ2B,QAEjDP,GAEDP,KAAKJ,gBACLS,EAAA,sBAAiBG,I,CAOd,cAAAG,CAAeD,GACtB,IAAKV,KAAKR,mBAAoB,CAC7B,M,CAGD,MAAM2B,EAAQnB,KAAKoB,WAAWV,EAAGW,QACjC,GAAIF,EAAO,CACV,M,CAGDnB,KAAKgB,MAAM,WAAYN,E,CAGhB,UAAAU,CAAWE,GAClB,IAAKA,EAAI,CACR,OAAO,I,CAGR,GAAIA,EAAGC,SAASC,gBAAkB,oBAAqB,CACtD,OAAOF,C,CAGR,GAAIA,GAAIC,UAAUC,gBAAkB,aAAc,CACjD,OAAO,I,CAGR,OAAOxB,KAAKoB,WAAWE,GAAIG,c,CAGrB,KAAAT,CAAMU,EAAgBhB,GAC5BV,KAAKN,aAAaiC,KAAKjB,GAEvBV,KAAKF,SAAW,KAEhB8B,YAAW,KACV5B,KAAKZ,KAAO,MACZY,KAAKF,SAAW,MAEhBE,KAAKL,OAAOgC,KAAKD,EAAO,GACtB,I,CAIJ,gBAAAG,GACC7B,KAAKgB,MAAM,Q","ignoreList":[]}
+{"version":3,"names":["Modal","size","header","show","applyBlur","showClose","showMobileFooter","backdropClickClose","scrollLock","closeClicked","closed","_hasFooterSlot","_hasHeaderSlot","_closing","componentWillLoad","this","_el","querySelector","render","headerContent","h","name","bodyContent","footerContent","onClicked","ev","_backdropClick","detail","closing","length","onClose","close","roundedBottom","roundedTop","modal","_findModal","target","el","nodeName","toLowerCase","parentElement","reason","emit","setTimeout","handleCloseModal"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.nodeName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"mappings":"+DAeaA,EAAK,M,mGAITC,KAA4C,OAK5CC,OAKAC,KAAgB,MAKhBC,UAAqB,MAKrBC,UAAY,KAKZC,iBAAmB,MAKnBC,mBAAqB,KAKrBC,WAAsB,KAQ9BC,aAQAC,O,yBAOQC,eAAiB,MACjBC,eAAiB,MAERC,SAAW,MAE5B,iBAAAC,GACCC,KAAKJ,iBAAmBI,KAAKC,IAAIC,cAAc,4BAC/CF,KAAKH,iBAAmBG,KAAKC,IAAIC,cAAc,2B,CAGhD,MAAAC,GACC,IAAKH,KAAKZ,KAAM,CACf,M,CAGD,MAAMgB,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACCD,EAAA,cACChB,UAAWW,KAAKX,UAChBoB,UAAWC,GAAMV,KAAKW,eAAeD,EAAGE,QACxCC,QAASb,KAAKF,SACdL,WAAYO,KAAKP,YAEjBY,EACC,qBAAAnB,KAAMc,KAAKd,KACX2B,QAASb,KAAKF,WAEZE,KAAKb,QAAQ2B,QAAUd,KAAKH,iBAC7BQ,EACC,kBAAAf,UAAWU,KAAKV,UAChByB,QAASL,GAAMV,KAAKgB,MAAM,SAAUN,EAAGE,SAEtCZ,KAAKH,eAAiBO,EAAgBJ,KAAKb,QAG9CkB,EACC,gBAAAY,eAAgBjB,KAAKJ,eACrBsB,YAAalB,KAAKH,iBAAmBG,KAAKb,QAAQ2B,QAEjDP,GAEDP,KAAKJ,gBACLS,EAAA,sBAAiBG,I,CAOd,cAAAG,CAAeD,GACtB,IAAKV,KAAKR,mBAAoB,CAC7B,M,CAGD,MAAM2B,EAAQnB,KAAKoB,WAAWV,EAAGW,QACjC,GAAIF,EAAO,CACV,M,CAGDnB,KAAKgB,MAAM,WAAYN,E,CAGhB,UAAAU,CAAWE,GAClB,IAAKA,EAAI,CACR,OAAO,I,CAGR,GAAIA,EAAGC,SAASC,gBAAkB,oBAAqB,CACtD,OAAOF,C,CAGR,GAAIA,GAAIC,UAAUC,gBAAkB,aAAc,CACjD,OAAO,I,CAGR,OAAOxB,KAAKoB,WAAWE,GAAIG,c,CAGrB,KAAAT,CAAMU,EAAgBhB,GAC5BV,KAAKN,aAAaiC,KAAKjB,GAEvBV,KAAKF,SAAW,KAEhB8B,YAAW,KACV5B,KAAKZ,KAAO,MACZY,KAAKF,SAAW,MAEhBE,KAAKL,OAAOgC,KAAKD,EAAO,GACtB,I,CAIJ,gBAAAG,GACC7B,KAAKgB,MAAM,Q","ignoreList":[]}

package/dist/build/p-274e9c49.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,c as a}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as r}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const i="*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";const n=o("bg-white p-4",{variants:{roundedBottom:{true:"rounded-b-none desktop-xs:rounded-b-2xl",false:null},roundedTop:{true:"rounded-t-lg desktop-xs:rounded-t-2xl",false:null}}});const m=class{constructor(e){t(this,e)}roundedBottom=false;roundedTop=false;render(){return e("div",{key:"54eeb93a27f3d9324922588ded663f918d23459c",class:n({roundedBottom:this.roundedBottom,roundedTop:this.roundedTop})},e("slot",{key:"e59ecb5c9ea4e96ecfd070dafc402851bf569c14"}))}};m.style=i;const d=".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.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-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem!important}.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[40rem\\]{max-width:40rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!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}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";const s=o(["flex-1 min-w-0 w-full","z-modal flex flex-col","rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl","max-h-[calc(100dvh-4rem)]","shadow-modal"],{variants:{size:{xs:"tablet:max-w-[20rem]",base:"tablet:max-w-[35rem]",lg:"tablet:max-w-[40rem]",xl:"tablet:max-w-[45rem]","2xl":"tablet:max-w-[65rem]"},closing:{false:"animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small",true:"animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none"}}});const l=class{constructor(e){t(this,e)}size="base";closing=false;render(){return e("div",{key:"c970cf83e0f3d86a92394f86960e534d8cfb614e",class:s({size:this.size,closing:r(this.closing)})},e("slot",{key:"36444a771755de0317e12212baaa9593c3633374"}))}};l.style=d;const p="*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";const c=class{constructor(e){t(this,e)}render(){return e("div",{key:"2b98a6f0f1d00b193c8d81d88afb4db6ff581484",class:"flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl"},e("p-divider",{key:"f26fcd3f3b42781ef148377089fa31a337bbf9d6",class:"mb-4 hidden desktop-xs:inline-block"}),e("div",{key:"ae51d4c9d85b9760651eda2ca3a4ad88cf064bbf",class:"flex flex-col gap-4 px-4 tablet:flex-row"},e("slot",{key:"3156a92dbf6d85df26bb46b3017850a65af00bf7"})))}};c.style=p;const b="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[7\\/1\\]{aspect-ratio:7/1!important}.h-12{height:3rem!important}.w-\\[calc\\(100\\%-7rem\\)\\]{width:calc(100% - 7rem)!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.flex-col{flex-direction:column!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";const x=o(["w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]","inline-flex aspect-[7/1]"]);const f=o(["flex justify-end","w-full p-4 pb-0 h-12"]);const w=o(["flex-1 text-center","w-[calc(100%-7rem)]","absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2","black-teal-500 text-2xl text-ambit font-bold"]);const h=class{constructor(e){t(this,e);this.close=a(this,"close",3)}showClose=true;close;render(){return e("div",{key:"12831cc1bca31e747b45fd13dfa66bfa82cbe2fb",class:x()},e("div",{key:"fa5539f7bd001b022be312e5e8155dd02a64a4a7",class:f()},e("div",{key:"27a50756df5d98858901fde265e103e6abf14b6a",class:w()},e("slot",{key:"4c2f3f89ef30b0c7a1e77996936c6044e569934e"})),this.showClose&&e("p-button",{key:"d20087d813a483a30a5bdcc1a036aadc616bc4c0",variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t)})),e("p-smile",{key:"39ed230b0bc8f327482cc61d7257a659d2de7268"}))}};h.style=b;export{m as p_modal_body,l as p_modal_container,c as p_modal_footer,h as p_modal_header};
+//# sourceMappingURL=p-274e9c49.entry.js.map

package/dist/build/p-274e9c49.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["modalBodyComponentCss","body","cva","variants","roundedBottom","true","false","roundedTop","ModalBody","render","h","key","class","this","modalContainerComponentCss","container","size","xs","base","lg","xl","closing","ModalContainer","asBoolean","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","header","content","title","ModalHeader","showClose","close","variant","icon","iconOnly","onClick","ev","emit"],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"kJAAA,MAAMA,EAAwB,spBCG9B,MAAMC,EAAOC,EAAI,eAAgB,CAChCC,SAAU,CACTC,cAAe,CACdC,KAAM,0CACNC,MAAO,MAERC,WAAY,CACXF,KAAM,wCACNC,MAAO,S,MAUGE,EAAS,M,yBAIbJ,cAAyB,MAKzBG,WAAsB,MAE9B,MAAAE,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAOX,EAAK,CACXG,cAAeS,KAAKT,cACpBG,WAAYM,KAAKN,cAGlBG,EAAQ,QAAAC,IAAA,6C,aCxCZ,MAAMG,EAA6B,0iGCInC,MAAMC,EAAYb,EACjB,CACC,wBAEA,wBACA,wDAEA,4BAEA,gBAED,CACCC,SAAU,CACTa,KAAM,CACLC,GAAI,uBACJC,KAAM,uBACNC,GAAI,uBACJC,GAAI,uBACJ,MAAO,wBAERC,QAAS,CACRf,MACC,mEACDD,KAAM,6F,MAWGiB,EAAc,M,yBAIlBN,KAA4C,OAK5CK,QAAmB,MAE3B,MAAAZ,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAOG,EAAU,CAChBC,KAAMH,KAAKG,KACXK,QAASE,EAAUV,KAAKQ,YAGzBX,EAAQ,QAAAC,IAAA,6C,aCzDZ,MAAMa,EAA0B,sxB,MCOnBC,EAAW,M,yBACvB,MAAAhB,GACC,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uEACVF,EAAW,aAAAC,IAAA,2CAAAC,MAAM,wCAEjBF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,4CACVF,EAAQ,QAAAC,IAAA,8C,aCdb,MAAMe,EAA0B,g2CCGhC,MAAMC,EAASzB,EAAI,CAClB,wEACA,6BAGD,MAAM0B,EAAU1B,EAAI,CAAC,mBAAoB,yBAEzC,MAAM2B,EAAQ3B,EAAI,CACjB,qBACA,sBACA,8DACA,iD,MAQY4B,EAAW,M,sDAIfC,UAAY,KAQpBC,MAEA,MAAAvB,GACC,OACCC,EAAA,OAAAC,IAAA,2CAAKC,MAAOe,KACXjB,EAAK,OAAAC,IAAA,2CAAAC,MAAOgB,KACXlB,EAAK,OAAAC,IAAA,2CAAAC,MAAOiB,KACXnB,EAAA,QAAAC,IAAA,8CAGAE,KAAKkB,WACLrB,EAAA,YAAAC,IAAA,2CACCsB,QAAQ,YACRC,KAAK,WACLC,SAAU,KACVC,QAASC,GAAMxB,KAAKmB,MAAMM,KAAKD,MAKlC3B,EAAW,WAAAC,IAAA,6C","ignoreList":[]}