@formkit/pro 0.129.2-next.773ca2 → 0.129.2-next.868b428

package/dropdown/index.mjs

@@ -1 +1 @@
-import{$if as e,$attrs as i,createSectionFactory as t,createBaseSections as n}from"../index.mjs";import{icon as o}from"@formkit/inputs";const a=(e,i)=>()=>o(e,i);function l(t){const n=t("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"}})),o=t("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=t("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=t("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=t("loadMoreInner","span"),r=t("emptyMessage",()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}})),$=t("emptyMessageInner","span"),p=t("option",()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})),c=t("listitemCheckbox",()=>({$el:"input",attrs:{type:"checkbox",checked:"$fns.isSelected($option)",tabindex:"-1","aria-hidden":"true",readonly:!0}})),u=t("listitems",()=>({$el:null,if:"$options.length",for:["option","index","$option.options || $options"]})),b=t("innerListitems",()=>({$el:null,for:["option","innerIndex","$option.options"]})),x=t("listitemGroup",()=>({$el:"li",attrs:{"aria-label":"$option.group",role:"group",onClick:"$handlers.listitemGroupClick",tabindex:"-1"}})),h=t("groupLabel","span"),v=t("groupList",()=>({$el:"ul",attrs:{role:"group"}}));return()=>n(o(r($("$emptyMessage")),u(e("$option.group",x(h("$option.group"),v(b(i(()=>({id:'$id + "_listitem_" + $index + "_" + $innerIndex'}),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',a("selected")),p("$option.label")))))),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',a("selected")),p("$option.label")))),d(e("$state.loading && $optionLoadingCounter === 0 || $state.hasNextPage",s(e("$state.loading",a("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value")))))}const d=/* #__PURE__ */t("dd"),{outer:s,wrapper:r,inner:$,icon:p,label:c,prefix:u,suffix:b,help:x,messages:h,message:v}=/* #__PURE__ */n(d),f=d("selector",()=>({$el:"button",bind:"$attrs",attrs:{id:"$id",type:"button",onClick:"$handlers.click",onBlur:"$handlers.blur",onFocus:"$handlers.focus",onKeydown:"$handlers.keydown",tabindex:"0",name:"$node.name",disabled:"$disabled || $disabledInternally || undefined","aria-haspopup":"listbox","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy"}})),g=d("selectionWrapper",()=>({if:"$option || $state.loading",$el:"div"})),m=d("selection",()=>({$el:"div"})),y=d("placeholder",()=>({$el:"div",attrs:{key:"placeholder","data-is-placeholder":"true","aria-hidden":'$placeholder === undefined && "true" || undefined',style:{opacity:'$placeholder === undefined && "0" || undefined',"pointer-events":'$placeholder === undefined && "none" || undefined'}}})),_=d("optionLoading","span"),k=d("option",()=>({$el:"div"})),S=d("removeSelection",()=>({$el:"div",attrs:{id:'$selectionAppearance === "tags" && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"-1",type:"button",key:"$value","aria-label":"$ui.remove.value",onClick:'$handlers.removeSelection && $handlers.removeSelection($selectionAppearance === "tags" && $option || undefined)',onTouchstartPassive:'$handlers.removeSelection && $handlers.removeSelection($selectionAppearance === "tags" && $option || undefined)',"aria-controls":"$id"}})),I=d("selectionsWrapper",()=>({$el:"div",attrs:{id:'$id + "_selections_wrapper"'}})),w=d("selections",()=>({$el:"div",attrs:{"aria-live":"polite","aria-hidden":'$lastVisibleIndex !== undefined && $lastVisibleIndex !== null && "true" || undefined',"data-test":'$lastVisibleIndex === 0 && "0" || $lastVisibleIndex || undefined',id:'$id + "_selections"'}})),A=d("truncationCount",()=>({$el:"div",attrs:{id:'$id + "_truncation_count"'}})),M=d("selectionsItem",()=>({$el:"div",for:["selectionLabel","index","$formattedSelections"],attrs:{id:'$id + "_selections_item_" + $index',"data-check":"$selectionLabel",key:"$selectionLabel","aria-hidden":'$lastVisibleIndex !== undefined && $lastVisibleIndex !== null && $index > $lastVisibleIndex && "true" || undefined',style:{visibility:'$lastVisibleIndex !== undefined && $lastVisibleIndex !== null && $index > $lastVisibleIndex && "hidden" || undefined'}},children:'$selectionLabel || ""'})),C=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)",onKeydown:"$handlers.selectorTagKeydownHandler($option)",onFocus:"$handlers.tagFocus && $handlers.tagFocus($option)",onBlur:"$handlers.tagBlur && $handlers.tagBlur($option)","data-is-tag":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}})),L=d("tag",()=>({$el:"div",attrs:{id:'$id + "_tag_" + $index',role:"button",tabindex:"-1"}})),V=d("tagLabel",()=>({$el:"span"})),W=d("tagsWrapper",()=>({$el:"span",attrs:{id:'$id + "_tags_wrapper"',"aria-live":"polite"}})),B=d("tags",()=>({$el:"span",attrs:{id:'$id + "_selections"'}})),F=d("tagLoading","span"),O=/* #__PURE__ */l(d);export{d as createSection,x as help,p as icon,$ as inner,c as label,O as listbox,v as message,h as messages,k as option,_ as optionLoading,s as outer,y as placeholder,u as prefix,S as removeSelection,m as selection,g as selectionWrapper,f as selector,w as selectorSelections,M as selectorSelectionsItem,I as selectorSelectionsWrapper,b as suffix,L as tag,V as tagLabel,F as tagLoading,C as tagWrapper,B as tags,W as tagsWrapper,A as truncationCount,r as wrapper};
+import{$if as e,$attrs as i,createSectionFactory as t,createBaseSections as n}from"../index.mjs";import{icon as o}from"@formkit/inputs";const a=(e,i)=>()=>o(e,i);function l(t){const n=t("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"}})),o=t("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=t("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=t("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=t("loadMoreInner","span"),r=t("emptyMessage",()=>({$el:"li",if:"$showEmptyMessage && $state.loading !== true",attrs:{id:'$id + "_empty_message"',key:"$emptyMessage",role:"presentation"}})),$=t("emptyMessageInner","span"),p=t("option",()=>({$el:"div",attrs:{"data-checked":"$fns.isSelected($option)"}})),c=t("listitemCheckbox",()=>({$el:"input",attrs:{type:"checkbox",checked:"$fns.isSelected($option)",tabindex:"-1","aria-hidden":"true",readonly:!0}})),u=t("listitems",()=>({$el:null,if:"$options.length",for:["option","index","$option.options || $options"]})),b=t("innerListitems",()=>({$el:null,for:["option","innerIndex","$option.options"]})),x=t("listitemGroup",()=>({$el:"li",attrs:{"aria-label":"$option.group",role:"group",onClick:"$handlers.listitemGroupClick",tabindex:"-1"}})),h=t("groupLabel","span"),v=t("groupList",()=>({$el:"ul",attrs:{role:"group"}}));return()=>n(o(r($("$emptyMessage")),u(e("$option.group",x(h("$option.group"),v(b(i(()=>({id:'$id + "_listitem_" + $index + "_" + $innerIndex'}),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',a("selected")),p("$option.label")))))),l(e('$optionsAppearance === "checkbox"',c()),e('$optionsAppearance !== "checkbox" && $fns.isSelected($option)',a("selected")),p("$option.label")))),d(e("$state.loading && $optionLoadingCounter === 0 || $state.hasNextPage",s(e("$state.loading",a("loader")),"$state.loading && $ui.isLoading.value || $ui.loadMore.value")))))}const d=/* #__PURE__ */t("dd"),{outer:s,wrapper:r,inner:$,icon:p,label:c,prefix:u,suffix:b,help:x,messages:h,message:v}=/* #__PURE__ */n(d),g=d("selector",()=>({$el:"button",bind:"$attrs",attrs:{id:"$id",type:"button",onClick:"$handlers.click",onBlur:"$handlers.blur",onFocus:"$handlers.focus",onKeydown:"$handlers.keydown",tabindex:"0",name:"$node.name",disabled:"$disabled || $disabledInternally || undefined","aria-haspopup":"listbox","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy"}})),f=d("selectionWrapper",()=>({if:"$option || $state.loading",$el:"div"})),m=d("selection",()=>({$el:"div"})),y=d("placeholder",()=>({$el:"div",attrs:{key:"placeholder","data-is-placeholder":"true","aria-hidden":'$placeholder === undefined && "true" || undefined',style:{opacity:'$placeholder === undefined && "0" || undefined',"pointer-events":'$placeholder === undefined && "none" || undefined'}}})),_=d("optionLoading","span"),k=d("option",()=>({$el:"div"})),I=d("removeSelection",()=>({$el:"div",attrs:{id:'$selectionAppearance === "tags" && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"-1",type:"button",key:"$value","aria-label":"$ui.remove.value",onClick:'$handlers.removeSelection && $handlers.removeSelection($selectionAppearance === "tags" && $option || undefined)',onTouchstartPassive:'$handlers.removeSelection && $handlers.removeSelection($selectionAppearance === "tags" && $option || undefined)',"aria-controls":"$id"}})),S=d("selectionsWrapper",()=>({$el:"div",attrs:{id:'$id + "_selections_wrapper"'}})),w=d("selections",()=>({$el:"div",attrs:{"aria-live":"polite","aria-hidden":'$lastVisibleIndex === 0 && "true" || $lastVisibleIndex && "true" || undefined',"data-test":'$lastVisibleIndex === 0 && "0" || $lastVisibleIndex || undefined',id:'$id + "_selections"'}})),V=d("truncationCount",()=>({$el:"div",attrs:{id:'$id + "_truncation_count"'}})),A=d("selectionsItem",()=>({$el:"div",for:["selectionLabel","index","$formattedSelections"],attrs:{id:'$id + "_selections_item_" + $index',"data-check":"$selectionLabel",key:"$selectionLabel","aria-hidden":'$lastVisibleIndex === 0 && $index > $lastVisibleIndex && "true" || $lastVisibleIndex && $index > $lastVisibleIndex && "true" || undefined',style:{visibility:'$lastVisibleIndex === 0 && $index > $lastVisibleIndex && "hidden" || $lastVisibleIndex && $index > $lastVisibleIndex && "hidden" || undefined'}},children:'$selectionLabel || ""'})),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)",onKeydown:"$handlers.selectorTagKeydownHandler($option)",onFocus:"$handlers.tagFocus && $handlers.tagFocus($option)",onBlur:"$handlers.tagBlur && $handlers.tagBlur($option)","data-is-tag":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}})),C=d("tag",()=>({$el:"div",attrs:{id:'$id + "_tag_" + $index',role:"button",tabindex:"-1"}})),L=d("tagLabel",()=>({$el:"span"})),W=d("tagsWrapper",()=>({$el:"span",attrs:{id:'$id + "_tags_wrapper"',"aria-live":"polite"}})),B=d("tags",()=>({$el:"span",attrs:{id:'$id + "_selections"'}})),F=d("tagLoading","span"),O=/* #__PURE__ */l(d);export{d as createSection,x as help,p as icon,$ as inner,c as label,O as listbox,v as message,h as messages,k as option,_ as optionLoading,s as outer,y as placeholder,u as prefix,I as removeSelection,m as selection,f as selectionWrapper,g as selector,w as selectorSelections,A as selectorSelectionsItem,S as selectorSelectionsWrapper,b as suffix,C as tag,L as tagLabel,F as tagLoading,M as tagWrapper,B as tags,W as tagsWrapper,V as truncationCount,r as wrapper};