@formkit/pro 0.111.7-14545ce → 0.111.7-9b2613c
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/genesis.css +1 -1
- package/index.cjs +1 -1
- package/index.mjs +1 -1
- package/package.json +1 -1
- package/slider/index.mjs +1 -1
- package/slider/slider.ts +1 -1
package/package.json
CHANGED
package/slider/index.mjs
CHANGED
|
@@ -1 +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:"$
|
|
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"}))),_=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"}))),M=l("marks",(()=>({$el:"div",if:"$marks",class:"$classes.marks"}))),y=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 + "%"'}}}))),w=l("markLabel",(()=>({$el:"span",if:"$markLabels",children:"$step.label"}))),B=l("handles",(()=>({$el:"ul"}))),H=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"}}))),I=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"}}))),F=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"}}))),D=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,H as handleMax,I as handleMin,B as handles,d as help,i as icon,$ as inner,n as label,b as linkedValues,y as mark,w as markLabel,M as marks,g as maxValue,c as message,u as messages,_ as minValue,t as outer,r as prefix,p as sliderInner,o as suffix,F as tooltipMax,D as tooltipMin,v as track,k as trackInner,f as trackWrapper,s as wrapper};
|
package/slider/slider.ts
CHANGED
|
@@ -42,6 +42,7 @@ export const slider: FormKitProInput = {
|
|
|
42
42
|
schema: outer(
|
|
43
43
|
wrapper(
|
|
44
44
|
label('$label'),
|
|
45
|
+
help('$help'),
|
|
45
46
|
sliderInner(
|
|
46
47
|
icon('prefix'),
|
|
47
48
|
prefix(),
|
|
@@ -60,7 +61,6 @@ export const slider: FormKitProInput = {
|
|
|
60
61
|
$if('$showInput && $isMulti === false', maxValue())
|
|
61
62
|
),
|
|
62
63
|
$if('$showInput && $isMulti', linkedValues(minValue(), maxValue())),
|
|
63
|
-
help('$help'),
|
|
64
64
|
messages(message('$message.value'))
|
|
65
65
|
)
|
|
66
66
|
),
|