@codeandfunction/callaloo 5.15.0 → 5.16.0

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "5.15.0",
+  "version": "5.16.0",
   "license": "MIT",
   "type": "module",
   "unpkg": "dist/callaloo.global.js",

package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-hSiZPrZr.js

@@ -1,2 +0,0 @@
-import '../components/Buttons/CLButton/CLButton.css';
-import{defineComponent as e,useSlots as t,ref as a,computed as o,onMounted as l,nextTick as i,createBlock as d,openBlock as n,resolveDynamicComponent as s,normalizeStyle as r,normalizeClass as u,unref as f,withCtx as c,createCommentVNode as p,createElementBlock as m,renderSlot as y}from"vue";import{_ as v}from"./CLIcon.vue_vue_type_style_index_0_lang-BN_rKLKK.js";import{_ as b}from"./CLSpinner.vue_vue_type_style_index_0_lang-C70Q-aOu.js";import{CLButtonTypes as $}from"../index.js";import{b as _}from"./utils-DBWrbn3p.js";import{useHasSlotContent as h}from"../composables/useHasSlotContent.js";import{useTheme as g}from"../composables/useTheme.js";import{c as B,C,e as L,d as z,i as X,j as S}from"./index-DwjW-Z-U.js";import{a as j}from"./index-C9S3C1LU.js";const w=/* @__PURE__ */e({name:"CLButton",__name:"CLButton",props:{active:{type:Boolean,default:!1},alignContent:{default:X.Center},ariaLabel:{default:void 0},as:{default:"button"},borderRadius:{default:void 0},busy:{type:Boolean,default:!1},color:{default:z.Neutral},disabled:{type:Boolean,default:!1},elevated:{type:Boolean,default:!1},form:{default:void 0},forwardRef:{type:Function,default:void 0},height:{default:"auto"},href:{default:void 0},iconAfter:{default:void 0},iconBefore:{default:void 0},iconFilled:{type:Boolean,default:!1},iconSize:{default:L.Small},onClick:{type:Function,default:void 0},pill:{type:Boolean,default:!1},rounded:{type:Boolean,default:!0},size:{default:C.Small},target:{default:j.Self},testId:{default:"clll-button"},title:{default:void 0},type:{default:$.Button},variant:{default:B.Soft},width:{default:"auto"},wrap:{type:Boolean,default:!1}},setup(e){const $=e,B=g(),L=h();t();const z=a(),j="clll-button",w=o(()=>[j,`${j}--${$.type}`,`${j}--${$.color}--${$.variant}`,`${j}--${$.size}`,`${j}--${$.alignContent}`,$.active?`${j}--active`:"",$.busy?`${j}--busy`:"",$.disabled?`${j}--disabled`:"",$.wrap?`${j}--wrapped`:"",$.rounded?`${j}--rounded`:"",$.borderRadius?`${j}--${$.borderRadius}`:"",L.value?`${j}--has-content`:`${j}--no-content`,$.iconBefore?`${j}--icon-before`:"",$.iconAfter?`${j}--icon-after`:"",$.elevated?`${j}--elevated`:"",$.pill?`${j}--pill`:""]),k=()=>{switch($.size){case C.Medium:case C.Large:return C.Small;case C.XL:case C.XXL:return C.Medium;case C.XXXL:return C.Large;case C.XXXXL:return C.XL;case C.Tiny:default:return C.Tiny}};l(()=>{i(()=>{z.value&&$.forwardRef?.(z.value)})});const x=e=>{$.onClick?.(e)};return(t,a)=>(n(),d(s(e.as),{ref_key:"buttonRef",ref:z,"aria-label":e.ariaLabel,class:u(f(w)),"data-testid":e.testId,disabled:"button"===e.as?e.busy||e.disabled:void 0,form:"button"===e.as?e.form:void 0,href:"a"===e.as?e.href:void 0,target:"a"===e.as?e.target:void 0,title:e.title,type:"button"===e.as?e.type:void 0,style:r({width:e.width,height:e.height,...f(_)({color:e.color,variant:e.variant,theme:f(B)})}),onClick:x},{default:c(()=>[e.iconBefore?(n(),d(f(v),{key:0,filled:e.iconFilled,name:e.iconBefore,size:e.iconSize,"test-id":`${e.testId}-icon-before`},null,8,["filled","name","size","test-id"])):p("",!0),f(L)?(n(),m("span",{key:1,class:u(`${j}__content`)},[y(t.$slots,"default")],2)):p("",!0),e.iconAfter?(n(),d(f(v),{key:2,filled:e.iconFilled,name:e.iconAfter,size:e.iconSize,"test-id":`${e.testId}-icon-after`},null,8,["filled","name","size","test-id"])):p("",!0),e.busy?(n(),d(f(b),{key:3,align:f(X).Center,position:f(S).Absolute,size:k(),color:e.color},null,8,["align","position","size","color"])):p("",!0)]),_:3},8,["aria-label","class","data-testid","disabled","form","href","target","title","type","style"]))}});export{w as _};

