CdxCombobox.cjs
No OneTemporary
Actions

Size

3 KB

Referenced Files

None

Subscribers

None

CdxCombobox.cjs
View Options

	"use strict";const o=require("vue"),x=require("./Icon.js"),k=require("./CdxButton.cjs"),M=require("./CdxMenu.cjs"),W=require("./CdxTextInput.cjs"),N=require("./useModelWrapper.cjs"),F=require("./useSplitAttributes.cjs"),A=require("./useFieldData.cjs"),K=require("./useFloatingMenu.cjs"),v=require("./constants.js"),D=require("./_plugin-vue_export-helper.js"),E=v.makeStringTypeValidator(v.ValidationStatusTypes),P=o.defineComponent({name:"CdxCombobox",components:{CdxButton:k,CdxIcon:x.CdxIcon,CdxMenu:M,CdxTextInput:W},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:E}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:t,attrs:c,slots:m}){const r=o.ref(),f=o.ref(),u=o.ref(),l=o.useId(),i=o.toRef(e,"selected"),p=N(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var d,b;return(b=(d=u.value)==null?void 0:d.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:s,computedStatus:g}=A(o.toRef(e,"disabled"),o.toRef(e,"status")),I=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":s.value})),{rootClasses:y,rootStyle:q,otherAttrs:w}=F(c,I);function B(d){a.value&&n.value?n.value=!1:(e.menuItems.length>0\|\|m["no-results"])&&(n.value=!0),t("focus",d)}function S(d){n.value=a.value&&n.value,t("blur",d)}function V(){s.value\|\|(a.value=!0)}function h(){var d;s.value\|\|(d=r.value)==null\|\|d.focus()}function $(d){!u.value\|\|s.value\|\|e.menuItems.length===0\|\|d.key===" "\|\|u.value.delegateKeyNavigation(d)}return K(r,u),o.watch(n,()=>{a.value=!1}),{input:r,inputWrapper:f,menu:u,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:s,computedStatus:g,onInputFocus:B,onInputBlur:S,onKeydown:$,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.u4,rootClasses:y,rootStyle:q,otherAttrs:w}}}),R={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function T(e,t,c,m,r,f){const u=o.resolveComponent("cdx-text-input"),l=o.resolveComponent("cdx-icon"),i=o.resolveComponent("cdx-button"),p=o.resolveComponent("cdx-menu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["cdx-combobox",e.rootClasses]),style:o.normalizeStyle(e.rootStyle)},[o.createElementVNode("div",R,[o.createVNode(u,o.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":t[0]\|\|(t[0]=n=>e.modelWrapper=n)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.computedStatus,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:t[1]\|\|(t[1]=n=>e.$emit("input",n)),onChange:t[2]\|\|(t[2]=n=>e.$emit("change",n)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),o.createVNode(i,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:o.withCtx(()=>[o.createVNode(l,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),o.createVNode(p,o.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[3]\|\|(t[3]=n=>e.modelWrapper=n),expanded:e.expanded,"onUpdate:expanded":t[4]\|\|(t[4]=n=>e.expanded=n),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:t[5]\|\|(t[5]=n=>e.$emit("load-more"))}),{default:o.withCtx(({menuItem:n})=>[o.renderSlot(e.$slots,"menu-item",{menuItem:n})]),"no-results":o.withCtx(()=>[o.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const U=D._export_sfc(P,[["render",T]]);module.exports=U;

"use strict";const o=require("vue"),x=require("./Icon.js"),k=require("./CdxButton.cjs"),M=require("./CdxMenu.cjs"),W=require("./CdxTextInput.cjs"),N=require("./useModelWrapper.cjs"),F=require("./useSplitAttributes.cjs"),A=require("./useFieldData.cjs"),K=require("./useFloatingMenu.cjs"),v=require("./constants.js"),D=require("./_plugin-vue_export-helper.js"),E=v.makeStringTypeValidator(v.ValidationStatusTypes),P=o.defineComponent({name:"CdxCombobox",components:{CdxButton:k,CdxIcon:x.CdxIcon,CdxMenu:M,CdxTextInput:W},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:E}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:t,attrs:c,slots:m}){const r=o.ref(),f=o.ref(),u=o.ref(),l=o.useId(),i=o.toRef(e,"selected"),p=N(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var d,b;return(b=(d=u.value)==null?void 0:d.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:s,computedStatus:g}=A(o.toRef(e,"disabled"),o.toRef(e,"status")),I=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":s.value})),{rootClasses:y,rootStyle:q,otherAttrs:w}=F(c,I);function B(d){a.value&&n.value?n.value=!1:(e.menuItems.length>0||m["no-results"])&&(n.value=!0),t("focus",d)}function S(d){n.value=a.value&&n.value,t("blur",d)}function V(){s.value||(a.value=!0)}function h(){var d;s.value||(d=r.value)==null||d.focus()}function $(d){!u.value||s.value||e.menuItems.length===0||d.key===" "||u.value.delegateKeyNavigation(d)}return K(r,u),o.watch(n,()=>{a.value=!1}),{input:r,inputWrapper:f,menu:u,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:s,computedStatus:g,onInputFocus:B,onInputBlur:S,onKeydown:$,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.u4,rootClasses:y,rootStyle:q,otherAttrs:w}}}),R={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function T(e,t,c,m,r,f){const u=o.resolveComponent("cdx-text-input"),l=o.resolveComponent("cdx-icon"),i=o.resolveComponent("cdx-button"),p=o.resolveComponent("cdx-menu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["cdx-combobox",e.rootClasses]),style:o.normalizeStyle(e.rootStyle)},[o.createElementVNode("div",R,[o.createVNode(u,o.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":t[0]||(t[0]=n=>e.modelWrapper=n)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.computedStatus,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:t[1]||(t[1]=n=>e.$emit("input",n)),onChange:t[2]||(t[2]=n=>e.$emit("change",n)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),o.createVNode(i,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:o.withCtx(()=>[o.createVNode(l,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),o.createVNode(p,o.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[3]||(t[3]=n=>e.modelWrapper=n),expanded:e.expanded,"onUpdate:expanded":t[4]||(t[4]=n=>e.expanded=n),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:t[5]||(t[5]=n=>e.$emit("load-more"))}),{default:o.withCtx(({menuItem:n})=>[o.renderSlot(e.$slots,"menu-item",{menuItem:n})]),"no-results":o.withCtx(()=>[o.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const U=D._export_sfc(P,[["render",T]]);module.exports=U;

File Metadata

Mime Type: text/plain
Expires: Aug 19 2026, 16:17 (4 w, 2 d ago)
Storage Engine: local-disk
Storage Format: Raw Data
Storage Handle: ef/87/d37793318bbedc1a6313f88efffb
Default Alt Text: CdxCombobox.cjs (3 KB)

CdxCombobox.cjsNo OneTemporaryActions

CdxCombobox.cjsView Options

File Metadata

Event Timeline

CdxCombobox.cjs
No OneTemporary
Actions

CdxCombobox.cjs
View Options