@codeandfunction/callaloo 5.14.0 → 5.15.1

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "5.14.0",
+  "version": "5.15.1",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",
@@ -184,7 +184,7 @@
     }
   },
   "dependencies": {
-    "@codeandfunction/callaloo-tokens": "1.3.0",
+    "@codeandfunction/callaloo-tokens": "1.4.0",
     "@codeandfunction/callaloo-types": "1.5.0"
   },
   "devDependencies": {

package/dist/chunks/CLModal.vue_vue_type_style_index_0_lang-CMwoV-Lu.js

@@ -1,2 +0,0 @@
-import '../components/Modals/CLModal/CLModal.css';
-import{defineComponent as e,useTemplateRef as o,useSlots as t,ref as l,computed as a,watch as n,onMounted as s,onBeforeUnmount as d,createBlock as r,openBlock as i,Teleport as c,createElementBlock as _,createCommentVNode as u,normalizeStyle as m,normalizeClass as v,unref as f,createElementVNode as p,renderSlot as b,withCtx as y,createTextVNode as h,toDisplayString as $}from"vue";import{_ as w}from"./CLButton.vue_vue_type_style_index_0_lang-C4FnlILR.js";import{_ as x}from"./CLHeading.vue_vue_type_style_index_0_lang-BkfH2FiT.js";import{b as I,g as z,d as g,c as L,h as k,e as B,f as C,l as T}from"./index-CGlfDAYR.js";import{useTheme as j}from"../composables/useTheme.js";import{useEsc as E}from"../composables/useEsc.js";import{b as O,i as R}from"./helper-BlxFN3eF.js";const S=e=>{const{colors:o,darkMode:t}=e??j(),l=t.value?I.Dark:I.Light,a=z({color:g.Neutral,colors:o.value,mode:l,variant:L.Solid}),n=t.value?"black":"white";return{"--clll-modal-overlay-bg":a?.bg??"transparent","--clll-modal-content-bg":n,"--clll-modal-theme-radius":"var(--clll-default-radius)"}},M=["id","data-testid"],D=["aria-labelledby"],F=/* @__PURE__ */e({name:"CLModal",__name:"CLModal",props:{borderRadius:{default:void 0},close:{type:Boolean,default:!0},closeBorderRadius:{default:k.Full},dismissible:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},isOpen:{type:Boolean,default:!1},maxWidth:{default:"640px"},modalId:{},onClose:{type:Function,default:void 0},overlay:{type:Boolean,default:!0},teleport:{type:Boolean,default:!0},teleportTo:{default:"body"},testId:{default:"clll-modal"},title:{default:void 0},zIndex:{default:100}},emits:["modal-open","modal-close"],setup(e,{emit:I}){const z=I,k=j(),F=o("modal-window"),H=t(),N=e,W="clll-modal",q="clll-prevent-scroll",A=l(),G=()=>{R&&window?.document.body.classList.add(q)},J=()=>{R&&window?.document.body.classList.remove(q)},K=a(()=>[W]),P=a(()=>[`${W}__window`,N.fullscreen?`${W}__window--fullscreen`:""]),Q=a(()=>[`${W}__content`,N.borderRadius?`${W}__content--${N.borderRadius}`:"",N.close?`${W}__content--has-close-button`:`${W}__content--has-no-close-button`,H.body?`${W}__content--has-body`:`${W}__content--has-no-body`,H.footer?`${W}__content--has-footer`:`${W}__content--has-no-footer`,H.header||N.title?`${W}__content--has-header`:`${W}__content--has-no-header`,N.title?`${W}__content--has-title`:`${W}__content--has-no-title`]),U=a(()=>"auto"===N.zIndex||O(N.zIndex)?N.zIndex:N.zIndex.toString()),V=a(()=>{if("auto"===N.zIndex)return N.zIndex;return((O(N.zIndex)?parseInt(N.zIndex,10):N.zIndex)+100).toString()}),X=e=>{try{(e=>{try{const o=e?.target,t=F.value;return!(!R||!t||t.contains(o))||void 0}catch(o){return void console.error(o)}})(e)&&(R&&window.removeEventListener("mousedown",X),ee())}catch(o){console.error(o)}},Y=()=>{R&&window.removeEventListener("mousedown",X)},Z=()=>{R&&(A.value&&R&&window.clearTimeout(A.value),Y(),J())},ee=()=>{N.isOpen&&(N.onClose?.(),Z())};n(N,e=>{e.isOpen?(z("modal-open"),G(),F.value&&F.value.focus(),R&&e.dismissible&&(Y(),A.value=window.setTimeout(()=>{window.addEventListener("mousedown",X)},100))):(F.value&&F.value.blur(),J(),Y(),A.value&&R&&window.clearTimeout(A.value),z("modal-close"))}),s(()=>{N.isOpen&&R&&(G(),F.value&&F.value.focus())});const{clearEventListeners:oe}=E({escHandler:N.dismissible?ee:void 0});return d(()=>{Z(),oe()}),(o,t)=>(i(),r(c,{to:e.teleportTo,disabled:!e.teleport},[e.isOpen?(i(),_("div",{key:0,id:e.modalId,class:v(f(K)),"data-testid":e.testId,style:m({...f(S)(f(k)),zIndex:f(U)})},[p("div",{class:v(f(P)),style:m({zIndex:f(V)})},[p("div",{ref:"modal-window","aria-modal":"true","aria-labelledby":`${W}__content__header__title`,class:v(f(Q)),role:"dialog",tabindex:-1,style:m({"--clll-modal-max-width":e.maxWidth})},[p("div",{class:v(`${W}__close-button`)},[e.onClose&&e.close?(i(),r(f(w),{key:0,"aria-label":"Close modal","border-radius":e.closeBorderRadius,color:f(g).Neutral,"icon-before":f(C).Delete,"icon-size":f(B).Tiny,"on-click":e.onClose,"test-id":`${W}__close-button`,variant:f(L).Text},null,8,["border-radius","color","icon-before","icon-size","on-click","test-id","variant"])):u("",!0)],2),p("div",{class:v(`${W}__content__header`)},[p("div",{class:v(`${W}__content__title`)},[p("div",{class:v(`${W}__content__header__container`)},[e.title?(i(),r(f(x),{key:0,id:`${W}__content__header__title`,class:v(`${W}__content__header__title`),type:f(T).Section},{default:y(()=>[h($(e.title),1)]),_:1},8,["id","class","type"])):u("",!0),b(o.$slots,"header")],2)],2)],2),p("div",{class:v(`${W}__content__scroller`)},[p("div",{class:v(`${W}__content__body`)},[b(o.$slots,"body")],2)],2),p("div",{class:v(`${W}__content__footer`)},[b(o.$slots,"footer")],2)],14,D)],6),e.overlay?(i(),_("div",{key:0,ref:"overlay-ref",class:v(`${W}__overlay`),style:m({zIndex:e.zIndex})},null,6)):u("",!0)],14,M)):u("",!0)],8,["to","disabled"]))}});export{F as _};