package/dist/chunks/CLCalendar.vue_vue_type_style_index_0_lang-CSvstf_s.js

@@ -1,2 +0,0 @@
-import '../components/Form/CLCalendar/CLCalendar.css';
-import{defineComponent as e,mergeModels as a,useCssVars as l,useModel as t,ref as i,toRef as d,watch as r,onMounted as s,createElementBlock as o,openBlock as n,normalizeStyle as u,normalizeClass as c,unref as p,createElementVNode as f,createVNode as v,withCtx as m,createTextVNode as y,toDisplayString as _,Fragment as h,renderList as b,createBlock as g,createCommentVNode as D}from"vue";import{_ as k}from"./CLButton.vue_vue_type_style_index_0_lang-hSiZPrZr.js";import{_ as x}from"./CLText.vue_vue_type_style_index_0_lang-DefqjMCJ.js";import{c as z,C,e as w,f as S,h as $,a as L,d as j,i as M}from"./index-DwjW-Z-U.js";import{c as T}from"./utils-BfPF8gBW.js";import{useDatePicker as B}from"../composables/useDatePicker.js";import{useTheme as P}from"../composables/useTheme.js";const R=["data-testid"],E=/* @__PURE__ */e({name:"CLCalendar",__name:"CLCalendar",props:/* @__PURE__ */a({color:{default:j.Primary},disabled:{type:Boolean,default:!1},busy:{type:Boolean,default:!1},isRange:{type:Boolean,default:!0},fluid:{type:Boolean,default:!1},testId:{default:"clll-calendar"},width:{default:"280px"}},{modelValue:{},modelModifiers:{}}),emits:/* @__PURE__ */a(["date-select"],["update:modelValue"]),setup(e,{expose:a,emit:E}){l(e=>({v5d82e3ae:e.width}));const G=e,F=E,I=P(),N="clll-calendar",V=t(e,"modelValue"),A=i(V.value?.end??null),O=i(V.value?.start??null),{calendarGrid:q,cancelDraft:H,clearDraft:J,currentMonthLabel:K,draftEnd:Q,draftStart:U,getDayAriaLabel:W,handleNextMonth:X,handlePrevMonth:Y,initializeDraft:Z,isDraftEnd:ee,isDraftSameDay:ae,isDraftStart:le,isInDraftRange:te,onDayClick:ie,weekDays:de}=B({appliedEnd:A,appliedStart:O,isRange:d(G,"isRange")});r(V,e=>{O.value=e?.start??null,A.value=e?.end??null,Z()},{deep:!0}),s(()=>{Z()});return a({apply:()=>{O.value=U.value,A.value=Q.value,V.value={end:A.value,start:O.value}},cancel:()=>{H()},draftEnd:Q,draftStart:U,initializeDraft:Z,reset:()=>{J(),O.value=null,A.value=null,V.value=null}}),(a,l)=>(n(),o("div",{class:c([N,e.fluid?`${N}__fluid`:""]),"data-testid":e.testId,style:u(p(T)(p(I)))},[f("div",{class:c(`${N}__header`)},[v(p(k),{"aria-label":"Previous month","border-radius":p($).Full,"icon-before":p(S).ChevronLeft,"icon-size":p(w).Tiny,"on-click":p(Y),size:p(C).Tiny,variant:p(z).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"]),v(p(x),{type:p(L).Medium,medium:""},{default:m(()=>[y(_(p(K)),1)]),_:1},8,["type"]),v(p(k),{"aria-label":"Next month","border-radius":p($).Full,"icon-before":p(S).ChevronRight,"icon-size":p(w).Tiny,"on-click":p(X),size:p(C).Tiny,variant:p(z).Ghost,height:"32px",width:"32px",wrap:""},null,8,["border-radius","icon-before","icon-size","on-click","size","variant"])],2),f("div",{class:c(`${N}__grid`)},[(n(!0),o(h,null,b(p(de),e=>(n(),o("div",{key:e,class:c(`${N}__weekday`)},[v(p(x),{align:p(M).Center,color:p(j).Neutral,type:p(L).Small},{default:m(()=>[y(_(e),1)]),_:2},1032,["align","color","type"])],2))),128)),(n(!0),o(h,null,b(p(q),(a,l)=>(n(),o("div",{key:a.date??`pad-${l}`,class:c([`${N}__cell`,a.isOutsideMonth?`${N}__cell--outside`:"",a.date&&p(ae)(a.date)?`${N}__cell--same-day`:""])},[a.day&&a.date?(n(),g(p(k),{key:0,"aria-label":p(W)(a.date),"border-radius":p($).Full,color:p(le)(a.date)||p(ee)(a.date)?e.color:p(j).Secondary,disabled:e.disabled||e.busy,size:p(C).Small,height:"100%",width:"100%","on-click":e=>((e,a)=>{a?.preventDefault(),a?.stopPropagation(),G.disabled||G.busy||!e||(ie(e),F("date-select",e))})(a.date,e),variant:p(le)(a.date)||p(ee)(a.date)?p(z).Solid:p(te)(a.date)?p(z).Soft:p(z).Ghost,wrap:""},{default:m(()=>[y(_(a.day),1)]),_:2},1032,["aria-label","border-radius","color","disabled","size","on-click","variant"])):D("",!0)],2))),128))],2)],14,R))}});export{E as _};

package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-mu7Jj66U.js

@@ -1,2 +0,0 @@
-import '../assets/CLInputMessages.css';
-import{defineComponent as e,createElementBlock as s,openBlock as a,normalizeClass as o,unref as l,renderSlot as t,Fragment as i,renderList as r,normalizeStyle as n,createElementVNode as p,toDisplayString as m}from"vue";import{f as u}from"./index-C9S3C1LU.js";import{d}from"./index-DwjW-Z-U.js";import{b as f}from"./utils-BfPF8gBW.js";const $="clll-form-field",h=/* @__PURE__ */e({__name:"CLFormField",props:{fluid:{type:Boolean},hasPill:{type:Boolean},hasCharCounter:{type:Boolean},orientation:{}},setup:e=>(i,r)=>(a(),s("div",{class:o([$,e.fluid||e.orientation===l(u).Horizontal?`${$}--fluid`:`${$}--fixed`,e.orientation?`${$}--${e.orientation}`:"",e.hasPill?`${$}--haspill`:"",e.hasCharCounter?`${$}--hascharcounter`:""])},[t(i.$slots,"default")],2))}),c="clll-input__message",_=/* @__PURE__ */e({__name:"CLInputMessages",props:{id:{},messages:{},messageType:{default:d.Neutral}},setup:e=>(t,u)=>(a(!0),s(i,null,r(e.messages,(t,i)=>(a(),s("span",{key:`${e.id}-message-${i}`,class:o([c,`${c}--${e.messageType}`]),style:n(l(f)({color:e.messageType}))},[p("span",{class:o([`${c}__text`])},m(t),3)],6))),128))});export{h as _,_ as a};

package/dist/chunks/CLModal.vue_vue_type_style_index_0_lang-Dvchz9BJ.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-hSiZPrZr.js";import{_ as x}from"./CLHeading.vue_vue_type_style_index_0_lang-C2wvAR1Y.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-DwjW-Z-U.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 _};

package/dist/chunks/utils-CfJLUMQf.js

@@ -1 +0,0 @@
-import{b as o,g as e,c as r,d as t}from"./index-DwjW-Z-U.js";import{useTheme as s}from"../composables/useTheme.js";const a=({color:a=t.Neutral,theme:l})=>{const{colors:c,darkMode:m}=l??s(),i=m.value?o.Dark:o.Light,d=e({color:a,colors:c.value,mode:i,variant:r.Text});return{"--clll-text-color":d?.textBody??"inherit"}};export{a as t};

package/dist/chunks/utils-DBWrbn3p.js

@@ -1 +0,0 @@
-import{b as o,c as r,g as t}from"./index-DwjW-Z-U.js";import{useTheme as l}from"../composables/useTheme.js";const a=({color:a,theme:e})=>{const{colors:n,darkMode:s}=e??l(),c=s.value?o.Dark:o.Light,u=t({color:a,colors:n.value,mode:c,variant:r.Solid});return{"--clll-a11y-button-outline-color":u?.focus??"transparent","--clll-a11y-button-border-color":u?.focus??"transparent","--clll-a11y-button-shadow-color":u?.shadow??"transparent","--clll-a11y-button-theme-radius":"var(--clll-default-radius)"}},e=({color:a,variant:e=r.Soft,theme:n})=>{const{colors:s,darkMode:c}=n??l(),u=c.value?o.Dark:o.Light,b=e===r.Outline,d=t({color:a,colors:s.value,mode:u,variant:e});return{"--clll-button-text-color":d?.text??"inherit","--clll-button-bg-color":d?.bg??"transparent","--clll-button-border-color":b?d?.border??"transparent":"transparent","--clll-button-hover-bg":d?.hover??"transparent","--clll-button-hover-border":b?d?.borderHover??"transparent":"transparent","--clll-button-focus-border":d?.focus??"transparent","--clll-button-focus-shadow":d?.shadow??"transparent","--clll-button-theme-radius":"var(--clll-default-radius)"}};export{a,e as b};