@formkit/pro 0.129.1 → 0.129.2-next.5232436

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formkit/pro",
-  "version": "0.129.1",
+  "version": "0.129.2-next.5232436",
   "description": "FormKit Pro — Form inputs and tools for high quality forms.",
   "main": "index.cjs",
   "module": "index.mjs",

package/taglist/index.mjs

@@ -1 +1 @@
-import{$if as e,$attrs as t,createSectionFactory as i,createBaseSections as a}from"../index.mjs";import{icon as o}from"@formkit/inputs";const n=(e,t)=>()=>o(e,t);function l(i){const a=i("dropdownWrapper",()=>({$el:"div",attrs:{id:'$id + "_popover"',popover:{if:"$usePopover",then:"$popover",else:void 0},"data-is-wrapper":!0,style:"$dropdownWrapperStyles",onScroll:"$handlers.scroll"}})),o=i("listbox",()=>({$el:"ul",if:"$expanded || $setForceExpanded",attrs:{style:"$listboxStyles",id:'$id + "_listbox"',role:"listbox","aria-activedescendant":"$activeDescendant","aria-labelledby":'$id + "_label"'}})),l=i("listitem",()=>({$el:"li",bind:"$option.attrs",attrs:{id:'$id + "_listitem_" + $index',"data-disabled":"$option.attrs.disabled","data-value":"$option.value",key:"$option.value",onClick:"$handlers.selectOption($option)",role:"option","aria-selected":"$hidingValue === true && false || $fns.isSelected($option)","data-is-active":"$fns.isActive($option)",tabindex:"-1"}})),d=i("loadMore",()=>({$el:"li",if:"$state.loading || $state.hasNextPage",attrs:{id:'$id + "_load_more"',key:"loadMore",role:"option",onClick:"$handlers.selectOption($loadMoreOption)","aria-selected":"false","data-is-active":"$fns.isActive($loadMoreOption)",tabindex:"-1"}})),s=i("loadMoreInner","span"),r=i("emptyMessage",()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}})),$=i("emptyMessageInner","span"),p=i("option",()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})),u=i("listitems",()=>({$el:null,if:"$options.length",for:["option","index","$option.options || $options"]})),c=i("innerListitems",()=>({$el:null,for:["option","innerIndex","$option.options"]})),g=i("listitemGroup",()=>({$el:"li",attrs:{"aria-label":"$option.group",role:"group",onClick:"$handlers.listitemGroupClick",tabindex:"-1"}})),b=i("groupLabel","span"),v=i("groupList",()=>({$el:"ul",attrs:{role:"group"}}));return()=>a(o(r($("$emptyMessage")),u(e("$option.group",g(b("$option.group"),v(c(t(()=>({id:'$id + "_listitem_" + $index + "_" + $innerIndex'}),l(e("$fns.isSelected($option)",n("selected")),p("$option.label")))))),l(e("$fns.isSelected($option)",n("selected")),p("$option.label")))),d(e("$state.loading && $optionLoadingCounter === 0 || $state.hasNextPage",s(e("$state.loading",n("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value")))))}const d=/* #__PURE__ */i("tl"),{outer:s,wrapper:r,inner:$,icon:p,label:u,prefix:c,suffix:g,help:b,messages:v,message:x}=/* #__PURE__ */a(d),h=d("input",()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText",name:"$node.name",tabindex:"0",placeholder:"$state.loading && $inputStd.length === 0 && $ui.isLoading.value || $placeholder || undefined",role:"combobox",autocomplete:"off",autocapitalize:"none",readonly:"$attrs.readonly || $isLoadingOption || undefined || $multiple && $max && $value && $value.length >= $max",disabled:"$disabled || $disabledInternally || undefined","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined","aria-required":"$state.required || undefined"}})),m=d("listboxButton",()=>({$el:"button",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',type:"button",onClick:"$handlers.toggleListbox",tabindex:"-1","aria-label":"$expanded && $ui.close.value || $ui.open.value",disabled:"$disabled || undefined","aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined'}})),f=d("tagWrapper",()=>({$el:"span",for:["option","index","$selections"],attrs:{id:'$id + "_tag-wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:"-1",onClick:"$handlers.tagClick && $handlers.tagClick($option)",onFocus:"$handlers.tagFocus && $handlers.tagFocus($option)",onBlur:"$handlers.tagBlur && $handlers.tagBlur($option)",onKeydown:"$handlers.searchInputTagKeydown && $handlers.searchInputTagKeydown($option)","data-is-tag":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}})),y=d("tag",()=>({$el:"div",attrs:{id:'$id + "_tag_" + $index',role:"button"}})),_=d("removeSelection",()=>({$el:"button",if:"$selections.length > 0",attrs:{id:'$id + "_remove_selection_" + $index',tabindex:"-1","aria-label":"$ui.remove.value",type:"button",onClick:"$handlers.removeSelection && $handlers.removeSelection($option)",onTouchstartPassive:"$handlers.removeSelection && $handlers.removeSelection($option)","aria-controls":"$id"}})),k=d("tagLabel",()=>({$el:"span"})),S=d("tags",()=>({$el:"div",attrs:{id:'$id + "_selections"',"aria-live":"polite"}})),w=d("tagLoading","span"),C=/* #__PURE__ */l(d);export{d as createSection,b as help,p as icon,$ as inner,h as input,u as label,C as listbox,m as listboxButton,x as message,v as messages,s as outer,c as prefix,_ as removeSelection,g as suffix,y as tag,k as tagLabel,w as tagLoading,f as tagWrapper,S as tags,r as wrapper};
+import{$if as e,$attrs as t,createSectionFactory as o,createBaseSections as i}from"../index.mjs";import{icon as a}from"@formkit/inputs";const n=(e,t)=>()=>a(e,t);function l(o){const i=o("dropdownWrapper",()=>({$el:"div",attrs:{id:'$id + "_popover"',popover:{if:"$usePopover",then:"$popover",else:void 0},"data-is-wrapper":!0,style:"$dropdownWrapperStyles",onMousedown:"$handlers.dropdownWrapperMousedown",onScroll:"$handlers.scroll"}})),a=o("listbox",()=>({$el:"ul",if:"$expanded || $setForceExpanded",attrs:{style:"$listboxStyles",id:'$id + "_listbox"',"data-options-appearance":"$optionsAppearance || undefined",role:"listbox","aria-activedescendant":"$activeDescendant","aria-labelledby":'$id + "_label"'}})),l=o("listitem",()=>({$el:"li",bind:"$fns.optionAttrs($option)",attrs:{id:'$id + "_listitem_" + $index',"data-disabled":"$option.attrs.disabled","data-value":"$option.value",key:"$option.value",onClick:"$handlers.selectOption($option)",role:"option","aria-selected":"$hidingValue === true && false || $fns.isSelected($option)","data-is-active":"$fns.isActive($option)",tabindex:"-1"}})),d=o("loadMore",()=>({$el:"li",if:"$state.loading || $state.hasNextPage",attrs:{id:'$id + "_load_more"',key:"loadMore",role:"option",onClick:"$handlers.selectOption($loadMoreOption)","aria-selected":"false","data-is-active":"$fns.isActive($loadMoreOption)",tabindex:"-1"}})),s=o("loadMoreInner","span"),r=o("emptyMessage",()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}})),$=o("emptyMessageInner","span"),p=o("option",()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})),c=o("listitemCheckbox",()=>({$el:"input",attrs:{type:"checkbox",checked:"$fns.isSelected($option)",tabindex:"-1","aria-hidden":"true",readonly:!0}})),u=o("listitems",()=>({$el:null,if:"$options.length",for:["option","index","$option.options || $options"]})),b=o("innerListitems",()=>({$el:null,for:["option","innerIndex","$option.options"]})),x=o("listitemGroup",()=>({$el:"li",attrs:{"aria-label":"$option.group",role:"group",onClick:"$handlers.listitemGroupClick",tabindex:"-1"}})),g=o("groupLabel","span"),h=o("groupList",()=>({$el:"ul",attrs:{role:"group"}}));return()=>i(a(r($("$emptyMessage")),u(e("$option.group",x(g("$option.group"),h(b(t(()=>({id:'$id + "_listitem_" + $index + "_" + $innerIndex'}),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',n("selected")),p("$option.label")))))),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',n("selected")),p("$option.label")))),d(e("$state.loading && $optionLoadingCounter === 0 || $state.hasNextPage",s(e("$state.loading",n("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value")))))}const d=/* #__PURE__ */o("tl"),{outer:s,wrapper:r,inner:$,icon:p,label:c,prefix:u,suffix:b,help:x,messages:g,message:h}=/* #__PURE__ */i(d),v=d("input",()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText",name:"$node.name",tabindex:"0",placeholder:"$state.loading && $inputStd.length === 0 && $ui.isLoading.value || $placeholder || undefined",role:"combobox",autocomplete:"off",autocapitalize:"none",readonly:"$attrs.readonly || $isLoadingOption || undefined || $multiple && $max && $value && $value.length >= $max",disabled:"$disabled || $disabledInternally || undefined","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined","aria-required":"$state.required || undefined"}})),f=d("listboxButton",()=>({$el:"button",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',type:"button",onClick:"$handlers.toggleListbox",tabindex:"-1","aria-label":"$expanded && $ui.close.value || $ui.open.value",disabled:"$disabled || undefined","aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined'}})),m=d("tagWrapper",()=>({$el:"span",for:["option","index","$selections"],attrs:{id:'$id + "_tag-wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:"-1",onClick:"$handlers.tagClick && $handlers.tagClick($option)",onFocus:"$handlers.tagFocus && $handlers.tagFocus($option)",onBlur:"$handlers.tagBlur && $handlers.tagBlur($option)",onKeydown:"$handlers.searchInputTagKeydown && $handlers.searchInputTagKeydown($option)","data-is-tag":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}})),y=d("tag",()=>({$el:"div",attrs:{id:'$id + "_tag_" + $index',role:"button"}})),k=d("removeSelection",()=>({$el:"button",if:"$selections.length > 0",attrs:{id:'$id + "_remove_selection_" + $index',tabindex:"-1","aria-label":"$ui.remove.value",type:"button",onClick:"$handlers.removeSelection && $handlers.removeSelection($option)",onTouchstartPassive:"$handlers.removeSelection && $handlers.removeSelection($option)","aria-controls":"$id"}})),_=d("tagLabel",()=>({$el:"span"})),S=d("tags",()=>({$el:"div",attrs:{id:'$id + "_selections"',onClick:"$handlers.focusInput","aria-live":"polite"}})),w=d("tagLoading","span"),C=/* #__PURE__ */l(d);export{d as createSection,x as help,p as icon,$ as inner,v as input,c as label,C as listbox,f as listboxButton,h as message,g as messages,s as outer,u as prefix,k as removeSelection,b as suffix,y as tag,_ as tagLabel,w as tagLoading,m as tagWrapper,S as tags,r as wrapper};

package/togglebuttons/index.mjs

@@ -1 +1 @@
-import{createSectionFactory as e,createBaseSections as l}from"../index.mjs";const a=/* #__PURE__ */e("tb"),{outer:i,inner:t,wrapper:s,prefix:n,suffix:o,help:$,messages:d,message:r,icon:b}=/* #__PURE__ */l(a),p=a("label",()=>({if:"$label",$el:"label",attrs:{id:"$id + '_label'"}})),u=a("singleToggle",()=>({bind:"$attrs",$el:"button",attrs:{id:"$id",type:"button","aria-label":"$label","aria-pressed":"$fns.isChecked($onValue, $value)",onClick:"$handlers.toggleValue()",disabled:"$disabled",class:"$classes.input",onBlur:"$handlers.blur"}})),c=a("multiToggle",()=>({bind:"$attrs",$el:"button",attrs:{type:"button",id:"$id+'_'+$index","aria-label":"$label","aria-pressed":"$fns.isChecked($option, $value)",onClick:"$handlers.toggleValue($option)",class:"$classes.input",title:"$option.help",disabled:"$disabled || $option.disabled",onBlur:"$handlers.blur"}})),g=a("inputInner",()=>({bind:"$attrs",$el:"span"})),f=a("options",()=>({$el:"ul",attrs:{id:"$id","data-vertical":'$vertical && "true" || "false"',"aria-labelledby":"$id"}})),h=a("option",()=>({$el:"li",for:["option","index","$options"],attrs:{key:"$option.value","data-index":"$index"}}));export{g as buttonInput,a as createSection,$ as help,b as icon,t as inner,p as label,r as message,d as messages,c as multiToggle,h as option,f as options,i as outer,n as prefix,u as singleToggle,o as suffix,s as wrapper};
+import{createSectionFactory as e,createBaseSections as l}from"../index.mjs";const t=/* #__PURE__ */e("tb"),{outer:i,inner:a,wrapper:s,prefix:n,suffix:o,help:d,messages:$,message:r,icon:p}=/* #__PURE__ */l(t),u=t("label",()=>({if:"$label",$el:"label",attrs:{id:"$id + '_label'"}})),b=t("singleToggle",()=>({bind:"$attrs",$el:"button",attrs:{id:"$id",type:"button","aria-pressed":"$fns.isChecked($onValue, $value)",onClick:"$handlers.toggleValue()",disabled:"$disabled",class:"$classes.input",onBlur:"$handlers.blur"}})),c=t("multiToggle",()=>({bind:"$attrs",$el:"button",attrs:{type:"button",id:"$id+'_'+$index","aria-pressed":"$fns.isChecked($option, $value)",onClick:"$handlers.toggleValue($option)",class:"$classes.input",title:"$option.help",disabled:"$disabled || $option.disabled",onBlur:"$handlers.blur"}})),g=t("inputInner",()=>({bind:"$attrs",$el:"span"})),f=t("options",()=>({$el:"ul",attrs:{id:"$id","data-vertical":'$vertical && "true" || "false"',"aria-labelledby":"$id"}})),h=t("option",()=>({$el:"li",for:["option","index","$options"],attrs:{key:"$option.value","data-index":"$index"}}));export{g as buttonInput,t as createSection,d as help,p as icon,a as inner,u as label,r as message,$ as messages,c as multiToggle,h as option,f as options,i as outer,n as prefix,b as singleToggle,o as suffix,s as wrapper};