aboutsummaryrefslogtreecommitdiffstats
path: root/resources/lib/codex/modules/CdxToggleButtonGroup.cjs
diff options
context:
space:
mode:
authorEric Gardner <gardner.ec@gmail.com>2024-01-23 13:20:26 -0800
committerEric Gardner <gardner.ec@gmail.com>2024-01-23 14:03:05 -0800
commitbc07829e7bf7cd52030c93b93930368941c1f92e (patch)
treeb9853c0dddec76fd65272d0d01f7350ade73717c /resources/lib/codex/modules/CdxToggleButtonGroup.cjs
parent2fa8bbbeffd385462b86e2c406570b1cbd809fd5 (diff)
downloadmediawikicore-bc07829e7bf7cd52030c93b93930368941c1f92e.tar.gz
mediawikicore-bc07829e7bf7cd52030c93b93930368941c1f92e.zip
Update Codex from v1.2.1 to v1.3.0
Also introduces a new design token (@border-color-muted) and updates some resource module definitions to use .cjs filenames per upstream. Bug: T324688 Bug: T338184 Bug: T338802 Bug: T346815 Bug: T349016 Bug: T350197 Bug: T352585 Bug: T352931 Bug: T354547 Bug: T354759 Bug: T355081 Bug: T355160 Bug: T355551 Change-Id: Idcfdee4583018500d06e37fda2ee4925111f1915
Diffstat (limited to 'resources/lib/codex/modules/CdxToggleButtonGroup.cjs')
-rw-r--r--resources/lib/codex/modules/CdxToggleButtonGroup.cjs1
1 files changed, 1 insertions, 0 deletions
diff --git a/resources/lib/codex/modules/CdxToggleButtonGroup.cjs b/resources/lib/codex/modules/CdxToggleButtonGroup.cjs
new file mode 100644
index 000000000000..dd0a0415de1d
--- /dev/null
+++ b/resources/lib/codex/modules/CdxToggleButtonGroup.cjs
@@ -0,0 +1 @@
+"use strict";const l=require("vue"),s=require("./buttonHelpers.js"),m=require("./Icon.js"),g=require("./CdxToggleButton.cjs"),p=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");const f=l.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:m.CdxIcon,CdxToggleButton:g},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:a}){function d(r){return Array.isArray(e.modelValue)?e.modelValue.indexOf(r.value)!==-1:e.modelValue!==null?e.modelValue===r.value:!1}function i(r,t){if(Array.isArray(e.modelValue)){const n=e.modelValue.indexOf(r.value)!==-1;t&&!n?a("update:modelValue",e.modelValue.concat(r.value)):!t&&n&&a("update:modelValue",e.modelValue.filter(u=>u!==r.value))}else t&&e.modelValue!==r.value&&a("update:modelValue",r.value)}return{getButtonLabel:s.getButtonLabel,isSelected:d,onUpdate:i}}});const _={class:"cdx-toggle-button-group"};function V(e,a,d,i,r,t){const n=l.resolveComponent("cdx-icon"),u=l.resolveComponent("cdx-toggle-button");return l.openBlock(),l.createElementBlock("div",_,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.buttons,o=>(l.openBlock(),l.createBlock(u,{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("",!0),l.createTextVNode(" "+l.toDisplayString(e.getButtonLabel(o)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue"]))),128))])}const v=p._export_sfc(f,[["render",V]]);module.exports=v;