@formkit/pro 0.125.6 → 0.125.7
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/index.cjs +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
package/index.cjs
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/* #__PURE__ */o.localize("loadMore"),
|
|
8
8
|
/* #__PURE__ */o.localize("remove"),o.options,
|
|
9
9
|
/* #__PURE__ */vt.bind(null,ht,Dt,jt),Gt]},Jt=/* #__PURE__ */q("tg"),{outer:Qt,wrapper:eo,label:to,prefix:oo,suffix:no,help:ro,messages:so,message:ao,icon:lo}=/* #__PURE__ */z(Jt),io=Jt("input",(()=>({$el:"input",bind:"$attrs",attrs:{type:"checkbox",id:"$id",value:"$value",name:"$node.name",checked:"$checked",onInput:"$handlers.toggles",onBlur:"$handlers.blur",disabled:"$disabled"}}))),po=Jt("label",(()=>({if:"($label && $onValueLabel === undefined && $offValueLabel === undefined) || ($valueLabelDisplay === inner) && $altLabelPosition !== true",$el:"label",attrs:{for:"$id"},children:"$label"}))),co=Jt("altLabel",(()=>({$el:"label",if:"($label && ($onValueLabel || $offValueLabel) && $valueLabelDisplay !== hidden && $valueLabelDisplay !== inner) || $altLabelPosition === true",attrs:{for:"$id","data-label-alt":"true",style:{color:{if:"$checked",then:"$valueLabelColorOn",else:"$valueLabelColorOff"}}},children:"$label"}))),uo=Jt("innerLabel",(()=>({$el:"div",if:"$valueLabelDisplay === inner && ($checked && $onValueLabel || $offValueLabel)",attrs:{style:{color:{if:"$checked",then:"$valueLabelColorOn",else:"$valueLabelColorOff"}}},children:{if:"$checked",then:"$onValueLabel",else:"$offValueLabel"}}))),fo=Jt("valueLabel",(()=>({$el:"label",if:"$valueLabelDisplay !== hidden && $valueLabelDisplay !== inner && (($checked === true && $onValueLabel) || ($checked === false && $offValueLabel))",attrs:{for:"$id"},children:{if:"$checked && $onValueLabel",then:"$onValueLabel",else:{if:"$offValueLabel",then:"$offValueLabel"}}}))),vo=Jt("inner",(()=>({$el:"label",attrs:{for:"$id",id:"$id + '_label'"}}))),ho=Jt("track",(()=>({$el:"div",attrs:{style:{backgroundColor:{if:"$checked",then:"$trackColorOn",else:"$trackColorOff"}}}}))),mo=Jt("thumb",(()=>({$el:"div",attrs:{style:{color:{if:"$checked",then:"$iconColorOn",else:"$iconColorOff"},backgroundColor:{if:"$checked",then:"$thumbColorOn",else:"$thumbColorOff"}}}}))),$o=()=>mo(Y("$slots.default","$slots.default",lo("thumb")));const go={schema:/* #__PURE__ */Qt(/* #__PURE__ */eo(/* #__PURE__ */co(),/* #__PURE__ */vo(/* #__PURE__ */oo(),/* #__PURE__ */io(),/* #__PURE__ */ho(/* #__PURE__ */uo(),/* #__PURE__ */$o()),/* #__PURE__ */no()),/* #__PURE__ */fo(),/* #__PURE__ */po()),/* #__PURE__ */ro("$help"),/* #__PURE__ */so(/* #__PURE__ */ao("$message.value"))),type:"input",props:["checked","thumbColorOff","thumbColorOn","iconColorOff","iconColorOn","valueLabelColorOff","valueLabelColorOn","offValue","offValueLabel","onValue","onValueLabel","thumbIcon","trackColorOff","trackColorOn","valueLabelDisplay","altLabelPosition"],features:[function(t){function o(e,t){t.target instanceof HTMLInputElement&&(e.input(t.target.checked?e.props.onValue:e.props.offValue),e.props.checked=t.target.checked)}t.on("created",(()=>{"disabled"in t.props&&(t.props.disabled=e.undefine(t.props.disabled)),t.props.altLabelPosition=e.undefine(t.props.altLabelPosition),void 0===t.props.offValue&&(t.props.offValue=!1),void 0===t.props.onValue&&(t.props.onValue=!0),t.props.checked=e.eq(t.value,t.props.onValue),t.context&&(t.context.handlers.toggles=o.bind(null,t))})),t.on("commit",(({payload:o})=>{t.props.checked=e.eq(o,t.props.onValue)}))}]},bo=/* #__PURE__ */q("rp"),{outer:yo,inner:xo,prefix:wo,suffix:_o,help:ko,messages:So,message:Lo,icon:Ao}=
|
|
10
|
-
/* #__PURE__ */z(bo),Do=bo("empty",(()=>({$el:"div"}))),Io=bo("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),Co=bo("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),Eo=bo("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),Oo=bo("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list",id:'$id + "_items"'}}))),To=bo("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),Mo=bo("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),Vo=bo("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),Fo=bo("content","div"),Bo=bo("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),Po=bo("legend",(()=>({$el:"legend",if:"$label"}))),Ho=bo("group",(()=>({$formkit:"group",index:"$index"}))),Ro=bo("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),Ko=bo("remove",(()=>({$el:"li",if:"$removeControl"}))),No=bo("insert",(()=>({$el:"li",if:"$insertControl"}))),Wo=bo("up",(()=>({$el:"li",if:"$upControl"}))),qo=bo("down",(()=>({$el:"li",if:"$downControl"}))),zo=bo("controlLabel","span"),Uo=bo("dragHandleWrapper",(()=>({if:"$draggable",$el:"div"}))),Yo=bo("dragHandle",(()=>({$el:"div",attrs:{id:'$id + "_drag_handle"'}})));function jo(t){var o,n,r,s,a,l,i,p,d,c,u,f,v,h;if(null!==(o=(p=t.props).removeControl)&&void 0!==o||(p.removeControl=!0),null!==(n=(d=t.props).upControl)&&void 0!==n||(d.upControl=!0),null!==(r=(c=t.props).downControl)&&void 0!==r||(c.downControl=!0),null!==(s=(u=t.props).insertControl)&&void 0!==s||(u.insertControl=!1),null!==(a=(f=t.props).addButton)&&void 0!==a||(f.addButton=!0),null!==(l=(v=t.props).addLabel)&&void 0!==l||(v.addLabel=!1),null!==(i=(h=t.props).addAttrs)&&void 0!==i||(h.addAttrs={}),t.props.draggable=e.undefine(t.props.draggable),t.props.min=void 0!==t.props.min?Number(t.props.min):1,t.props.max=void 0!==t.props.max?Number(t.props.max):1/0,t.props.min>t.props.max)throw Error("Repeater: min must be less than max");if(Array.isArray(t.value))if(t.value.length<t.props.min){const e=S(t.props.min-t.value.length,(()=>({})));t.input(t.value.concat(e),!1)}else t.value.length>t.props.max&&t.input(t.value.slice(0,t.props.max),!1);else t.input(S(t.props.min,(()=>({}))),!1);t.context&&function(e,t){t.createShift=(t,o)=>()=>{const n=e._value;n.splice(t+o,0,n.splice(t,1)[0]),e.input(n,!1)},t.createInsert=t=>()=>{const o=e._value;o.splice(t+1,0,{}),e.input(o,!1)},t.createAppend=()=>()=>{const t=e._value;t.push({}),e.input(t,!1)},t.createRemover=t=>()=>{const o=e._value;o.splice(t,1),e.input(o,!1)}}(t,t.context.fns)}function Zo(e,t){if(!t.context)return;const o={group:t.props.id,dragHandle:`#${t.props.id}_drag_handle`,draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:[n.animations({duration:100})],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>"LI"===e.tagName};function
|
|
10
|
+
/* #__PURE__ */z(bo),Do=bo("empty",(()=>({$el:"div"}))),Io=bo("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),Co=bo("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),Eo=bo("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),Oo=bo("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list",id:'$id + "_items"'}}))),To=bo("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),Mo=bo("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),Vo=bo("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),Fo=bo("content","div"),Bo=bo("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),Po=bo("legend",(()=>({$el:"legend",if:"$label"}))),Ho=bo("group",(()=>({$formkit:"group",index:"$index"}))),Ro=bo("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),Ko=bo("remove",(()=>({$el:"li",if:"$removeControl"}))),No=bo("insert",(()=>({$el:"li",if:"$insertControl"}))),Wo=bo("up",(()=>({$el:"li",if:"$upControl"}))),qo=bo("down",(()=>({$el:"li",if:"$downControl"}))),zo=bo("controlLabel","span"),Uo=bo("dragHandleWrapper",(()=>({if:"$draggable",$el:"div"}))),Yo=bo("dragHandle",(()=>({$el:"div",attrs:{id:'$id + "_drag_handle"'}})));function jo(t){var o,n,r,s,a,l,i,p,d,c,u,f,v,h;if(null!==(o=(p=t.props).removeControl)&&void 0!==o||(p.removeControl=!0),null!==(n=(d=t.props).upControl)&&void 0!==n||(d.upControl=!0),null!==(r=(c=t.props).downControl)&&void 0!==r||(c.downControl=!0),null!==(s=(u=t.props).insertControl)&&void 0!==s||(u.insertControl=!1),null!==(a=(f=t.props).addButton)&&void 0!==a||(f.addButton=!0),null!==(l=(v=t.props).addLabel)&&void 0!==l||(v.addLabel=!1),null!==(i=(h=t.props).addAttrs)&&void 0!==i||(h.addAttrs={}),t.props.draggable=e.undefine(t.props.draggable),t.props.min=void 0!==t.props.min?Number(t.props.min):1,t.props.max=void 0!==t.props.max?Number(t.props.max):1/0,t.props.min>t.props.max)throw Error("Repeater: min must be less than max");if(Array.isArray(t.value))if(t.value.length<t.props.min){const e=S(t.props.min-t.value.length,(()=>({})));t.input(t.value.concat(e),!1)}else t.value.length>t.props.max&&t.input(t.value.slice(0,t.props.max),!1);else t.input(S(t.props.min,(()=>({}))),!1);t.context&&function(e,t){t.createShift=(t,o)=>()=>{const n=e._value;n.splice(t+o,0,n.splice(t,1)[0]),e.input(n,!1)},t.createInsert=t=>()=>{const o=e._value;o.splice(t+1,0,{}),e.input(o,!1)},t.createAppend=()=>()=>{const t=e._value;t.push({}),e.input(t,!1)},t.createRemover=t=>()=>{const o=e._value;o.splice(t,1),e.input(o,!1)}}(t,t.context.fns)}function Zo(e,t){var o;if(!t.context)return;const r=null===(o=t.props.__root)||void 0===o?void 0:o.querySelector(`#${t.props.id} .${t.context.classes.inner}`),s=null==r?void 0:r.hasAttribute("data-auto-animate"),a={group:t.props.id,dragHandle:`#${t.props.id}_drag_handle`,draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:s?[]:[n.animations({duration:100})],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>"LI"===e.tagName};function l(){return Array.isArray(t.value)?t.value:[]}function i(e){t.input(e)}n.dragAndDrop({parent:e,getValues:l,setValues:i,config:a}),t.on("prop:disabled",(({payload:t})=>{a.disabled=t,n.dragAndDrop({parent:e,getValues:l,setValues:i,config:a})})),t.on("prop:draggable",(({payload:t})=>{a.disabled=!t,n.dragAndDrop({parent:e,getValues:l,setValues:i,config:a})}))}const Go={schema:/* #__PURE__ */yo(/* #__PURE__ */Bo(/* #__PURE__ */Po("$label"),/* #__PURE__ */ko("$help"),/* #__PURE__ */xo(/* #__PURE__ */wo(),/* #__PURE__ */Y("$value.length === 0",/* #__PURE__ */Y("$slots.empty",/* #__PURE__ */Do()),/* #__PURE__ */Y("$slots.default",/* #__PURE__ */Oo(/* #__PURE__ */To(/* #__PURE__ */Uo(/* #__PURE__ */Yo(/* #__PURE__ */Ao("dragHandle"))),/* #__PURE__ */Fo(/* #__PURE__ */Ho("$slots.default")),/* #__PURE__ */Ro(/* #__PURE__ */Wo(/* #__PURE__ */Vo(/* #__PURE__ */zo("$ui.moveUp.value"),/* #__PURE__ */Ao("moveUp"))),/* #__PURE__ */Ko(/* #__PURE__ */Eo(/* #__PURE__ */zo("$ui.remove.value"),/* #__PURE__ */Ao("remove"))),/* #__PURE__ */No(/* #__PURE__ */Io(/* #__PURE__ */zo("$ui.add.value"),/* #__PURE__ */Ao("add"))),/* #__PURE__ */qo(/* #__PURE__ */Mo(/* #__PURE__ */zo("$ui.moveDown.value"),/* #__PURE__ */Ao("moveDown")))))),/* #__PURE__ */_o()))),/* #__PURE__ */Co('$addLabel || ($ui.add.value + " " + ($label || ""))')),/* #__PURE__ */So(/* #__PURE__ */Lo("$message.value"))),type:"list",props:["min","max","total","upControl","downControl","removeControl","insertControl","addLabel","addButton","addAttrs","draggable"],features:[function(t){t._c.sync=!0,t.on("created",jo.bind(null,t)),t.on("mounted",(()=>{e.whenAvailable(`${t.props.id}_items`,(e=>{if(e instanceof HTMLElement){Zo(e,t);function o(e){for(const o of e)for(const e of Array.from(o.addedNodes))if(e instanceof HTMLElement&&e.id===`${t.props.id}_items`)return void Zo(e,t)}new MutationObserver(o).observe(e.parentNode,{childList:!0})}}),t.props.__root)}))},o.disablesChildren,
|
|
11
11
|
/* #__PURE__ */o.localize("remove"),
|
|
12
12
|
/* #__PURE__ */o.localize("add"),
|
|
13
13
|
/* #__PURE__ */o.localize("moveUp"),
|
package/index.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import{isRecord as e,isObject as t,isPojo as o,eq as n,undefine as r,whenAvailab
|
|
|
7
7
|
/* #__PURE__ */g("loadMore"),
|
|
8
8
|
/* #__PURE__ */g("remove"),b,
|
|
9
9
|
/* #__PURE__ */ro.bind(null,so,bo,Ho),Ko]},Wo=/* #__PURE__ */Me("tg"),{outer:Uo,wrapper:Yo,label:jo,prefix:zo,suffix:Zo,help:qo,messages:Go,message:Xo,icon:Jo}=/* #__PURE__ */Ve(Wo),Qo=Wo("input",(()=>({$el:"input",bind:"$attrs",attrs:{type:"checkbox",id:"$id",value:"$value",name:"$node.name",checked:"$checked",onInput:"$handlers.toggles",onBlur:"$handlers.blur",disabled:"$disabled"}}))),en=Wo("label",(()=>({if:"($label && $onValueLabel === undefined && $offValueLabel === undefined) || ($valueLabelDisplay === inner) && $altLabelPosition !== true",$el:"label",attrs:{for:"$id"},children:"$label"}))),tn=Wo("altLabel",(()=>({$el:"label",if:"($label && ($onValueLabel || $offValueLabel) && $valueLabelDisplay !== hidden && $valueLabelDisplay !== inner) || $altLabelPosition === true",attrs:{for:"$id","data-label-alt":"true",style:{color:{if:"$checked",then:"$valueLabelColorOn",else:"$valueLabelColorOff"}}},children:"$label"}))),on=Wo("innerLabel",(()=>({$el:"div",if:"$valueLabelDisplay === inner && ($checked && $onValueLabel || $offValueLabel)",attrs:{style:{color:{if:"$checked",then:"$valueLabelColorOn",else:"$valueLabelColorOff"}}},children:{if:"$checked",then:"$onValueLabel",else:"$offValueLabel"}}))),nn=Wo("valueLabel",(()=>({$el:"label",if:"$valueLabelDisplay !== hidden && $valueLabelDisplay !== inner && (($checked === true && $onValueLabel) || ($checked === false && $offValueLabel))",attrs:{for:"$id"},children:{if:"$checked && $onValueLabel",then:"$onValueLabel",else:{if:"$offValueLabel",then:"$offValueLabel"}}}))),rn=Wo("inner",(()=>({$el:"label",attrs:{for:"$id",id:"$id + '_label'"}}))),sn=Wo("track",(()=>({$el:"div",attrs:{style:{backgroundColor:{if:"$checked",then:"$trackColorOn",else:"$trackColorOff"}}}}))),an=Wo("thumb",(()=>({$el:"div",attrs:{style:{color:{if:"$checked",then:"$iconColorOn",else:"$iconColorOff"},backgroundColor:{if:"$checked",then:"$thumbColorOn",else:"$thumbColorOff"}}}}))),ln=()=>an(Be("$slots.default","$slots.default",Jo("thumb")));const pn={schema:/* #__PURE__ */Uo(/* #__PURE__ */Yo(/* #__PURE__ */tn(),/* #__PURE__ */rn(/* #__PURE__ */zo(),/* #__PURE__ */Qo(),/* #__PURE__ */sn(/* #__PURE__ */on(),/* #__PURE__ */ln()),/* #__PURE__ */Zo()),/* #__PURE__ */nn(),/* #__PURE__ */en()),/* #__PURE__ */qo("$help"),/* #__PURE__ */Go(/* #__PURE__ */Xo("$message.value"))),type:"input",props:["checked","thumbColorOff","thumbColorOn","iconColorOff","iconColorOn","valueLabelColorOff","valueLabelColorOn","offValue","offValueLabel","onValue","onValueLabel","thumbIcon","trackColorOff","trackColorOn","valueLabelDisplay","altLabelPosition"],features:[function(e){function t(e,t){t.target instanceof HTMLInputElement&&(e.input(t.target.checked?e.props.onValue:e.props.offValue),e.props.checked=t.target.checked)}e.on("created",(()=>{"disabled"in e.props&&(e.props.disabled=r(e.props.disabled)),e.props.altLabelPosition=r(e.props.altLabelPosition),void 0===e.props.offValue&&(e.props.offValue=!1),void 0===e.props.onValue&&(e.props.onValue=!0),e.props.checked=n(e.value,e.props.onValue),e.context&&(e.context.handlers.toggles=t.bind(null,e))})),e.on("commit",(({payload:t})=>{e.props.checked=n(t,e.props.onValue)}))}]},dn=/* #__PURE__ */Me("rp"),{outer:cn,inner:un,prefix:fn,suffix:vn,help:hn,messages:mn,message:$n,icon:gn}=
|
|
10
|
-
/* #__PURE__ */Ve(dn),bn=dn("empty",(()=>({$el:"div"}))),yn=dn("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),xn=dn("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),wn=dn("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),_n=dn("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list",id:'$id + "_items"'}}))),kn=dn("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),Sn=dn("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),Ln=dn("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),An=dn("content","div"),Cn=dn("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),Dn=dn("legend",(()=>({$el:"legend",if:"$label"}))),In=dn("group",(()=>({$formkit:"group",index:"$index"}))),En=dn("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),Tn=dn("remove",(()=>({$el:"li",if:"$removeControl"}))),On=dn("insert",(()=>({$el:"li",if:"$insertControl"}))),Mn=dn("up",(()=>({$el:"li",if:"$upControl"}))),Vn=dn("down",(()=>({$el:"li",if:"$downControl"}))),Fn=dn("controlLabel","span"),Bn=dn("dragHandleWrapper",(()=>({if:"$draggable",$el:"div"}))),Pn=dn("dragHandle",(()=>({$el:"div",attrs:{id:'$id + "_drag_handle"'}})));function Hn(e){var t,o,n,s,a,l,p,i,d,c,u,f,v,h;if(null!==(t=(i=e.props).removeControl)&&void 0!==t||(i.removeControl=!0),null!==(o=(d=e.props).upControl)&&void 0!==o||(d.upControl=!0),null!==(n=(c=e.props).downControl)&&void 0!==n||(c.downControl=!0),null!==(s=(u=e.props).insertControl)&&void 0!==s||(u.insertControl=!1),null!==(a=(f=e.props).addButton)&&void 0!==a||(f.addButton=!0),null!==(l=(v=e.props).addLabel)&&void 0!==l||(v.addLabel=!1),null!==(p=(h=e.props).addAttrs)&&void 0!==p||(h.addAttrs={}),e.props.draggable=r(e.props.draggable),e.props.min=void 0!==e.props.min?Number(e.props.min):1,e.props.max=void 0!==e.props.max?Number(e.props.max):1/0,e.props.min>e.props.max)throw Error("Repeater: min must be less than max");if(Array.isArray(e.value))if(e.value.length<e.props.min){const t=he(e.props.min-e.value.length,(()=>({})));e.input(e.value.concat(t),!1)}else e.value.length>e.props.max&&e.input(e.value.slice(0,e.props.max),!1);else e.input(he(e.props.min,(()=>({}))),!1);e.context&&function(e,t){t.createShift=(t,o)=>()=>{const n=e._value;n.splice(t+o,0,n.splice(t,1)[0]),e.input(n,!1)},t.createInsert=t=>()=>{const o=e._value;o.splice(t+1,0,{}),e.input(o,!1)},t.createAppend=()=>()=>{const t=e._value;t.push({}),e.input(t,!1)},t.createRemover=t=>()=>{const o=e._value;o.splice(t,1),e.input(o,!1)}}(e,e.context.fns)}function Rn(e,t){if(!t.context)return;const o={group:t.props.id,dragHandle:`#${t.props.id}_drag_handle`,draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:[x({duration:100})],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>"LI"===e.tagName};function
|
|
10
|
+
/* #__PURE__ */Ve(dn),bn=dn("empty",(()=>({$el:"div"}))),yn=dn("insertControl",(()=>({$el:"button",attrs:{disabled:"$value.length >= $max",onClick:"$fns.createInsert($index)",type:"button"}}))),xn=dn("addButton",(()=>({$formkit:"button",bind:"$addAttrs",if:"$addButton",disabled:"$value.length >= $max",onClick:"$fns.createAppend()",type:"button"}))),wn=dn("removeControl",(()=>({$el:"button",attrs:{disabled:"$value.length <= $min",onClick:"$fns.createRemover($index)",type:"button"}}))),_n=dn("items",(()=>({$el:"ul",meta:{autoAnimate:!0},attrs:{role:"list",id:'$id + "_items"'}}))),kn=dn("item",(()=>({$el:"li",for:["item","index","$items"],attrs:{role:"listitem",key:"$item","data-index":"$index"}}))),Sn=dn("downControl",(()=>({$el:"button",attrs:{disabled:"$index >= $value.length - 1",onClick:"$fns.createShift($index, 1)",type:"button"}}))),Ln=dn("upControl",(()=>({$el:"button",attrs:{disabled:"$index <= 0",onClick:"$fns.createShift($index, -1)",type:"button"}}))),An=dn("content","div"),Cn=dn("fieldset",(()=>({$el:"fieldset",attrs:{id:"$id"}}))),Dn=dn("legend",(()=>({$el:"legend",if:"$label"}))),In=dn("group",(()=>({$formkit:"group",index:"$index"}))),En=dn("controls",(()=>({$el:"ul",if:"$removeControl || $insertControl || $upControl || $downControl"}))),Tn=dn("remove",(()=>({$el:"li",if:"$removeControl"}))),On=dn("insert",(()=>({$el:"li",if:"$insertControl"}))),Mn=dn("up",(()=>({$el:"li",if:"$upControl"}))),Vn=dn("down",(()=>({$el:"li",if:"$downControl"}))),Fn=dn("controlLabel","span"),Bn=dn("dragHandleWrapper",(()=>({if:"$draggable",$el:"div"}))),Pn=dn("dragHandle",(()=>({$el:"div",attrs:{id:'$id + "_drag_handle"'}})));function Hn(e){var t,o,n,s,a,l,p,i,d,c,u,f,v,h;if(null!==(t=(i=e.props).removeControl)&&void 0!==t||(i.removeControl=!0),null!==(o=(d=e.props).upControl)&&void 0!==o||(d.upControl=!0),null!==(n=(c=e.props).downControl)&&void 0!==n||(c.downControl=!0),null!==(s=(u=e.props).insertControl)&&void 0!==s||(u.insertControl=!1),null!==(a=(f=e.props).addButton)&&void 0!==a||(f.addButton=!0),null!==(l=(v=e.props).addLabel)&&void 0!==l||(v.addLabel=!1),null!==(p=(h=e.props).addAttrs)&&void 0!==p||(h.addAttrs={}),e.props.draggable=r(e.props.draggable),e.props.min=void 0!==e.props.min?Number(e.props.min):1,e.props.max=void 0!==e.props.max?Number(e.props.max):1/0,e.props.min>e.props.max)throw Error("Repeater: min must be less than max");if(Array.isArray(e.value))if(e.value.length<e.props.min){const t=he(e.props.min-e.value.length,(()=>({})));e.input(e.value.concat(t),!1)}else e.value.length>e.props.max&&e.input(e.value.slice(0,e.props.max),!1);else e.input(he(e.props.min,(()=>({}))),!1);e.context&&function(e,t){t.createShift=(t,o)=>()=>{const n=e._value;n.splice(t+o,0,n.splice(t,1)[0]),e.input(n,!1)},t.createInsert=t=>()=>{const o=e._value;o.splice(t+1,0,{}),e.input(o,!1)},t.createAppend=()=>()=>{const t=e._value;t.push({}),e.input(t,!1)},t.createRemover=t=>()=>{const o=e._value;o.splice(t,1),e.input(o,!1)}}(e,e.context.fns)}function Rn(e,t){var o;if(!t.context)return;const n=null===(o=t.props.__root)||void 0===o?void 0:o.querySelector(`#${t.props.id} .${t.context.classes.inner}`),r=null==n?void 0:n.hasAttribute("data-auto-animate"),s={group:t.props.id,dragHandle:`#${t.props.id}_drag_handle`,draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:r?[]:[x({duration:100})],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>"LI"===e.tagName};function a(){return Array.isArray(t.value)?t.value:[]}function l(e){t.input(e)}w({parent:e,getValues:a,setValues:l,config:s}),t.on("prop:disabled",(({payload:t})=>{s.disabled=t,w({parent:e,getValues:a,setValues:l,config:s})})),t.on("prop:draggable",(({payload:t})=>{s.disabled=!t,w({parent:e,getValues:a,setValues:l,config:s})}))}const Kn={schema:/* #__PURE__ */cn(/* #__PURE__ */Cn(/* #__PURE__ */Dn("$label"),/* #__PURE__ */hn("$help"),/* #__PURE__ */un(/* #__PURE__ */fn(),/* #__PURE__ */Be("$value.length === 0",/* #__PURE__ */Be("$slots.empty",/* #__PURE__ */bn()),/* #__PURE__ */Be("$slots.default",/* #__PURE__ */_n(/* #__PURE__ */kn(/* #__PURE__ */Bn(/* #__PURE__ */Pn(/* #__PURE__ */gn("dragHandle"))),/* #__PURE__ */An(/* #__PURE__ */In("$slots.default")),/* #__PURE__ */En(/* #__PURE__ */Mn(/* #__PURE__ */Ln(/* #__PURE__ */Fn("$ui.moveUp.value"),/* #__PURE__ */gn("moveUp"))),/* #__PURE__ */Tn(/* #__PURE__ */wn(/* #__PURE__ */Fn("$ui.remove.value"),/* #__PURE__ */gn("remove"))),/* #__PURE__ */On(/* #__PURE__ */yn(/* #__PURE__ */Fn("$ui.add.value"),/* #__PURE__ */gn("add"))),/* #__PURE__ */Vn(/* #__PURE__ */Sn(/* #__PURE__ */Fn("$ui.moveDown.value"),/* #__PURE__ */gn("moveDown")))))),/* #__PURE__ */vn()))),/* #__PURE__ */xn('$addLabel || ($ui.add.value + " " + ($label || ""))')),/* #__PURE__ */mn(/* #__PURE__ */$n("$message.value"))),type:"list",props:["min","max","total","upControl","downControl","removeControl","insertControl","addLabel","addButton","addAttrs","draggable"],features:[function(e){e._c.sync=!0,e.on("created",Hn.bind(null,e)),e.on("mounted",(()=>{s(`${e.props.id}_items`,(t=>{if(t instanceof HTMLElement){Rn(t,e);function o(t){for(const o of t)for(const t of Array.from(o.addedNodes))if(t instanceof HTMLElement&&t.id===`${e.props.id}_items`)return void Rn(t,e)}new MutationObserver(o).observe(t.parentNode,{childList:!0})}}),e.props.__root)}))},y,
|
|
11
11
|
/* #__PURE__ */g("remove"),
|
|
12
12
|
/* #__PURE__ */g("add"),
|
|
13
13
|
/* #__PURE__ */g("moveUp"),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formkit/pro",
|
|
3
|
-
"version": "0.125.
|
|
3
|
+
"version": "0.125.7",
|
|
4
4
|
"description": "FormKit Pro — Form inputs and tools for high quality forms.",
|
|
5
5
|
"main": "index.cjs",
|
|
6
6
|
"module": "index.mjs",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"vue"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@formkit/drag-and-drop": "^0.0.
|
|
47
|
+
"@formkit/drag-and-drop": "^0.0.38",
|
|
48
48
|
"@formkit/tempo": "^0.0.8"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|