@formkit/pro 0.111.7-14545ce → 0.111.7-4047f8a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/pro",
-  "version": "0.111.7-14545ce",
+  "version": "0.111.7-4047f8a",
   "description": "FormKit Pro — Form inputs and tools for high quality forms.",
   "main": "index.cjs",
   "module": "index.mjs",

package/slider/index.mjs

@@ -1 +1 @@
-import{createSectionFactory as a,createBaseSections as e}from"../index.mjs";const l=a("sl"),{outer:t,wrapper:s,inner:$,icon:i,label:n,prefix:r,suffix:o,help:d,messages:u,message:c}=e(l),h=l("chart",(()=>({$el:"div",if:"$chart"}))),m=l("chartBar",(()=>({$el:"div",for:["bar","index","$chart"],attrs:{"data-active":{if:"$isMulti",then:{if:"$value.0 < $value.1",then:"$bar.at >= $value.0 && $bar.at <= $value.1",else:"$bar.at >= $value.1 && $bar.at <= $value.0"},else:"$bar.at <= $value"},style:{left:'$bar.at / ($max - $min) * 100 + "%"',width:'$: "calc(" + (100 / $chart.length) + "% - 2px)"',height:{if:"$largestBar",then:'$bar.value / $largestBar * 100 + "%"'}}}}))),p=l("sliderInner",(()=>({$el:"div",attrs:{"data-has-mark-labels":"$markLabels && $marks.length > 0"}}))),v=l("track",(()=>({$el:"div",attrs:{id:"$: 'track-' + $id",onClick:"$handlers.clickTrack"}}))),f=l("trackWrapper",(()=>({$el:"div"}))),k=l("trackInner",(()=>({$el:"div"}))),x=l("fill",(()=>({$el:"div",attrs:{style:"$fillStyles"}}))),b=l("linkedValues",(()=>({$el:"div"}))),g=l("maxValue",(()=>({$formkit:"number",bind:"$computedMaxInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$value.1",else:"$value"},step:"$step",min:"$min",max:"$max",onNode:"$handlers.maxNode",onBlur:"$handlers.inputBlur"}))),M=l("minValue",(()=>({$formkit:"number",bind:"$computedMinInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$value.0",else:"$value"},step:"$step",min:"$min",max:"$max",onNode:"$handlers.minNode",onBlur:"$handlers.inputBlur"}))),y=l("marks",(()=>({$el:"div",if:"$marks",class:"$classes.marks"}))),w=l("mark",(()=>({$el:"span",for:["step","index","$marks"],attrs:{"data-active":{if:"$isMulti",then:{if:"$value.0 < $value.1",then:"$step.value >= $value.0 && $step.value <= $value.1",else:"$step.value >= $value.1 && $step.value <= $value.0"},else:"$step.value <= $value"},class:"$classes.mark",style:{left:'$step.value / ($max - $min) * 100 + "%"'}}}))),B=l("markLabel",(()=>({$el:"span",if:"$markLabels",children:"$step.label"}))),H=l("handles",(()=>({$el:"ul"}))),I=l("handleMax",(()=>({$el:"li",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "max"',"data-handle":"max","data-show-tooltip":"$tooltip",class:"$: 'formkit-handle ' + $classes.handle + ' ' + $classes.handleMax",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$maxHandleStyles",tabindex:0,onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),F=l("handleMin",(()=>({$el:"li",if:"$isMulti",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "min"',"data-handle":"min","data-show-tooltip":"$tooltip",class:"$: $classes.handle + ' ' + $classes.handleMin",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$minHandleStyles",tabindex:0,onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),D=l("tooltipMax",(()=>({$el:"div",if:'$tooltip === true || $tooltip === "auto"',children:{if:"$isMulti",then:'$tooltipFormat($_value.1, "max")',else:'$tooltipFormat($_value, "max")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMax"}}))),N=l("tooltipMin",(()=>({$el:"div",if:'$isMulti && ($tooltip === true || $tooltip === "auto")',children:'$tooltipFormat($_value.0, "min")',attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMin"}})));export{h as chart,m as chartBar,l as createSection,x as fill,I as handleMax,F as handleMin,H as handles,d as help,i as icon,$ as inner,n as label,b as linkedValues,w as mark,B as markLabel,y as marks,g as maxValue,c as message,u as messages,M as minValue,t as outer,r as prefix,p as sliderInner,o as suffix,D as tooltipMax,N as tooltipMin,v as track,k as trackInner,f as trackWrapper,s as wrapper};
+import{createSectionFactory as a,createBaseSections as e}from"../index.mjs";const t=a("sl"),{outer:l,wrapper:s,inner:$,icon:i,label:n,prefix:r,suffix:o,help:d,messages:u,message:h}=e(t),c=t("chart",(()=>({$el:"div",if:"$chart"}))),m=t("chartBar",(()=>({$el:"div",for:["bar","index","$chart"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$bar.at >= $_value.0 && $bar.at <= $_value.1",else:"$bar.at >= $_value.1 && $bar.at <= $_value.0"},else:"$bar.at <= $_value"},style:{left:'$bar.at / ($max - $min) * 100 + "%"',width:'$: "calc(" + (100 / $chart.length) + "% - 2px)"',height:{if:"$largestBar",then:'$bar.value / $largestBar * 100 + "%"'}}}}))),p=t("sliderInner",(()=>({$el:"div",attrs:{"data-has-mark-labels":"$markLabels && $marks.length > 0"}}))),v=t("track",(()=>({$el:"div",attrs:{id:"$: 'track-' + $id",onClick:"$handlers.clickTrack"}}))),f=t("trackWrapper",(()=>({$el:"div"}))),b=t("trackInner",(()=>({$el:"div"}))),k=t("fill",(()=>({$el:"div",attrs:{style:"$fillStyles"}}))),x=t("linkedValues",(()=>({$el:"div"}))),g=t("maxValue",(()=>({$formkit:"number",bind:"$computedMaxInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.1",else:"$_value"},tabindex:{if:"$disabled",then:-1},step:"$step",min:"$min",max:"$max",onNode:"$handlers.maxNode",onBlur:"$handlers.inputBlur"}))),_=t("minValue",(()=>({$formkit:"number",bind:"$computedMinInputAttrs",ignore:!0,value:{if:"$isMulti",then:"$_value.0",else:"$_value"},tabindex:{if:"$disabled",then:-1},step:"$step",min:"$min",max:"$max",onNode:"$handlers.minNode",onBlur:"$handlers.inputBlur"}))),M=t("marks",(()=>({$el:"div",if:"$marks",class:"$classes.marks"}))),y=t("mark",(()=>({$el:"span",for:["step","index","$marks"],attrs:{"data-active":{if:"$isMulti",then:{if:"$_value.0 < $_value.1",then:"$step.at >= $_value.0 && $step.at <= $_value.1",else:"$step.at >= $_value.1 && $step.at <= $_value.0"},else:"$step.at <= $_value"},class:"$classes.mark",style:{left:'$step.at / ($max - $min) * 100 + "%"'}}}))),w=t("markLabel",(()=>({$el:"span",if:"$markLabels",children:"$step.label"}))),B=t("handles",(()=>({$el:"ul"}))),H=t("handleMax",(()=>({$el:"li",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "max"',"data-handle":"max","data-show-tooltip":"$tooltip",class:"$: 'formkit-handle ' + $classes.handle + ' ' + $classes.handleMax",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$maxHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),I=t("handleMin",(()=>({$el:"li",if:"$isMulti",attrs:{"data-active":"$dragging","data-is-target":'$lastHandleInteraction === "min"',"data-handle":"min","data-show-tooltip":"$tooltip",class:"$: $classes.handle + ' ' + $classes.handleMin",onFocus:"$handlers.focus",onClick:"$handlers.clickHandle",onMousedown:"$handlers.startDrag",onTouchstart:"$handlers.startDrag",style:"$minHandleStyles",tabindex:{if:"$disabled",then:-1,else:0},onBlur:"$handlers.blur",onKeydown:"$handlers.keydown"}}))),F=t("tooltipMax",(()=>({$el:"div",if:'$tooltip === true || $tooltip === "auto"',children:{if:"$isMulti",then:'$tooltipFormat($_value.1, "max")',else:'$tooltipFormat($_value, "max")'},attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMax"}}))),D=t("tooltipMin",(()=>({$el:"div",if:'$isMulti && ($tooltip === true || $tooltip === "auto")',children:'$tooltipFormat($_value.0, "min")',attrs:{class:"$classes.tooltip + ' ' + $classes.tooltipMin"}})));export{c as chart,m as chartBar,t as createSection,k as fill,H as handleMax,I as handleMin,B as handles,d as help,i as icon,$ as inner,n as label,x as linkedValues,y as mark,w as markLabel,M as marks,g as maxValue,h as message,u as messages,_ as minValue,l as outer,r as prefix,p as sliderInner,o as suffix,F as tooltipMax,D as tooltipMin,v as track,b as trackInner,f as trackWrapper,s as wrapper};

package/slider/slider.ts

@@ -42,6 +42,7 @@ export const slider: FormKitProInput = {
   schema: outer(
     wrapper(
       label('$label'),
+      help('$help'),
       sliderInner(
         icon('prefix'),
         prefix(),
@@ -60,7 +61,6 @@ export const slider: FormKitProInput = {
         $if('$showInput && $isMulti === false', maxValue())
       ),
       $if('$showInput && $isMulti', linkedValues(minValue(), maxValue())),
-      help('$help'),
       messages(message('$message.value'))
     )
   ),