@wisemen/vue-core-design-system 1.1.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.js +4 -4
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -527,7 +527,7 @@ Example: <ConfigProvider :address-autocomplete-adapter="myAdapter"><AddressAutoc
|
|
|
527
527
|
`,root:`
|
|
528
528
|
group/checkbox flex items-center justify-start outline-none
|
|
529
529
|
disabled:cursor-not-allowed
|
|
530
|
-
`}}),uC={key:0,width:`100%`,height:`100%`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},dC={key:1,width:`100%`,height:`100%`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},fC=(0,d.defineComponent)({__name:`CheckboxIndicator`,setup(e){let t={hidden:{opacity:0,pathLength:0},visible:{opacity:1,pathLength:1,transition:{opacity:{duration:.01},pathLength:{bounce:0,duration:.5,type:`spring`}}}},{isIndeterminate:n,checkboxStyle:r}=cC();return(e,i)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(g.AnimatePresence),{initial:!1},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxIndicator),{class:(0,d.normalizeClass)((0,d.unref)(r).indicator()),"as-child":!0},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`,{},()=>[(0,d.unref)(n)?((0,d.openBlock)(),(0,d.createElementBlock)(`svg`,uC,[(0,d.createVNode)((0,d.unref)(g.motion).path,{variants:t,tabindex:`-1`,initial:`hidden`,d:`M2.5 6H9.5`,stroke:`currentColor`,"stroke-width":`1.66666`,"stroke-linecap":`round`,"stroke-linejoin":`round`,animate:`visible`,exit:`hidden`})])):((0,d.openBlock)(),(0,d.createElementBlock)(`svg`,dC,[(0,d.createVNode)((0,d.unref)(g.motion).path,{variants:t,tabindex:`-1`,initial:`hidden`,d:`M2 6L4.5 8.5L10 3`,stroke:`currentColor`,"stroke-width":`1.6666`,"stroke-linecap":`round`,"stroke-linejoin":`round`,animate:`visible`,exit:`hidden`})]))])]),_:3},8,[`class`])]),_:3}))}}),pC=(0,d.defineComponent)({__name:`BaseCheckbox`,props:(0,d.mergeModels)({isIndeterminate:{type:Boolean,default:!1},value:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean,default:!1},hint:{},label:{},autocomplete:{}},{modelValue:{type:Boolean,required:!1},modelModifiers:{}}),emits:(0,d.mergeModels)([`blur`],[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,d.useModel)(e,`modelValue`),a=n.id??(0,d.useId)(),o=(0,d.computed)(()=>lC()),s=(0,d.computed)({get(){return i.value===null?null:i.value?!0:n.isIndeterminate?`indeterminate`:!1},set(e){e!==null&&(i.value=e===`indeterminate`?!1:e)}});return sC({isIndeterminate:(0,d.computed)(()=>n.isIndeterminate),checkboxStyle:o}),(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(zv,{"error-message":n.errorMessage,"is-disabled":n.isDisabled,"is-required":n.isRequired,"disabled-reason":n.disabledReason,hint:n.hint,label:n.label,"is-horizontal":!0,class:(0,d.normalizeClass)(n.class),style:(0,d.normalizeStyle)(n.style),for:(0,d.unref)(a),"help-text":n.helpText,"hide-error-message":n.hideErrorMessage,"is-label-hidden":n.isLabelHidden},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxRoot),{id:(0,d.unref)(a),modelValue:s.value,"onUpdate:modelValue":t[0]||=e=>s.value=e,disabled:n.isDisabled,class:(0,d.normalizeClass)(o.value.root()),value:n.value,onBlur:t[1]||=e=>r(`blur`)},{default:(0,d.withCtx)(()=>[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)(o.value.control())},[(0,d.createVNode)(fC)],2)]),_:1},8,[`id`,`modelValue`,`disabled`,`class`,`value`])]),_:1},8,[`error-message`,`is-disabled`,`is-required`,`disabled-reason`,`hint`,`label`,`class`,`style`,`for`,`help-text`,`hide-error-message`,`is-label-hidden`]))}}),mC=(0,d.defineComponent)({__name:`Checkbox`,props:(0,d.mergeModels)({value:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean},hint:{},label:{},autocomplete:{}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:(0,d.mergeModels)([`blur`],[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,d.useModel)(e,`modelValue`);return(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(pC,(0,d.mergeProps)(n,{modelValue:i.value,"onUpdate:modelValue":t[0]||=e=>i.value=e,onBlur:t[1]||=e=>r(`blur`)}),null,16,[`modelValue`]))}}),[hC,gC]=I(`checkboxGroupContext`),_C=(0,d.defineComponent)({__name:`CheckboxGroupCheckbox`,props:{isLabelHidden:{type:Boolean},label:{},value:{},isDisabled:{type:Boolean},disabledReason:{}},setup(e){let t=e,n=(0,d.useId)(),{registerCheckbox:r,unRegisterCheckbox:i}=gC();return(0,d.onMounted)(()=>{r(n,t.value)}),(0,d.onBeforeUnmount)(()=>{i(n)}),(e,n)=>((0,d.openBlock)(),(0,d.createBlock)(pC,{value:t.value,label:t.label,"is-label-hidden":t.isLabelHidden,"is-disabled":t.isDisabled,"disabled-reason":t.disabledReason},null,8,[`value`,`label`,`is-label-hidden`,`is-disabled`,`disabled-reason`]))}}),vC=(0,d.defineComponent)({__name:`CheckboxGroupIndeterminateCheckbox`,props:{label:{default:null}},setup(e){let t=e,{isDisabled:n,isIndeterminate:r,modelValue:i,toggleAll:a}=gC(),o=(0,d.computed)(()=>i.value.length>0),s=(0,d.computed)({get:()=>o.value?[`indeterminate`]:[],set:a});return(e,i)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(p.CheckboxGroupRoot),{modelValue:s.value,"onUpdate:modelValue":i[0]||=e=>s.value=e},{default:(0,d.withCtx)(()=>[(0,d.createVNode)(pC,{"is-disabled":(0,d.unref)(n),"is-indeterminate":(0,d.unref)(r),label:t.label,value:`indeterminate`,"onUpdate:modelValue":(0,d.unref)(a)},null,8,[`is-disabled`,`is-indeterminate`,`label`,`onUpdate:modelValue`])]),_:1},8,[`modelValue`]))}}),yC=(0,d.defineComponent)({__name:`CheckboxGroupRoot`,props:(0,d.mergeModels)({orientation:{default:`vertical`},isDisabled:{type:Boolean,default:!1},disabledReason:{default:null}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,d.useModel)(e,`modelValue`),r=(0,d.ref)(new Map),i=(0,d.computed)(()=>n.value.length===r.value.size),a=(0,d.computed)(()=>{let e=n.value.length,t=r.value.size;return e>0&&e<t});function o(){if(i.value){n.value=[];return}n.value=[...r.value.values()]}function s(e,t){r.value.set(e,t)}function c(e){r.value.delete(e)}return hC({isDisabled:(0,d.computed)(()=>t.isDisabled),isIndeterminate:a,modelValue:n,orientation:(0,d.computed)(()=>t.orientation),registerCheckbox:s,toggleAll:o,unRegisterCheckbox:c}),(e,r)=>((0,d.openBlock)(),(0,d.createBlock)(G,{"is-disabled":!t.isDisabled||t.disabledReason==null,label:t.disabledReason},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxGroupRoot),{modelValue:n.value,"onUpdate:modelValue":r[0]||=e=>n.value=e},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`)]),_:3},8,[`modelValue`])]),_:3},8,[`is-disabled`,`label`]))}}),bC={class:`h-full overflow-hidden`},xC=(0,d.defineComponent)({__name:`DashboardPageCenteredContent`,props:{hasVerticalPadding:{type:Boolean,default:!1},isFullWidth:{type:Boolean,default:!1}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,bC,[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)([{"max-w-3xl":!t.isFullWidth,"py-4xl":t.hasVerticalPadding},`relative mx-auto flex size-full flex-col px-
|
|
530
|
+
`}}),uC={key:0,width:`100%`,height:`100%`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},dC={key:1,width:`100%`,height:`100%`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},fC=(0,d.defineComponent)({__name:`CheckboxIndicator`,setup(e){let t={hidden:{opacity:0,pathLength:0},visible:{opacity:1,pathLength:1,transition:{opacity:{duration:.01},pathLength:{bounce:0,duration:.5,type:`spring`}}}},{isIndeterminate:n,checkboxStyle:r}=cC();return(e,i)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(g.AnimatePresence),{initial:!1},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxIndicator),{class:(0,d.normalizeClass)((0,d.unref)(r).indicator()),"as-child":!0},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`,{},()=>[(0,d.unref)(n)?((0,d.openBlock)(),(0,d.createElementBlock)(`svg`,uC,[(0,d.createVNode)((0,d.unref)(g.motion).path,{variants:t,tabindex:`-1`,initial:`hidden`,d:`M2.5 6H9.5`,stroke:`currentColor`,"stroke-width":`1.66666`,"stroke-linecap":`round`,"stroke-linejoin":`round`,animate:`visible`,exit:`hidden`})])):((0,d.openBlock)(),(0,d.createElementBlock)(`svg`,dC,[(0,d.createVNode)((0,d.unref)(g.motion).path,{variants:t,tabindex:`-1`,initial:`hidden`,d:`M2 6L4.5 8.5L10 3`,stroke:`currentColor`,"stroke-width":`1.6666`,"stroke-linecap":`round`,"stroke-linejoin":`round`,animate:`visible`,exit:`hidden`})]))])]),_:3},8,[`class`])]),_:3}))}}),pC=(0,d.defineComponent)({__name:`BaseCheckbox`,props:(0,d.mergeModels)({isIndeterminate:{type:Boolean,default:!1},value:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean,default:!1},hint:{},label:{},autocomplete:{}},{modelValue:{type:Boolean,required:!1},modelModifiers:{}}),emits:(0,d.mergeModels)([`blur`],[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,d.useModel)(e,`modelValue`),a=n.id??(0,d.useId)(),o=(0,d.computed)(()=>lC()),s=(0,d.computed)({get(){return i.value===null?null:i.value?!0:n.isIndeterminate?`indeterminate`:!1},set(e){e!==null&&(i.value=e===`indeterminate`?!1:e)}});return sC({isIndeterminate:(0,d.computed)(()=>n.isIndeterminate),checkboxStyle:o}),(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(zv,{"error-message":n.errorMessage,"is-disabled":n.isDisabled,"is-required":n.isRequired,"disabled-reason":n.disabledReason,hint:n.hint,label:n.label,"is-horizontal":!0,class:(0,d.normalizeClass)(n.class),style:(0,d.normalizeStyle)(n.style),for:(0,d.unref)(a),"help-text":n.helpText,"hide-error-message":n.hideErrorMessage,"is-label-hidden":n.isLabelHidden},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxRoot),{id:(0,d.unref)(a),modelValue:s.value,"onUpdate:modelValue":t[0]||=e=>s.value=e,disabled:n.isDisabled,class:(0,d.normalizeClass)(o.value.root()),value:n.value,onBlur:t[1]||=e=>r(`blur`)},{default:(0,d.withCtx)(()=>[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)(o.value.control())},[(0,d.createVNode)(fC)],2)]),_:1},8,[`id`,`modelValue`,`disabled`,`class`,`value`])]),_:1},8,[`error-message`,`is-disabled`,`is-required`,`disabled-reason`,`hint`,`label`,`class`,`style`,`for`,`help-text`,`hide-error-message`,`is-label-hidden`]))}}),mC=(0,d.defineComponent)({__name:`Checkbox`,props:(0,d.mergeModels)({value:{},id:{},isReadonly:{type:Boolean},isRequired:{type:Boolean},name:{},class:{},style:{},isDisabled:{type:Boolean},disabledReason:{},isHorizontal:{type:Boolean},isLabelHidden:{type:Boolean},errorMessage:{},for:{},helpText:{},hideErrorMessage:{type:Boolean},hint:{},label:{},autocomplete:{}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:(0,d.mergeModels)([`blur`],[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,d.useModel)(e,`modelValue`);return(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(pC,(0,d.mergeProps)(n,{modelValue:i.value,"onUpdate:modelValue":t[0]||=e=>i.value=e,onBlur:t[1]||=e=>r(`blur`)}),null,16,[`modelValue`]))}}),[hC,gC]=I(`checkboxGroupContext`),_C=(0,d.defineComponent)({__name:`CheckboxGroupCheckbox`,props:{isLabelHidden:{type:Boolean},label:{},value:{},isDisabled:{type:Boolean},disabledReason:{}},setup(e){let t=e,n=(0,d.useId)(),{registerCheckbox:r,unRegisterCheckbox:i}=gC();return(0,d.onMounted)(()=>{r(n,t.value)}),(0,d.onBeforeUnmount)(()=>{i(n)}),(e,n)=>((0,d.openBlock)(),(0,d.createBlock)(pC,{value:t.value,label:t.label,"is-label-hidden":t.isLabelHidden,"is-disabled":t.isDisabled,"disabled-reason":t.disabledReason},null,8,[`value`,`label`,`is-label-hidden`,`is-disabled`,`disabled-reason`]))}}),vC=(0,d.defineComponent)({__name:`CheckboxGroupIndeterminateCheckbox`,props:{label:{default:null}},setup(e){let t=e,{isDisabled:n,isIndeterminate:r,modelValue:i,toggleAll:a}=gC(),o=(0,d.computed)(()=>i.value.length>0),s=(0,d.computed)({get:()=>o.value?[`indeterminate`]:[],set:a});return(e,i)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(p.CheckboxGroupRoot),{modelValue:s.value,"onUpdate:modelValue":i[0]||=e=>s.value=e},{default:(0,d.withCtx)(()=>[(0,d.createVNode)(pC,{"is-disabled":(0,d.unref)(n),"is-indeterminate":(0,d.unref)(r),label:t.label,value:`indeterminate`,"onUpdate:modelValue":(0,d.unref)(a)},null,8,[`is-disabled`,`is-indeterminate`,`label`,`onUpdate:modelValue`])]),_:1},8,[`modelValue`]))}}),yC=(0,d.defineComponent)({__name:`CheckboxGroupRoot`,props:(0,d.mergeModels)({orientation:{default:`vertical`},isDisabled:{type:Boolean,default:!1},disabledReason:{default:null}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=(0,d.useModel)(e,`modelValue`),r=(0,d.ref)(new Map),i=(0,d.computed)(()=>n.value.length===r.value.size),a=(0,d.computed)(()=>{let e=n.value.length,t=r.value.size;return e>0&&e<t});function o(){if(i.value){n.value=[];return}n.value=[...r.value.values()]}function s(e,t){r.value.set(e,t)}function c(e){r.value.delete(e)}return hC({isDisabled:(0,d.computed)(()=>t.isDisabled),isIndeterminate:a,modelValue:n,orientation:(0,d.computed)(()=>t.orientation),registerCheckbox:s,toggleAll:o,unRegisterCheckbox:c}),(e,r)=>((0,d.openBlock)(),(0,d.createBlock)(G,{"is-disabled":!t.isDisabled||t.disabledReason==null,label:t.disabledReason},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(p.CheckboxGroupRoot),{modelValue:n.value,"onUpdate:modelValue":r[0]||=e=>n.value=e},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`)]),_:3},8,[`modelValue`])]),_:3},8,[`is-disabled`,`label`]))}}),bC={class:`h-full overflow-hidden`},xC=(0,d.defineComponent)({__name:`DashboardPageCenteredContent`,props:{hasVerticalPadding:{type:Boolean,default:!1},isFullWidth:{type:Boolean,default:!1}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,bC,[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)([{"max-w-3xl":!t.isFullWidth,"py-4xl":t.hasVerticalPadding},`relative mx-auto flex size-full flex-col px-2xl`])},[(0,d.renderSlot)(e.$slots,`default`)],2)]))}}),SC=H({compoundVariants:[{class:{base:`
|
|
531
531
|
border-brand-200 bg-brand-25
|
|
532
532
|
dark:border-brand-800 dark:bg-brand-950
|
|
533
533
|
`,icon:`
|
|
@@ -623,7 +623,7 @@ Example: <ConfigProvider :address-autocomplete-adapter="myAdapter"><AddressAutoc
|
|
|
623
623
|
`,icon:`
|
|
624
624
|
text-warning-700
|
|
625
625
|
dark:text-warning-200
|
|
626
|
-
`},color:`warning`,variant:`translucent`}],slots:{base:`inline-flex shrink-0 items-center justify-center border`,icon:``},variants:{color:{blue:{},brand:{},error:{},gray:{},pink:{},purple:{},success:{},warning:{}},size:{"2xl":{base:`size-16.25 rounded-2xl`,icon:`size-8`},lg:{base:`size-10 rounded-xl`,icon:`size-5`},md:{base:`size-7.5 rounded-lg`,icon:`size-4`},sm:{base:`size-6 rounded-lg`,icon:`size-4`},xl:{base:`size-12 rounded-xl`,icon:`size-6`}},variant:{outline:{},translucent:{}}}}),CC=(0,d.defineComponent)({__name:`FeaturedIcon`,props:{color:{default:`gray`},icon:{},size:{default:`md`},variant:{default:`translucent`}},setup(e){let t=e,n=(0,d.computed)(()=>SC({color:t.color,size:t.size,variant:t.variant}));return(e,r)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,{class:(0,d.normalizeClass)(n.value.base())},[((0,d.openBlock)(),(0,d.createBlock)((0,d.resolveDynamicComponent)(t.icon),{class:(0,d.normalizeClass)(n.value.icon())},null,8,[`class`]))],2))}}),wC=(0,d.defineComponent)({__name:`LogoWithText`,props:{name:{},size:{},src:{}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createBlock)(L,{gap:`md`},{default:(0,d.withCtx)(()=>[t.src===null?(0,d.createCommentVNode)(``,!0):((0,d.openBlock)(),(0,d.createBlock)(rb,{key:0,src:t.src,alt:t.name,size:t.size},null,8,[`src`,`alt`,`size`])),(0,d.createElementVNode)(`span`,{class:(0,d.normalizeClass)([{"text-xl":t.size===`sm`,"text-sm":t.size===`xs`,"text-xs":t.size===`xxs`},`font-semibold text-secondary`])},(0,d.toDisplayString)(t.name),3)]),_:1}))}}),TC=(0,d.defineComponent)({__name:`BaseHeader`,props:{title:{},left:{default:null}},setup(e){let t=e,n=(0,d.useSlots)(),r=(0,d.computed)(()=>n.subtitle!==void 0);return(e,n)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(L),{gap:r.value?`xl`:`lg`,align:`center`},{default:(0,d.withCtx)(()=>[t.left===null?(0,d.createCommentVNode)(``,!0):((0,d.openBlock)(),(0,d.createElementBlock)(d.Fragment,{key:0},[t.left.type===`icon`?((0,d.openBlock)(),(0,d.createBlock)((0,d.resolveDynamicComponent)(t.left.icon),{key:0,class:(0,d.normalizeClass)([{"size-6":r.value,"size-4":!r.value},`shrink-0 text-tertiary`])},null,8,[`class`])):t.left.type===`featured-icon`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(CC),{key:1,icon:t.left.icon,size:r.value?`lg`:`md`,color:t.left.color??`gray`,variant:`outline`},null,8,[`icon`,`size`,`color`])):t.left.type===`avatar`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(Oa),{key:2,name:t.left.name,src:t.left.src??null,"logo-alt":t.left.imageAlt??null,size:r.value?`md`:`sm`,class:`shrink-0`},null,8,[`name`,`src`,`logo-alt`,`size`])):t.left.type===`dot`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(Ga),{key:3,color:t.left.color??`gray`,class:`shrink-0`},null,8,[`color`])):t.left.type===`logo`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(rb),{key:4,src:t.left.src,alt:t.left.alt,size:r.value?`md`:`sm`,class:`shrink-0`},null,8,[`src`,`alt`,`size`])):(0,d.createCommentVNode)(``,!0)],64)),(0,d.createVNode)((0,d.unref)(K),{gap:`none`,class:`min-w-0 flex-1 overflow-hidden`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(L),{align:`baseline`,gap:`sm`,class:`min-w-0`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(W),{text:t.title,as:`h1`,class:`text-md font-semibold text-primary`},null,8,[`text`]),(0,d.renderSlot)(e.$slots,`title-end`)]),_:3}),(0,d.renderSlot)(e.$slots,`subtitle`)]),_:3}),e.$slots.actions?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(L),{key:1,gap:`sm`,class:`shrink-0`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`actions`)]),_:3})):(0,d.createCommentVNode)(``,!0)]),_:3},8,[`gap`]))}}),EC={},DC={"aria-hidden":`true`,class:`pointer-events-none absolute inset-0`};function OC(e,t){return(0,d.openBlock)(),(0,d.createElementBlock)(`div`,DC,[...t[0]||=[(0,d.createStaticVNode)(`<div class="absolute inset-0 bg-linear-to-b from-primary to-transparent"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_100%)] backdrop-blur-xs"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_75%)] backdrop-blur-xs"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_50%)] backdrop-blur-sm"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_25%)] backdrop-blur-md"></div>`,5)]])}var kC=U(EC,[[`render`,OC]]),AC={class:`sticky top-0 z-1 py-4xl`},jC=(0,d.defineComponent)({__name:`DashboardPageCenteredContentHeader`,props:{title:{},actions:{default:()=>[]},headerLeftConfig:{default:null}},setup(e){let t=e,n=(0,m.useI18n)(),r=(0,d.useSlots)();return(e,i)=>((0,d.openBlock)(),(0,d.createElementBlock)(`header`,AC,[(0,d.createVNode)(kC),(0,d.createVNode)((0,d.unref)(TC),{title:t.title,left:t.headerLeftConfig,class:`relative`},(0,d.createSlots)({actions:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`actions`),t.actions.length>0?((0,d.openBlock)(),(0,d.createBlock)(Fo,{key:0,actions:t.actions,"current-context-only":!0,"popover-side":`bottom`,"popover-align":`end`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(Q),{label:(0,d.unref)(n).t(`component.dashboard_page_header.options`),icon:(0,d.unref)(fn),"is-tooltip-disabled":!0,variant:`tertiary`},null,8,[`label`,`icon`])]),_:1},8,[`actions`])):(0,d.createCommentVNode)(``,!0)]),_:2},[(0,d.unref)(r).subtitle===void 0?void 0:{name:`subtitle`,fn:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`subtitle`)]),key:`0`}]),1032,[`title`,`left`])]))}}),MC={class:`overflow-y-auto pb-4xl`},NC=(0,d.defineComponent)({__name:`DashboardPageCenteredContentScrollable`,props:{hasVerticalPadding:{type:Boolean,default:!1},isFullWidth:{type:Boolean,default:!1}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,MC,[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)([{"max-w-3xl":!t.isFullWidth,"py-4xl":t.hasVerticalPadding},`relative mx-auto flex w-full flex-col px-
|
|
626
|
+
`},color:`warning`,variant:`translucent`}],slots:{base:`inline-flex shrink-0 items-center justify-center border`,icon:``},variants:{color:{blue:{},brand:{},error:{},gray:{},pink:{},purple:{},success:{},warning:{}},size:{"2xl":{base:`size-16.25 rounded-2xl`,icon:`size-8`},lg:{base:`size-10 rounded-xl`,icon:`size-5`},md:{base:`size-7.5 rounded-lg`,icon:`size-4`},sm:{base:`size-6 rounded-lg`,icon:`size-4`},xl:{base:`size-12 rounded-xl`,icon:`size-6`}},variant:{outline:{},translucent:{}}}}),CC=(0,d.defineComponent)({__name:`FeaturedIcon`,props:{color:{default:`gray`},icon:{},size:{default:`md`},variant:{default:`translucent`}},setup(e){let t=e,n=(0,d.computed)(()=>SC({color:t.color,size:t.size,variant:t.variant}));return(e,r)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,{class:(0,d.normalizeClass)(n.value.base())},[((0,d.openBlock)(),(0,d.createBlock)((0,d.resolveDynamicComponent)(t.icon),{class:(0,d.normalizeClass)(n.value.icon())},null,8,[`class`]))],2))}}),wC=(0,d.defineComponent)({__name:`LogoWithText`,props:{name:{},size:{},src:{}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createBlock)(L,{gap:`md`},{default:(0,d.withCtx)(()=>[t.src===null?(0,d.createCommentVNode)(``,!0):((0,d.openBlock)(),(0,d.createBlock)(rb,{key:0,src:t.src,alt:t.name,size:t.size},null,8,[`src`,`alt`,`size`])),(0,d.createElementVNode)(`span`,{class:(0,d.normalizeClass)([{"text-xl":t.size===`sm`,"text-sm":t.size===`xs`,"text-xs":t.size===`xxs`},`font-semibold text-secondary`])},(0,d.toDisplayString)(t.name),3)]),_:1}))}}),TC=(0,d.defineComponent)({__name:`BaseHeader`,props:{title:{},left:{default:null}},setup(e){let t=e,n=(0,d.useSlots)(),r=(0,d.computed)(()=>n.subtitle!==void 0);return(e,n)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(L),{gap:r.value?`xl`:`lg`,align:`center`},{default:(0,d.withCtx)(()=>[t.left===null?(0,d.createCommentVNode)(``,!0):((0,d.openBlock)(),(0,d.createElementBlock)(d.Fragment,{key:0},[t.left.type===`icon`?((0,d.openBlock)(),(0,d.createBlock)((0,d.resolveDynamicComponent)(t.left.icon),{key:0,class:(0,d.normalizeClass)([{"size-6":r.value,"size-4":!r.value},`shrink-0 text-tertiary`])},null,8,[`class`])):t.left.type===`featured-icon`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(CC),{key:1,icon:t.left.icon,size:r.value?`lg`:`md`,color:t.left.color??`gray`,variant:`outline`},null,8,[`icon`,`size`,`color`])):t.left.type===`avatar`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(Oa),{key:2,name:t.left.name,src:t.left.src??null,"logo-alt":t.left.imageAlt??null,size:r.value?`md`:`sm`,class:`shrink-0`},null,8,[`name`,`src`,`logo-alt`,`size`])):t.left.type===`dot`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(Ga),{key:3,color:t.left.color??`gray`,class:`shrink-0`},null,8,[`color`])):t.left.type===`logo`?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(rb),{key:4,src:t.left.src,alt:t.left.alt,size:r.value?`md`:`sm`,class:`shrink-0`},null,8,[`src`,`alt`,`size`])):(0,d.createCommentVNode)(``,!0)],64)),(0,d.createVNode)((0,d.unref)(K),{gap:`none`,class:`min-w-0 flex-1 overflow-hidden`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(L),{align:`baseline`,gap:`sm`,class:`min-w-0`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(W),{text:t.title,as:`h1`,class:`text-md font-semibold text-primary`},null,8,[`text`]),(0,d.renderSlot)(e.$slots,`title-end`)]),_:3}),(0,d.renderSlot)(e.$slots,`subtitle`)]),_:3}),e.$slots.actions?((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(L),{key:1,gap:`sm`,class:`shrink-0`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`actions`)]),_:3})):(0,d.createCommentVNode)(``,!0)]),_:3},8,[`gap`]))}}),EC={},DC={"aria-hidden":`true`,class:`pointer-events-none absolute inset-0`};function OC(e,t){return(0,d.openBlock)(),(0,d.createElementBlock)(`div`,DC,[...t[0]||=[(0,d.createStaticVNode)(`<div class="absolute inset-0 bg-linear-to-b from-primary to-transparent"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_100%)] backdrop-blur-xs"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_75%)] backdrop-blur-xs"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_50%)] backdrop-blur-sm"></div><div class="absolute inset-0 mask-[linear-gradient(to_bottom,black_0%,transparent_25%)] backdrop-blur-md"></div>`,5)]])}var kC=U(EC,[[`render`,OC]]),AC={class:`sticky top-0 z-1 py-4xl`},jC=(0,d.defineComponent)({__name:`DashboardPageCenteredContentHeader`,props:{title:{},actions:{default:()=>[]},headerLeftConfig:{default:null}},setup(e){let t=e,n=(0,m.useI18n)(),r=(0,d.useSlots)();return(e,i)=>((0,d.openBlock)(),(0,d.createElementBlock)(`header`,AC,[(0,d.createVNode)(kC),(0,d.createVNode)((0,d.unref)(TC),{title:t.title,left:t.headerLeftConfig,class:`relative`},(0,d.createSlots)({actions:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`actions`),t.actions.length>0?((0,d.openBlock)(),(0,d.createBlock)(Fo,{key:0,actions:t.actions,"current-context-only":!0,"popover-side":`bottom`,"popover-align":`end`},{default:(0,d.withCtx)(()=>[(0,d.createVNode)((0,d.unref)(Q),{label:(0,d.unref)(n).t(`component.dashboard_page_header.options`),icon:(0,d.unref)(fn),"is-tooltip-disabled":!0,variant:`tertiary`},null,8,[`label`,`icon`])]),_:1},8,[`actions`])):(0,d.createCommentVNode)(``,!0)]),_:2},[(0,d.unref)(r).subtitle===void 0?void 0:{name:`subtitle`,fn:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`subtitle`)]),key:`0`}]),1032,[`title`,`left`])]))}}),MC={class:`overflow-y-auto pb-4xl`},NC=(0,d.defineComponent)({__name:`DashboardPageCenteredContentScrollable`,props:{hasVerticalPadding:{type:Boolean,default:!1},isFullWidth:{type:Boolean,default:!1}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,MC,[(0,d.createElementVNode)(`div`,{class:(0,d.normalizeClass)([{"max-w-3xl":!t.isFullWidth,"py-4xl":t.hasVerticalPadding},`relative mx-auto flex w-full flex-col px-2xl`])},[(0,d.renderSlot)(e.$slots,`default`)],2)]))}}),PC=(0,d.defineComponent)({__name:`DashboardPageContainer`,props:{class:{default:null}},setup(e){let t=e;return(e,n)=>((0,d.openBlock)(),(0,d.createElementBlock)(`div`,{class:(0,d.normalizeClass)((0,d.unref)(Fv)(`mx-auto flex w-full flex-col px-2xl`,t.class))},[(0,d.renderSlot)(e.$slots,`default`)],2))}}),FC=(0,d.defineComponent)({__name:`DashboardPageActions`,setup(e){return(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(PC,{class:`flex h-11 shrink-0 justify-center border-b border-secondary`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`,{},()=>[(0,d.createVNode)(L,{class:`size-full`,justify:`between`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`left`,{},()=>[t[0]||=(0,d.createElementVNode)(`span`,null,null,-1)]),(0,d.renderSlot)(e.$slots,`right`,{},()=>[t[1]||=(0,d.createElementVNode)(`span`,null,null,-1)])]),_:3})])]),_:3}))}}),IC=(0,d.defineComponent)({__name:`DashboardPageContent`,setup(e){return(e,t)=>((0,d.openBlock)(),(0,d.createBlock)(PC,{class:`h-full overflow-auto py-2xl`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`)]),_:3}))}}),[LC,RC]=I(`DetailPaneContext`),zC=10;function BC(){let e=RC(null),t=ff(),n=(0,d.computed)(()=>e===null||e.isFloatingDetailPane.value?`0px`:e.isOpen.value&&e.variant===`bordered-inline`?`calc(${e.sidebarWidth.value} + ${zC}px)`:e.isOpen.value?e.sidebarWidth.value:`0px`),r=(0,d.computed)(()=>e?.isResizing.value??!1);return{contentPaddingRight:n,transitionDuration:(0,d.computed)(()=>r.value||t.value?0:.3)}}var VC=(0,d.defineComponent)({__name:`DashboardPageDetailPanePadding`,setup(e){let{contentPaddingRight:t,transitionDuration:n}=BC();return(e,r)=>((0,d.openBlock)(),(0,d.createBlock)((0,d.unref)(g.Motion),{initial:{marginRight:(0,d.unref)(t)},animate:{marginRight:(0,d.unref)(t)},transition:{duration:(0,d.unref)(n),type:`spring`,bounce:0},class:`flex size-full flex-col overflow-hidden`},{default:(0,d.withCtx)(()=>[(0,d.renderSlot)(e.$slots,`default`)]),_:3},8,[`initial`,`animate`,`transition`]))}}),HC=H({slots:{pane:`absolute z-4 max-w-full bg-primary`,resizeHandle:`
|
|
627
627
|
group absolute -left-2 z-10 flex w-4 cursor-col-resize items-center
|
|
628
628
|
justify-center
|
|
629
629
|
`,resizeHandleBar:`
|
package/dist/index.js
CHANGED
|
@@ -23711,7 +23711,7 @@ var uD = /* @__PURE__ */ p({
|
|
|
23711
23711
|
return (e, n) => (k(), s("div", AD, [c("div", { class: C([{
|
|
23712
23712
|
"max-w-3xl": !t.isFullWidth,
|
|
23713
23713
|
"py-4xl": t.hasVerticalPadding
|
|
23714
|
-
}, "relative mx-auto flex size-full flex-col px-
|
|
23714
|
+
}, "relative mx-auto flex size-full flex-col px-2xl"]) }, [M(e.$slots, "default")], 2)]));
|
|
23715
23715
|
}
|
|
23716
23716
|
}), MD = X({
|
|
23717
23717
|
compoundVariants: [
|
|
@@ -24075,14 +24075,14 @@ var zD = /* @__PURE__ */ yl(ID, [["render", RD]]), BD = { class: "sticky top-0 z
|
|
|
24075
24075
|
return (e, n) => (k(), s("div", HD, [c("div", { class: C([{
|
|
24076
24076
|
"max-w-3xl": !t.isFullWidth,
|
|
24077
24077
|
"py-4xl": t.hasVerticalPadding
|
|
24078
|
-
}, "relative mx-auto flex w-full flex-col px-
|
|
24078
|
+
}, "relative mx-auto flex w-full flex-col px-2xl"]) }, [M(e.$slots, "default")], 2)]));
|
|
24079
24079
|
}
|
|
24080
24080
|
}), WD = /* @__PURE__ */ p({
|
|
24081
24081
|
__name: "DashboardPageContainer",
|
|
24082
24082
|
props: { class: { default: null } },
|
|
24083
24083
|
setup(e) {
|
|
24084
24084
|
let t = e;
|
|
24085
|
-
return (e, n) => (k(), s("div", { class: C(L(GS)("mx-auto flex w-full flex-col px-
|
|
24085
|
+
return (e, n) => (k(), s("div", { class: C(L(GS)("mx-auto flex w-full flex-col px-2xl", t.class)) }, [M(e.$slots, "default")], 2));
|
|
24086
24086
|
}
|
|
24087
24087
|
}), GD = /* @__PURE__ */ p({
|
|
24088
24088
|
__name: "DashboardPageActions",
|
|
@@ -24101,7 +24101,7 @@ var zD = /* @__PURE__ */ yl(ID, [["render", RD]]), BD = { class: "sticky top-0 z
|
|
|
24101
24101
|
}), KD = /* @__PURE__ */ p({
|
|
24102
24102
|
__name: "DashboardPageContent",
|
|
24103
24103
|
setup(e) {
|
|
24104
|
-
return (e, t) => (k(), a(WD, { class: "h-full overflow-auto py-
|
|
24104
|
+
return (e, t) => (k(), a(WD, { class: "h-full overflow-auto py-2xl" }, {
|
|
24105
24105
|
default: H(() => [M(e.$slots, "default")]),
|
|
24106
24106
|
_: 3
|
|
24107
24107
|
}));
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"type": "module",
|
|
7
|
-
"version": "1.
|
|
7
|
+
"version": "1.2.0",
|
|
8
8
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"vue-router": ">=4.6.3",
|
|
50
50
|
"vue-sonner": "2.0.9",
|
|
51
51
|
"zod": "4.3.5",
|
|
52
|
-
"@wisemen/vue-core-
|
|
53
|
-
"@wisemen/vue-core-
|
|
52
|
+
"@wisemen/vue-core-actions": "0.1.3",
|
|
53
|
+
"@wisemen/vue-core-dates": "1.0.1"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@tailwindcss/vite": "4.1.18",
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
"vue-tsc": "3.2.2",
|
|
103
103
|
"zod": "4.3.5",
|
|
104
104
|
"@wisemen/eslint-config-vue": "2.1.3",
|
|
105
|
-
"@wisemen/vue-core-actions": "0.1.3",
|
|
106
105
|
"@wisemen/vue-core-dates": "1.0.1",
|
|
106
|
+
"@wisemen/vue-core-actions": "0.1.3",
|
|
107
107
|
"@wisemen/vue-core-tailwind-config": "0.0.4"
|
|
108
108
|
},
|
|
109
109
|
"scripts": {
|