diff options
Diffstat (limited to 'resources/lib/codex/modules/CdxToggleButtonGroup.cjs')
| -rw-r--r-- | resources/lib/codex/modules/CdxToggleButtonGroup.cjs | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/resources/lib/codex/modules/CdxToggleButtonGroup.cjs b/resources/lib/codex/modules/CdxToggleButtonGroup.cjs index 3e002dd97fb1..d0190f647871 100644 --- a/resources/lib/codex/modules/CdxToggleButtonGroup.cjs +++ b/resources/lib/codex/modules/CdxToggleButtonGroup.cjs @@ -1 +1 @@ -"use strict";const l=require("vue"),s=require("./buttonHelpers.js"),m=require("./Icon.js"),f=require("./CdxToggleButton.cjs"),p=require("./_plugin-vue_export-helper.js"),g=l.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:m.CdxIcon,CdxToggleButton:f},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:t}){function u(a){return Array.isArray(e.modelValue)?e.modelValue.indexOf(a.value)!==-1:e.modelValue!==null?e.modelValue===a.value:!1}function i(a,r){if(Array.isArray(e.modelValue)){const n=e.modelValue.indexOf(a.value)!==-1;r&&!n?t("update:modelValue",e.modelValue.concat(a.value)):!r&&n&&t("update:modelValue",e.modelValue.filter(d=>d!==a.value))}else r&&e.modelValue!==a.value&&t("update:modelValue",a.value)}return{getButtonLabel:s.getButtonLabel,isSelected:u,onUpdate:i}}}),V={class:"cdx-toggle-button-group"};function v(e,t,u,i,a,r){const n=l.resolveComponent("cdx-icon"),d=l.resolveComponent("cdx-toggle-button");return l.openBlock(),l.createElementBlock("div",V,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.buttons,o=>(l.openBlock(),l.createBlock(d,{key:o.value,"model-value":e.isSelected(o),disabled:o.disabled||e.disabled,"aria-label":o.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(o,c)},{default:l.withCtx(()=>[l.renderSlot(e.$slots,"default",{button:o,selected:e.isSelected(o)},()=>[o.icon?(l.openBlock(),l.createBlock(n,{key:0,icon:o.icon},null,8,["icon"])):l.createCommentVNode("v-if",!0),l.createTextVNode(" "+l.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const B=p._export_sfc(g,[["render",v]]);module.exports=B; +"use strict";const o=require("vue"),f=require("./useButtonGroupKeyboardNav.js"),p=require("./Icon.js"),B=require("./CdxToggleButton.cjs"),y=require("./_plugin-vue_export-helper.js"),V=o.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:p.CdxIcon,CdxToggleButton:B},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:r}){const{rootElement:d,assignTemplateRef:s,onFocus:i,onBlur:c,onKeydown:t}=f.useButtonGroupKeyboardNav(o.toRef(e,"buttons"));function u(n){return Array.isArray(e.modelValue)?e.modelValue.indexOf(n.value)!==-1:e.modelValue!==null?e.modelValue===n.value:!1}function l(n,a){if(Array.isArray(e.modelValue)){const m=e.modelValue.indexOf(n.value)!==-1;a&&!m?r("update:modelValue",e.modelValue.concat(n.value)):!a&&m&&r("update:modelValue",e.modelValue.filter(g=>g!==n.value))}else a&&e.modelValue!==n.value&&r("update:modelValue",n.value)}return{rootElement:d,assignTemplateRef:s,onFocus:i,onBlur:c,onKeydown:t,getButtonLabel:f.getButtonLabel,isSelected:u,onUpdate:l}}}),v={ref:"rootElement",class:"cdx-toggle-button-group"};function k(e,r,d,s,i,c){const t=o.resolveComponent("cdx-icon"),u=o.resolveComponent("cdx-toggle-button");return o.openBlock(),o.createElementBlock("div",v,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.buttons,(l,n)=>(o.openBlock(),o.createBlock(u,{key:l.value,ref_for:!0,ref:a=>e.assignTemplateRef(a,n),"model-value":e.isSelected(l),disabled:l.disabled||e.disabled,"aria-label":l.ariaLabel,"onUpdate:modelValue":a=>e.onUpdate(l,a),onFocus:a=>e.onFocus(n),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default",{button:l,selected:e.isSelected(l)},()=>[l.icon?(o.openBlock(),o.createBlock(t,{key:0,icon:l.icon},null,8,["icon"])):o.createCommentVNode("v-if",!0),o.createTextVNode(" "+o.toDisplayString(e.getButtonLabel(l)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue","onFocus","onBlur","onKeydown"]))),128))],512)}const C=y._export_sfc(V,[["render",k]]);module.exports=C; |