diff options
| author | Eric Gardner <gardner.ec@gmail.com> | 2024-01-23 13:20:26 -0800 |
|---|---|---|
| committer | Eric Gardner <gardner.ec@gmail.com> | 2024-01-23 14:03:05 -0800 |
| commit | bc07829e7bf7cd52030c93b93930368941c1f92e (patch) | |
| tree | b9853c0dddec76fd65272d0d01f7350ade73717c /resources/lib/codex/modules | |
| parent | 2fa8bbbeffd385462b86e2c406570b1cbd809fd5 (diff) | |
| download | mediawikicore-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')
102 files changed, 311 insertions, 315 deletions
diff --git a/resources/lib/codex/modules/CdxAccordion-legacy-rtl.css b/resources/lib/codex/modules/CdxAccordion-legacy-rtl.css index a055c75856af..e35d0901620a 100644 --- a/resources/lib/codex/modules/CdxAccordion-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxAccordion-legacy-rtl.css @@ -1 +1 @@ -.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1.1428571em;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:1.1428571em}.cdx-accordion__toggle.cdx-button{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon.cdx-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1.1428571em}.cdx-accordion__action.cdx-button:hover{background-color:unset} +.cdx-accordion{position:relative;border-bottom:1px solid #c8ccd1}.cdx-accordion>summary{background-color:rgba(255,255,255,0);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:transparent;border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:#f8f9fa;cursor:pointer}.cdx-accordion>summary:active{background-color:#eaecf0}.cdx-accordion>summary:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1.1428571em}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:#54595d;display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1.1428571em}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1.1428571em}.cdx-accordion>summary:before{content:"";background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px);min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion[open]>summary:before{transform:rotate(180deg)} diff --git a/resources/lib/codex/modules/CdxAccordion-legacy.css b/resources/lib/codex/modules/CdxAccordion-legacy.css index 3268b8f1ec15..50a90890514d 100644 --- a/resources/lib/codex/modules/CdxAccordion-legacy.css +++ b/resources/lib/codex/modules/CdxAccordion-legacy.css @@ -1 +1 @@ -.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1.1428571em;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:1.1428571em}.cdx-accordion__toggle.cdx-button{width:100%;max-width:unset;padding:12px;font-size:14px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon.cdx-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.4285714em + 6px + 8px)}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1.1428571em}.cdx-accordion__action.cdx-button:hover{background-color:unset} +.cdx-accordion{position:relative;border-bottom:1px solid #c8ccd1}.cdx-accordion>summary{background-color:rgba(255,255,255,0);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:transparent;border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:#f8f9fa;cursor:pointer}.cdx-accordion>summary:active{background-color:#eaecf0}.cdx-accordion>summary:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1.1428571em}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:#54595d;display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1.1428571em}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1.1428571em}.cdx-accordion>summary:before{content:"";background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px);min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion[open]>summary:before{transform:rotate(-180deg)} diff --git a/resources/lib/codex/modules/CdxAccordion-rtl.css b/resources/lib/codex/modules/CdxAccordion-rtl.css index 6c5508b09e1c..e12ffc5775ab 100644 --- a/resources/lib/codex/modules/CdxAccordion-rtl.css +++ b/resources/lib/codex/modules/CdxAccordion-rtl.css @@ -1 +1 @@ -.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;left:0;right:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1em;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:1em}.cdx-accordion__toggle.cdx-button{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:right;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon.cdx-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-right:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-left:calc(1.25em + 14px)}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1em}.cdx-accordion__action.cdx-button:hover{background-color:unset} +.cdx-accordion{position:relative;border-bottom:1px solid #c8ccd1}.cdx-accordion>summary{background-color:rgba(255,255,255,0);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:transparent;border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:#f8f9fa;cursor:pointer}.cdx-accordion>summary:active{background-color:#eaecf0}.cdx-accordion>summary:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1em}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:#54595d;display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1em}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1em}.cdx-accordion>summary:before{content:"";background-position:center;background-repeat:no-repeat;background-size:max(1em,16px);min-width:16px;min-height:16px;width:1em;height:1em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion[open]>summary:before{transform:rotate(180deg)} diff --git a/resources/lib/codex/modules/CdxAccordion.cjs b/resources/lib/codex/modules/CdxAccordion.cjs new file mode 100644 index 000000000000..a6d8d6006bbb --- /dev/null +++ b/resources/lib/codex/modules/CdxAccordion.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),d=require("./Icon.js"),u=require("./CdxButton.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 m=e.defineComponent({name:"CdxAccordion",components:{CdxButton:u,CdxIcon:d.CdxIcon},props:{actionAlwaysVisible:{type:Boolean,default:!1},actionIcon:{type:[String,Object],default:null},actionButtonLabel:{type:String,default:""},headingLevel:{type:String,default:"h3"}},emits:["action-button-click"],setup(o,{attrs:n,emit:r}){const c=e.ref("open"in n),s=()=>{r("action-button-click")},a=l=>{c.value=l.newState==="open"},t=e.computed(()=>o.actionIcon&&(c.value||o.actionAlwaysVisible)),i=e.computed(()=>({"cdx-accordion--has-icon":t.value}));return{emitActionButtonClick:s,rootClasses:i,shouldShowActionButton:t,onToggle:a}}});const _={class:"cdx-accordion__header__title"},C={class:"cdx-accordion__header__description"};function f(o,n,r,c,s,a){const t=e.resolveComponent("cdx-icon"),i=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("details",{class:e.normalizeClass(["cdx-accordion",o.rootClasses]),onToggle:n[1]||(n[1]=(...l)=>o.onToggle&&o.onToggle(...l))},[e.createElementVNode("summary",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.headingLevel),{class:"cdx-accordion__header"},{default:e.withCtx(()=>[e.createElementVNode("span",_,[e.renderSlot(o.$slots,"title")]),e.createElementVNode("span",C,[e.renderSlot(o.$slots,"description")])]),_:3})),o.shouldShowActionButton?(e.openBlock(),e.createBlock(i,{key:0,class:"cdx-accordion__action","aria-label":o.actionButtonLabel,type:"button",weight:"quiet",onClick:e.withModifiers(o.emitActionButtonClick,["stop"])},{default:e.withCtx(()=>[e.createVNode(t,{icon:o.actionIcon,"icon-label":o.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"cdx-accordion__content",onClick:n[0]||(n[0]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(o.$slots,"default")])],34)}const g=p._export_sfc(m,[["render",f]]);module.exports=g; diff --git a/resources/lib/codex/modules/CdxAccordion.css b/resources/lib/codex/modules/CdxAccordion.css index 890e282087e2..7034b7c3568b 100644 --- a/resources/lib/codex/modules/CdxAccordion.css +++ b/resources/lib/codex/modules/CdxAccordion.css @@ -1 +1 @@ -.cdx-accordion{position:relative}.cdx-accordion:after{content:"";background-color:#c8ccd1;opacity:1;position:absolute;right:0;left:0;height:1px}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1em;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion .cdx-accordion__header:hover{background-color:#eaecf0;cursor:pointer}.cdx-accordion .cdx-accordion__header:focus{position:relative;outline:solid 2px #36c}.cdx-accordion .cdx-accordion__header:focus:not(:focus-visible){outline:1px solid transparent}.cdx-accordion__content{padding:8px 12px 12px;font-size:1em}.cdx-accordion__toggle.cdx-button{width:100%;max-width:unset;padding:12px;font-size:16px;word-break:break-word;text-align:left;white-space:normal}.cdx-accordion__toggle__title{display:flex;gap:8px;line-height:1.375;pointer-events:none}.cdx-accordion__toggle__title-icon.cdx-icon{height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion__toggle__description{color:#54595d;display:flex;padding-left:24px;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__toggle[aria-expanded=true] .cdx-accordion__toggle__title-icon{transform:rotate(-180deg)}.cdx-accordion--has-icon .cdx-accordion__toggle__title-text{padding-right:calc(1.25em + 14px)}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1em}.cdx-accordion__action.cdx-button:hover{background-color:unset} +.cdx-accordion{position:relative;border-bottom:1px solid #c8ccd1}.cdx-accordion>summary{background-color:rgba(255,255,255,0);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:transparent;border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:#f8f9fa;cursor:pointer}.cdx-accordion>summary:active{background-color:#eaecf0}.cdx-accordion>summary:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px #36c;outline:1px solid transparent}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1em}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:#54595d;display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1em}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1em}.cdx-accordion>summary:before{content:"";background-position:center;background-repeat:no-repeat;background-size:max(1em,16px);min-width:16px;min-height:16px;width:1em;height:1em;display:inline-block;vertical-align:text-bottom;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion[open]>summary:before{transform:rotate(-180deg)} diff --git a/resources/lib/codex/modules/CdxAccordion.js b/resources/lib/codex/modules/CdxAccordion.js deleted file mode 100644 index a8d42222ef77..000000000000 --- a/resources/lib/codex/modules/CdxAccordion.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),r=require("./Icon.js"),p=require("./CdxButton.js"),s=require("./useGeneratedId.js"),_=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");const m=e.defineComponent({name:"CdxAccordion",components:{CdxButton:p,CdxIcon:r.CdxIcon},props:{actionAlwaysVisible:{type:Boolean,default:!1},actionIcon:{type:[String,Object],default:null},actionButtonLabel:{type:String,default:""},headingLevel:{type:String,default:"h3"}},emits:["action-button-click"],setup(o,{emit:i}){const n=e.ref(!1),a=s("accordion"),d=s("accordion-panel"),l=()=>{n.value=!n.value},c=()=>{i("action-button-click")},t=e.computed(()=>o.actionIcon&&(n.value||o.actionAlwaysVisible)),u=e.computed(()=>({"cdx-accordion--has-icon":t}));return{cdxIconExpand:r.p4,emitActionButtonClick:c,isExpanded:n,rootClasses:u,shouldShowActionButton:t,toggle:l,accordionId:a,accordionPanelId:d}}});const g={class:"cdx-accordion__toggle__title"},h={class:"cdx-accordion__toggle__title-text"},C={class:"cdx-accordion__toggle__description"},b=["id","aria-labelledby","aria-hidden"];function x(o,i,n,a,d,l){const c=e.resolveComponent("cdx-icon"),t=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cdx-accordion",o.rootClasses])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.headingLevel),{class:"cdx-accordion__header"},{default:e.withCtx(()=>[e.createVNode(t,{id:o.accordionId,"aria-expanded":o.isExpanded,"aria-controls":o.accordionPanelId,class:"cdx-accordion__toggle",type:"button",weight:"quiet",onClick:o.toggle},{default:e.withCtx(()=>[e.createElementVNode("span",g,[e.createVNode(c,{class:"cdx-accordion__toggle__title-icon",icon:o.cdxIconExpand,size:"small"},null,8,["icon"]),e.createElementVNode("span",h,[e.renderSlot(o.$slots,"title")])]),e.createElementVNode("span",C,[e.renderSlot(o.$slots,"description")])]),_:3},8,["id","aria-expanded","aria-controls","onClick"]),o.shouldShowActionButton?(e.openBlock(),e.createBlock(t,{key:0,class:"cdx-accordion__action","aria-label":o.actionButtonLabel,type:"button",weight:"quiet",onClick:o.emitActionButtonClick},{default:e.withCtx(()=>[e.createVNode(c,{icon:o.actionIcon,"icon-label":o.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)]),_:3})),e.withDirectives(e.createElementVNode("div",{id:o.accordionPanelId,"aria-labelledby":o.accordionId,"aria-hidden":o.isExpanded?void 0:!0,class:"cdx-accordion__content",role:"region"},[e.renderSlot(o.$slots,"default")],8,b),[[e.vShow,o.isExpanded]])],2)}const f=_._export_sfc(m,[["render",x]]);module.exports=f; diff --git a/resources/lib/codex/modules/CdxButton.js b/resources/lib/codex/modules/CdxButton.cjs index 0ae245547f11..ac103ee70a08 100644 --- a/resources/lib/codex/modules/CdxButton.js +++ b/resources/lib/codex/modules/CdxButton.cjs @@ -1 +1 @@ -"use strict";const e=require("vue"),o=require("./constants.js"),c=require("./useIconOnlyButton.js"),d=require("./_plugin-vue_export-helper.js");require("./useSlotContents2.js");require("./useWarnOnce.js");const p=o.makeStringTypeValidator(o.ButtonActions),v=o.makeStringTypeValidator(o.ButtonWeights),y=o.makeStringTypeValidator(o.ButtonSizes),f=e.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:p},weight:{type:String,default:"normal",validator:v},size:{type:String,default:"medium",validator:y}},emits:["click"],setup(t,{emit:n,slots:r,attrs:a}){const l=c.useIconOnlyButton(r.default,a,"CdxButton"),s=e.ref(!1);return{rootClasses:e.computed(()=>({["cdx-button--action-".concat(t.action)]:!0,["cdx-button--weight-".concat(t.weight)]:!0,["cdx-button--size-".concat(t.size)]:!0,"cdx-button--framed":t.weight!=="quiet","cdx-button--icon-only":l.value,"cdx-button--is-active":s.value})),onClick:u=>{n("click",u)},setActive:u=>{s.value=u}}}});function g(t,n,r,a,l,s){return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["cdx-button",t.rootClasses]),onClick:n[0]||(n[0]=(...i)=>t.onClick&&t.onClick(...i)),onKeydown:n[1]||(n[1]=e.withKeys(i=>t.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=e.withKeys(i=>t.setActive(!1),["space","enter"]))},[e.renderSlot(t.$slots,"default")],34)}const m=d._export_sfc(f,[["render",g]]);module.exports=m; +"use strict";const e=require("vue"),o=require("./constants.js"),c=require("./useIconOnlyButton.js"),d=require("./_plugin-vue_export-helper.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");const p=o.makeStringTypeValidator(o.ButtonActions),v=o.makeStringTypeValidator(o.ButtonWeights),y=o.makeStringTypeValidator(o.ButtonSizes),f=e.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:p},weight:{type:String,default:"normal",validator:v},size:{type:String,default:"medium",validator:y}},emits:["click"],setup(t,{emit:n,slots:r,attrs:a}){const l=c.useIconOnlyButton(r.default,a,"CdxButton"),s=e.ref(!1);return{rootClasses:e.computed(()=>({["cdx-button--action-".concat(t.action)]:!0,["cdx-button--weight-".concat(t.weight)]:!0,["cdx-button--size-".concat(t.size)]:!0,"cdx-button--framed":t.weight!=="quiet","cdx-button--icon-only":l.value,"cdx-button--is-active":s.value})),onClick:u=>{n("click",u)},setActive:u=>{s.value=u}}}});function g(t,n,r,a,l,s){return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["cdx-button",t.rootClasses]),onClick:n[0]||(n[0]=(...i)=>t.onClick&&t.onClick(...i)),onKeydown:n[1]||(n[1]=e.withKeys(i=>t.setActive(!0),["space","enter"])),onKeyup:n[2]||(n[2]=e.withKeys(i=>t.setActive(!1),["space","enter"]))},[e.renderSlot(t.$slots,"default")],34)}const m=d._export_sfc(f,[["render",g]]);module.exports=m; diff --git a/resources/lib/codex/modules/CdxButtonGroup.cjs b/resources/lib/codex/modules/CdxButtonGroup.cjs new file mode 100644 index 000000000000..5859b7a09090 --- /dev/null +++ b/resources/lib/codex/modules/CdxButtonGroup.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),c=require("./buttonHelpers.js"),l=require("./CdxButton.cjs"),i=require("./Icon.js"),s=require("./_plugin-vue_export-helper.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");const a=e.defineComponent({name:"CdxButtonGroup",components:{CdxButton:l,CdxIcon:i.CdxIcon},props:{buttons:{type:Array,required:!0,validator:o=>Array.isArray(o)&&o.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:c.getButtonLabel}}});const u={class:"cdx-button-group"};function d(o,_,B,m,k,q){const r=e.resolveComponent("cdx-icon"),n=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.buttons,t=>(e.openBlock(),e.createBlock(n,{key:t.value,disabled:t.disabled||o.disabled,"aria-label":t.ariaLabel,onClick:x=>o.$emit("click",t.value)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{button:t},()=>[t.icon?(e.openBlock(),e.createBlock(r,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.getButtonLabel(t)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const p=s._export_sfc(a,[["render",d]]);module.exports=p; diff --git a/resources/lib/codex/modules/CdxButtonGroup.js b/resources/lib/codex/modules/CdxButtonGroup.js deleted file mode 100644 index 5b9ab43447ff..000000000000 --- a/resources/lib/codex/modules/CdxButtonGroup.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),c=require("./buttonHelpers.js"),l=require("./CdxButton.js"),i=require("./Icon.js"),s=require("./_plugin-vue_export-helper.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");const a=e.defineComponent({name:"CdxButtonGroup",components:{CdxButton:l,CdxIcon:i.CdxIcon},props:{buttons:{type:Array,required:!0,validator:o=>Array.isArray(o)&&o.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(){return{getButtonLabel:c.getButtonLabel}}});const u={class:"cdx-button-group"};function d(o,_,B,m,k,q){const r=e.resolveComponent("cdx-icon"),n=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.buttons,t=>(e.openBlock(),e.createBlock(n,{key:t.value,disabled:t.disabled||o.disabled,"aria-label":t.ariaLabel,onClick:x=>o.$emit("click",t.value)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{button:t},()=>[t.icon?(e.openBlock(),e.createBlock(r,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(o.getButtonLabel(t)),1)])]),_:2},1032,["disabled","aria-label","onClick"]))),128))])}const p=s._export_sfc(a,[["render",d]]);module.exports=p; diff --git a/resources/lib/codex/modules/CdxCard-legacy-rtl.css b/resources/lib/codex/modules/CdxCard-legacy-rtl.css index 9244667b9542..03ca399e3e2c 100644 --- a/resources/lib/codex/modules/CdxCard-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxCard-legacy-rtl.css @@ -1 +1 @@ -.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon.cdx-icon{color:inherit;margin-left:12px} +.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card .cdx-card__icon{color:inherit;margin-left:12px} diff --git a/resources/lib/codex/modules/CdxCard-legacy.css b/resources/lib/codex/modules/CdxCard-legacy.css index e9c72855146c..90401f5110d5 100644 --- a/resources/lib/codex/modules/CdxCard-legacy.css +++ b/resources/lib/codex/modules/CdxCard-legacy.css @@ -1 +1 @@ -.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card__icon.cdx-icon{color:inherit;margin-right:12px} +.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:1em}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3.4285714em;height:3.4285714em}.cdx-card .cdx-card__icon{color:inherit;margin-right:12px} diff --git a/resources/lib/codex/modules/CdxCard-rtl.css b/resources/lib/codex/modules/CdxCard-rtl.css index 0bf86fd06f4d..13c292767096 100644 --- a/resources/lib/codex/modules/CdxCard-rtl.css +++ b/resources/lib/codex/modules/CdxCard-rtl.css @@ -1 +1 @@ -.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon.cdx-icon{color:inherit;margin-left:12px} +.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card .cdx-card__icon{color:inherit;margin-left:12px} diff --git a/resources/lib/codex/modules/CdxCard.cjs b/resources/lib/codex/modules/CdxCard.cjs new file mode 100644 index 000000000000..3921e8fdb9c2 --- /dev/null +++ b/resources/lib/codex/modules/CdxCard.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),s=require("./Icon.js"),a=require("./CdxThumbnail.cjs"),i=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");const d=e.defineComponent({name:"CdxCard",components:{CdxIcon:s.CdxIcon,CdxThumbnail:a},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(t){const o=e.computed(()=>!!t.url),n=e.computed(()=>o.value?"a":"span"),c=e.computed(()=>o.value?t.url:void 0);return{isLink:o,contentTag:n,cardLink:c}}});const u={class:"cdx-card__text"},p={class:"cdx-card__text__title"},m={key:0,class:"cdx-card__text__description"},_={key:1,class:"cdx-card__text__supporting-text"};function h(t,o,n,c,C,f){const r=e.resolveComponent("cdx-thumbnail"),l=e.resolveComponent("cdx-icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.contentTag),{href:t.cardLink,class:e.normalizeClass(["cdx-card",{"cdx-card--is-link":t.isLink,"cdx-card--title-only":!t.$slots.description&&!t.$slots["supporting-text"]}])},{default:e.withCtx(()=>[t.thumbnail||t.forceThumbnail?(e.openBlock(),e.createBlock(r,{key:0,thumbnail:t.thumbnail,"placeholder-icon":t.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):t.icon?(e.openBlock(),e.createBlock(l,{key:1,icon:t.icon,class:"cdx-card__icon"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,[e.createElementVNode("span",p,[e.renderSlot(t.$slots,"title")]),t.$slots.description?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(t.$slots,"description")])):e.createCommentVNode("",!0),t.$slots["supporting-text"]?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"supporting-text")])):e.createCommentVNode("",!0)])]),_:3},8,["href","class"])}const k=i._export_sfc(d,[["render",h]]);module.exports=k; diff --git a/resources/lib/codex/modules/CdxCard.css b/resources/lib/codex/modules/CdxCard.css index 5b477e71204c..dcdfbe82f50d 100644 --- a/resources/lib/codex/modules/CdxCard.css +++ b/resources/lib/codex/modules/CdxCard.css @@ -1 +1 @@ -.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card__icon.cdx-icon{color:inherit;margin-right:12px} +.cdx-card{background-color:#fff;display:flex;align-items:flex-start;position:relative;border:1px solid #a2a9b1;border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:#72777d}.cdx-card--is-link:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff;outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:#202122;font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:#54595d}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875em}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3em;height:3em}.cdx-card .cdx-card__icon{color:inherit;margin-right:12px} diff --git a/resources/lib/codex/modules/CdxCard.js b/resources/lib/codex/modules/CdxCard.js deleted file mode 100644 index 96bbecd3512f..000000000000 --- a/resources/lib/codex/modules/CdxCard.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),s=require("./Icon.js"),a=require("./CdxThumbnail.js"),i=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");const d=e.defineComponent({name:"CdxCard",components:{CdxIcon:s.CdxIcon,CdxThumbnail:a},props:{url:{type:String,default:""},icon:{type:[String,Object],default:""},thumbnail:{type:[Object,null],default:null},forceThumbnail:{type:Boolean,default:!1},customPlaceholderIcon:{type:[String,Object],default:void 0}},setup(t){const o=e.computed(()=>!!t.url),n=e.computed(()=>o.value?"a":"span"),c=e.computed(()=>o.value?t.url:void 0);return{isLink:o,contentTag:n,cardLink:c}}});const u={class:"cdx-card__text"},p={class:"cdx-card__text__title"},m={key:0,class:"cdx-card__text__description"},_={key:1,class:"cdx-card__text__supporting-text"};function h(t,o,n,c,k,C){const r=e.resolveComponent("cdx-thumbnail"),l=e.resolveComponent("cdx-icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.contentTag),{href:t.cardLink,class:e.normalizeClass(["cdx-card",{"cdx-card--is-link":t.isLink,"cdx-card--title-only":!t.$slots.description&&!t.$slots["supporting-text"]}])},{default:e.withCtx(()=>[t.thumbnail||t.forceThumbnail?(e.openBlock(),e.createBlock(r,{key:0,thumbnail:t.thumbnail,"placeholder-icon":t.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):t.icon?(e.openBlock(),e.createBlock(l,{key:1,icon:t.icon,class:"cdx-card__icon"},null,8,["icon"])):e.createCommentVNode("v-if",!0),e.createElementVNode("span",u,[e.createElementVNode("span",p,[e.renderSlot(t.$slots,"title")]),t.$slots.description?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(t.$slots,"description")])):e.createCommentVNode("v-if",!0),t.$slots["supporting-text"]?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"supporting-text")])):e.createCommentVNode("v-if",!0)])]),_:3},8,["href","class"])}const f=i._export_sfc(d,[["render",h]]);module.exports=f; diff --git a/resources/lib/codex/modules/CdxCheckbox-legacy-rtl.css b/resources/lib/codex/modules/CdxCheckbox-legacy-rtl.css index 1d1f69fb8804..6f9c9a613722 100644 --- a/resources/lib/codex/modules/CdxCheckbox-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxCheckbox-legacy-rtl.css @@ -1 +1 @@ -.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox .cdx-checkbox__label.cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} +.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} diff --git a/resources/lib/codex/modules/CdxCheckbox-legacy.css b/resources/lib/codex/modules/CdxCheckbox-legacy.css index 3485daee0c7d..866de8255abf 100644 --- a/resources/lib/codex/modules/CdxCheckbox-legacy.css +++ b/resources/lib/codex/modules/CdxCheckbox-legacy.css @@ -1 +1 @@ -.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox .cdx-checkbox__label.cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} +.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1.1428571em 1.1428571em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} diff --git a/resources/lib/codex/modules/CdxCheckbox-rtl.css b/resources/lib/codex/modules/CdxCheckbox-rtl.css index db251149fdaa..213ba8737e0e 100644 --- a/resources/lib/codex/modules/CdxCheckbox-rtl.css +++ b/resources/lib/codex/modules/CdxCheckbox-rtl.css @@ -1 +1 @@ -.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox .cdx-checkbox__label.cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} +.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} diff --git a/resources/lib/codex/modules/CdxCheckbox.cjs b/resources/lib/codex/modules/CdxCheckbox.cjs new file mode 100644 index 000000000000..4793fafee5db --- /dev/null +++ b/resources/lib/codex/modules/CdxCheckbox.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),f=require("./CdxLabel.cjs"),h=require("./useLabelChecker.js"),k=require("./useModelWrapper.cjs"),c=require("./useGeneratedId.cjs"),C=require("./useFieldData.cjs"),u=require("./constants.js"),y=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useSplitAttributes.cjs");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDisabled.cjs");const q=u.makeStringTypeValidator(u.ValidationStatusTypes),$=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:f},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},status:{type:String,default:"default",validator:q}},emits:["update:modelValue"],setup(e,{emit:o,slots:s,attrs:n}){var a;h.useLabelChecker((a=s.default)==null?void 0:a.call(s),n,"CdxCheckbox");const{computedDisabled:l,computedStatus:r}=C(t.toRef(e,"disabled"),t.toRef(e,"status")),d=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),i=t.ref(),p=c("checkbox"),b=c("description"),m=k(t.toRef(e,"modelValue"),o);return{rootClasses:d,computedDisabled:l,input:i,checkboxId:p,descriptionId:b,wrappedModel:m}}});const v=["id","aria-describedby","value","disabled",".indeterminate"],x=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function V(e,o,s,n,l,r){const d=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=i=>e.wrappedModel=i),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,v),[[t.vModelCheckbox,e.wrappedModel]]),x,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled"])):t.createCommentVNode("",!0)],2)}const g=y._export_sfc($,[["render",V]]);module.exports=g; diff --git a/resources/lib/codex/modules/CdxCheckbox.css b/resources/lib/codex/modules/CdxCheckbox.css index d180cdbcca88..660d1db287a1 100644 --- a/resources/lib/codex/modules/CdxCheckbox.css +++ b/resources/lib/codex/modules/CdxCheckbox.css @@ -1 +1 @@ -.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox .cdx-checkbox__label.cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} +.cdx-checkbox{position:relative}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:#fff;position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1em 1em;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#72777d}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#447ff5}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#447ff5;border-color:#447ff5}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:#36c;border-color:#36c}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:#b32424}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:#36c}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:#d73333;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:#ff4242;border-color:#ff4242}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:#b32424;border-color:transparent}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:#d73333;border-color:#36c}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:#72777d} diff --git a/resources/lib/codex/modules/CdxCheckbox.js b/resources/lib/codex/modules/CdxCheckbox.js deleted file mode 100644 index 9137f74372da..000000000000 --- a/resources/lib/codex/modules/CdxCheckbox.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),m=require("./CdxLabel.js"),h=require("./useLabelChecker.js"),k=require("./useModelWrapper.js"),c=require("./useGeneratedId.js"),C=require("./useFieldData.js"),u=require("./constants.js"),y=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useSplitAttributes.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDisabled.js");const q=u.makeStringTypeValidator(u.ValidationStatusTypes),$=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:m},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},status:{type:String,default:"default",validator:q}},emits:["update:modelValue"],setup(e,{emit:o,slots:s,attrs:n}){var a;h.useLabelChecker((a=s.default)==null?void 0:a.call(s),n,"CdxCheckbox");const{computedDisabled:l,computedStatus:r}=C(t.toRef(e,"disabled"),t.toRef(e,"status")),i=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),d=t.ref(),p=c("checkbox"),b=c("description"),f=k(t.toRef(e,"modelValue"),o);return{rootClasses:i,computedDisabled:l,input:d,checkboxId:p,descriptionId:b,wrappedModel:f}}});const v=["id","aria-describedby","value","disabled",".indeterminate"],x=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function V(e,o,s,n,l,r){const i=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=d=>e.wrappedModel=d),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,v),[[t.vModelCheckbox,e.wrappedModel]]),x,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(i,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled"])):t.createCommentVNode("v-if",!0)],2)}const g=y._export_sfc($,[["render",V]]);module.exports=g; diff --git a/resources/lib/codex/modules/CdxChipInput.cjs b/resources/lib/codex/modules/CdxChipInput.cjs new file mode 100644 index 000000000000..e7ce7a5cefb8 --- /dev/null +++ b/resources/lib/codex/modules/CdxChipInput.cjs @@ -0,0 +1 @@ +"use strict";var g=(e,n,c)=>new Promise((h,d)=>{var r=s=>{try{o(c.next(s))}catch(a){d(a)}},u=s=>{try{o(c.throw(s))}catch(a){d(a)}},o=s=>s.done?h(s.value):Promise.resolve(s.value).then(r,u);o((c=c.apply(e,n)).next())});const t=require("vue"),T=require("./CdxButton.cjs"),b=require("./Icon.js"),I=require("./_plugin-vue_export-helper.js"),w=require("./constants.js"),z=require("./useSplitAttributes.cjs"),L=require("./useFieldData.cjs"),O=require("./useComputedDirection.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedLanguage.cjs");require("./useComputedDisabled.cjs");const M=t.defineComponent({name:"CdxInputChip",components:{CdxButton:T,CdxIcon:b.CdxIcon},props:{chipAriaDescription:{type:String,required:!0},icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const c=t.ref(),h=t.computed(()=>({"cdx-input-chip--disabled":e.disabled}));function d(r){var u;switch(r.key){case"Enter":n("click-chip"),r.preventDefault(),r.stopPropagation();break;case"Escape":(u=c.value)==null||u.blur(),r.preventDefault(),r.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",r.key),r.preventDefault(),r.stopPropagation();break;case"ArrowLeft":n("arrow-left"),r.preventDefault(),r.stopPropagation();break;case"ArrowRight":n("arrow-right"),r.preventDefault(),r.stopPropagation();break}}return{rootElement:c,rootClasses:h,onKeydown:d,cdxIconClose:b.j3}},methods:{focus(){this.$refs.rootElement.focus()}}});const j=["aria-description"],U={class:"cdx-input-chip__text"};function H(e,n,c,h,d,r){const u=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.chipAriaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(u,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("",!0),t.createElementVNode("span",U,[t.renderSlot(e.$slots,"default")]),t.createVNode(o,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(u,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,j)}const G=I._export_sfc(M,[["render",H]]),J=w.makeStringTypeValidator(w.ValidationStatusTypes),Q=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:G},inheritAttrs:!1,props:{chipAriaDescription:{type:String,required:!0},inputChips:{type:Array,required:!0},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:J},disabled:{type:Boolean,default:!1}},emits:["update:input-chips"],setup(e,{emit:n,attrs:c}){const h=t.ref(),d=O(h),r=t.ref(),u=t.ref(""),o=t.ref("default"),s=t.computed(()=>o.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:a,computedStatus:B}=L(t.toRef(e,"disabled"),s),C=t.ref(!1),D=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(B.value)]:!0,"cdx-chip-input--focused":C.value,"cdx-chip-input--disabled":a.value})),{rootClasses:$,rootStyle:V,otherAttrs:A}=z(c,D),m=[];function E(i,l){i!==null&&(m[l]=i)}const v=()=>{r.value.focus()};function k(){e.inputChips.find(i=>i.value===u.value)?o.value="error":u.value.length>0&&(n("update:input-chips",e.inputChips.concat({value:u.value})),u.value="")}function y(i){n("update:input-chips",e.inputChips.filter(l=>l.value!==i.value))}function q(i,l){const f=d.value==="ltr"&&i==="left"||d.value==="rtl"&&i==="right"?-1:1,p=l+f;if(!(p<0)){if(p>=e.inputChips.length){v();return}m[p].focus()}}function F(i){return g(this,null,function*(){k(),yield t.nextTick(),y(i),u.value=i.value,v()})}function S(i,l,f){if(f==="button")v();else if(f==="Backspace"){const p=l===0?1:l-1;p<e.inputChips.length?m[p].focus():v()}else if(f==="Delete"){const p=l+1;p<e.inputChips.length?m[p].focus():v()}y(i)}function R(i){var f,p;const l=d.value==="rtl"?"ArrowRight":"ArrowLeft";switch(i.key){case"Enter":if(u.value.length>0){k(),i.preventDefault(),i.stopPropagation();return}break;case"Escape":(f=r.value)==null||f.blur(),i.preventDefault(),i.stopPropagation();return;case"Backspace":case l:if(((p=r.value)==null?void 0:p.selectionStart)===0&&r.value.selectionEnd===0&&e.inputChips.length>0){m[e.inputChips.length-1].focus(),i.preventDefault(),i.stopPropagation();return}break}}function K(){C.value=!0}function P(){C.value=!1}function N(i){h.value.contains(i.relatedTarget)||k()}return t.watch(t.toRef(e,"inputChips"),i=>{const l=i.find(f=>f.value===u.value);o.value=l?"error":"default"}),t.watch(u,()=>{o.value==="error"&&(o.value="default")}),{rootElement:h,input:r,inputValue:u,rootClasses:$,rootStyle:V,otherAttrs:A,assignChipTemplateRef:E,handleChipClick:F,handleChipRemove:S,moveChipFocus:q,onInputKeydown:R,focusInput:v,onInputFocus:K,onInputBlur:P,onFocusOut:N,computedDisabled:a}}});const W={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},X=["disabled"],Y={key:0,class:"cdx-chip-input__separate-input"},Z=["disabled"];function x(e,n,c,h,d,r){const u=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...o)=>e.focusInput&&e.focusInput(...o)),onFocusout:n[9]||(n[9]=(...o)=>e.onFocusOut&&e.onFocusOut(...o))},[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(o,s)=>(t.openBlock(),t.createBlock(u,{key:o.value,ref_for:!0,ref:a=>e.assignChipTemplateRef(a,s),class:"cdx-chip-input__item","chip-aria-description":e.chipAriaDescription,icon:o.icon,disabled:e.computedDisabled,onClickChip:a=>e.handleChipClick(o),onRemoveChip:a=>e.handleChipRemove(o,s,a),onArrowLeft:a=>e.moveChipFocus("left",s),onArrowRight:a=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.value),1)]),_:2},1032,["chip-aria-description","icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[2]||(n[2]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[3]||(n[3]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,X)),[[t.vModelDynamic,e.inputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",Y,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=o=>e.inputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[6]||(n[6]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[7]||(n[7]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,Z),[[t.vModelDynamic,e.inputValue]])])):t.createCommentVNode("",!0)],38)}const _=I._export_sfc(Q,[["render",x]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxChipInput.js b/resources/lib/codex/modules/CdxChipInput.js deleted file mode 100644 index 2ac570e8f191..000000000000 --- a/resources/lib/codex/modules/CdxChipInput.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var g=(e,n,c)=>new Promise((v,d)=>{var r=s=>{try{o(c.next(s))}catch(a){d(a)}},u=s=>{try{o(c.throw(s))}catch(a){d(a)}},o=s=>s.done?v(s.value):Promise.resolve(s.value).then(r,u);o((c=c.apply(e,n)).next())});const t=require("vue"),T=require("./CdxButton.js"),b=require("./Icon.js"),I=require("./_plugin-vue_export-helper.js"),w=require("./constants.js"),z=require("./useSplitAttributes.js"),L=require("./useFieldData.js"),O=require("./useComputedDirection.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedLanguage.js");require("./useComputedDisabled.js");const M=t.defineComponent({name:"CdxInputChip",components:{CdxButton:T,CdxIcon:b.CdxIcon},props:{chipAriaDescription:{type:String,required:!0},icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const c=t.ref(),v=t.computed(()=>({"cdx-input-chip--disabled":e.disabled}));function d(r){var u;switch(r.key){case"Enter":n("click-chip"),r.preventDefault(),r.stopPropagation();break;case"Escape":(u=c.value)==null||u.blur(),r.preventDefault(),r.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",r.key),r.preventDefault(),r.stopPropagation();break;case"ArrowLeft":n("arrow-left"),r.preventDefault(),r.stopPropagation();break;case"ArrowRight":n("arrow-right"),r.preventDefault(),r.stopPropagation();break}}return{rootElement:c,rootClasses:v,onKeydown:d,cdxIconClose:b.j3}},methods:{focus(){this.$refs.rootElement.focus()}}});const j=["aria-description"],U={class:"cdx-input-chip__text"};function H(e,n,c,v,d,r){const u=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.chipAriaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(u,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",U,[t.renderSlot(e.$slots,"default")]),t.createVNode(o,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(u,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,j)}const G=I._export_sfc(M,[["render",H]]),J=w.makeStringTypeValidator(w.ValidationStatusTypes),Q=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:G},inheritAttrs:!1,props:{chipAriaDescription:{type:String,required:!0},inputChips:{type:Array,required:!0},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:J},disabled:{type:Boolean,default:!1}},emits:["update:input-chips"],setup(e,{emit:n,attrs:c}){const v=t.ref(),d=O(v),r=t.ref(),u=t.ref(""),o=t.ref("default"),s=t.computed(()=>o.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:a,computedStatus:B}=L(t.toRef(e,"disabled"),s),C=t.ref(!1),D=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(B.value)]:!0,"cdx-chip-input--focused":C.value,"cdx-chip-input--disabled":a.value})),{rootClasses:$,rootStyle:V,otherAttrs:A}=z(c,D),m=[];function E(i,l){i!==null&&(m[l]=i)}const h=()=>{r.value.focus()};function k(){e.inputChips.find(i=>i.value===u.value)?o.value="error":u.value.length>0&&(n("update:input-chips",e.inputChips.concat({value:u.value})),u.value="")}function y(i){n("update:input-chips",e.inputChips.filter(l=>l.value!==i.value))}function q(i,l){const f=d.value==="ltr"&&i==="left"||d.value==="rtl"&&i==="right"?-1:1,p=l+f;if(!(p<0)){if(p>=e.inputChips.length){h();return}m[p].focus()}}function F(i){return g(this,null,function*(){k(),yield t.nextTick(),y(i),u.value=i.value,h()})}function S(i,l,f){if(f==="button")h();else if(f==="Backspace"){const p=l===0?1:l-1;p<e.inputChips.length?m[p].focus():h()}else if(f==="Delete"){const p=l+1;p<e.inputChips.length?m[p].focus():h()}y(i)}function R(i){var f,p;const l=d.value==="rtl"?"ArrowRight":"ArrowLeft";switch(i.key){case"Enter":if(u.value.length>0){k(),i.preventDefault(),i.stopPropagation();return}break;case"Escape":(f=r.value)==null||f.blur(),i.preventDefault(),i.stopPropagation();return;case"Backspace":case l:if(((p=r.value)==null?void 0:p.selectionStart)===0&&r.value.selectionEnd===0&&e.inputChips.length>0){m[e.inputChips.length-1].focus(),i.preventDefault(),i.stopPropagation();return}break}}function K(){C.value=!0}function P(){C.value=!1}function N(i){v.value.contains(i.relatedTarget)||k()}return t.watch(t.toRef(e,"inputChips"),i=>{const l=i.find(f=>f.value===u.value);o.value=l?"error":"default"}),t.watch(u,()=>{o.value==="error"&&(o.value="default")}),{rootElement:v,input:r,inputValue:u,rootClasses:$,rootStyle:V,otherAttrs:A,assignChipTemplateRef:E,handleChipClick:F,handleChipRemove:S,moveChipFocus:q,onInputKeydown:R,focusInput:h,onInputFocus:K,onInputBlur:P,onFocusOut:N,computedDisabled:a}}});const W={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},X=["disabled"],Y={key:0,class:"cdx-chip-input__separate-input"},Z=["disabled"];function x(e,n,c,v,d,r){const u=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...o)=>e.focusInput&&e.focusInput(...o)),onFocusout:n[9]||(n[9]=(...o)=>e.onFocusOut&&e.onFocusOut(...o))},[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(o,s)=>(t.openBlock(),t.createBlock(u,{key:o.value,ref_for:!0,ref:a=>e.assignChipTemplateRef(a,s),class:"cdx-chip-input__item","chip-aria-description":e.chipAriaDescription,icon:o.icon,disabled:e.computedDisabled,onClickChip:a=>e.handleChipClick(o),onRemoveChip:a=>e.handleChipRemove(o,s,a),onArrowLeft:a=>e.moveChipFocus("left",s),onArrowRight:a=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.value),1)]),_:2},1032,["chip-aria-description","icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=o=>e.inputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[2]||(n[2]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[3]||(n[3]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,X)),[[t.vModelDynamic,e.inputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",Y,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=o=>e.inputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[6]||(n[6]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[7]||(n[7]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,Z),[[t.vModelDynamic,e.inputValue]])])):t.createCommentVNode("v-if",!0)],38)}const _=I._export_sfc(Q,[["render",x]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxCombobox.cjs b/resources/lib/codex/modules/CdxCombobox.cjs new file mode 100644 index 000000000000..96ba26a13e8f --- /dev/null +++ b/resources/lib/codex/modules/CdxCombobox.cjs @@ -0,0 +1 @@ +"use strict";const o=require("vue"),x=require("./Icon.js"),$=require("./CdxButton.cjs"),k=require("./CdxMenu.cjs"),M=require("./CdxTextInput.cjs"),W=require("./useModelWrapper.cjs"),N=require("./useGeneratedId.cjs"),F=require("./useSplitAttributes.cjs"),A=require("./useFieldData.cjs"),K=require("./useFloatingMenu.cjs"),v=require("./constants.js"),D=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./CdxMenuItem.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useIntersectionObserver.cjs");require("./useComputedDisabled.cjs");const E=v.makeStringTypeValidator(v.ValidationStatusTypes),P=o.defineComponent({name:"CdxCombobox",components:{CdxButton:$,CdxIcon:x.CdxIcon,CdxMenu:k,CdxTextInput:M},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 s=o.ref(),b=o.ref(),u=o.ref(),l=N("combobox"),i=o.toRef(e,"selected"),p=W(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var r,f;return(f=(r=u.value)==null?void 0:r.getHighlightedMenuItem())==null?void 0:f.id}),{computedDisabled:d}=A(o.toRef(e,"disabled")),q=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":d.value})),{rootClasses:g,rootStyle:I,otherAttrs:y}=F(c,q);function w(r){a.value&&n.value?n.value=!1:(e.menuItems.length>0||m["no-results"])&&(n.value=!0),t("focus",r)}function B(r){n.value=a.value&&n.value,t("blur",r)}function V(){d.value||(a.value=!0)}function h(){var r;d.value||(r=s.value)==null||r.focus()}function S(r){!u.value||d.value||e.menuItems.length===0||r.key===" "||u.value.delegateKeyNavigation(r)}return K(s,u),o.watch(n,()=>{a.value=!1}),{input:s,inputWrapper:b,menu:u,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:d,onInputFocus:w,onInputBlur:B,onKeydown:S,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.p4,rootClasses:g,rootStyle:I,otherAttrs:y}}});const T={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function U(e,t,c,m,s,b){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",T,[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.status,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 z=D._export_sfc(P,[["render",U]]);module.exports=z; diff --git a/resources/lib/codex/modules/CdxCombobox.js b/resources/lib/codex/modules/CdxCombobox.js deleted file mode 100644 index 191121d62fc6..000000000000 --- a/resources/lib/codex/modules/CdxCombobox.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const o=require("vue"),x=require("./Icon.js"),$=require("./CdxButton.js"),k=require("./CdxMenu.js"),M=require("./CdxTextInput.js"),W=require("./useModelWrapper.js"),N=require("./useGeneratedId.js"),F=require("./useSplitAttributes.js"),A=require("./useFieldData.js"),K=require("./useFloatingMenu.js"),v=require("./constants.js"),D=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./CdxMenuItem.js");require("./CdxThumbnail.js");require("./CdxSearchResultTitle.js");require("./CdxProgressBar.js");require("./useIntersectionObserver.js");require("./useComputedDisabled.js");const E=v.makeStringTypeValidator(v.ValidationStatusTypes),P=o.defineComponent({name:"CdxCombobox",components:{CdxButton:$,CdxIcon:x.CdxIcon,CdxMenu:k,CdxTextInput:M},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 s=o.ref(),b=o.ref(),u=o.ref(),l=N("combobox"),i=o.toRef(e,"selected"),p=W(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var r,f;return(f=(r=u.value)==null?void 0:r.getHighlightedMenuItem())==null?void 0:f.id}),{computedDisabled:d}=A(o.toRef(e,"disabled")),q=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":d.value})),{rootClasses:g,rootStyle:I,otherAttrs:y}=F(c,q);function w(r){a.value&&n.value?n.value=!1:(e.menuItems.length>0||m["no-results"])&&(n.value=!0),t("focus",r)}function B(r){n.value=a.value&&n.value,t("blur",r)}function V(){d.value||(a.value=!0)}function h(){var r;d.value||(r=s.value)==null||r.focus()}function S(r){!u.value||d.value||e.menuItems.length===0||r.key===" "||u.value.delegateKeyNavigation(r)}return K(s,u),o.watch(n,()=>{a.value=!1}),{input:s,inputWrapper:b,menu:u,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:d,onInputFocus:w,onInputBlur:B,onKeydown:S,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.p4,rootClasses:g,rootStyle:I,otherAttrs:y}}});const T={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function U(e,t,c,m,s,b){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",T,[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.status,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 z=D._export_sfc(P,[["render",U]]);module.exports=z; diff --git a/resources/lib/codex/modules/CdxDialog.cjs b/resources/lib/codex/modules/CdxDialog.cjs new file mode 100644 index 000000000000..7c6921dbfafc --- /dev/null +++ b/resources/lib/codex/modules/CdxDialog.cjs @@ -0,0 +1 @@ +"use strict";var B=(o,n,d)=>new Promise((u,s)=>{var r=l=>{try{i(d.next(l))}catch(f){s(f)}},c=l=>{try{i(d.throw(l))}catch(f){s(f)}},i=l=>l.done?u(l.value):Promise.resolve(l.value).then(r,c);i((d=d.apply(o,n)).next())});const e=require("vue"),H=require("./CdxButton.cjs"),A=require("./Icon.js"),F=require("./useGeneratedId.cjs"),L=require("./useResizeObserver.cjs"),P=require("./_plugin-vue_export-helper.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");const j=e.defineComponent({name:"CdxDialog",components:{CdxButton:H,CdxIcon:A.CdxIcon},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1},target:{type:String,default:null},renderInPlace:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(o,{emit:n}){const d=F("dialog-label"),u=e.ref(),s=e.ref(),r=e.ref(),c=e.ref(),i=e.ref(),l=e.ref(),f=e.computed(()=>!o.hideTitle||!!o.closeButtonLabel),E=e.computed(()=>!!o.primaryAction||!!o.defaultAction),$=L(r),w=e.computed(()=>{var t;return(t=$.value.height)!=null?t:0}),y=e.ref(!1),N=e.computed(()=>({"cdx-dialog--vertical-actions":o.stackedActions,"cdx-dialog--horizontal-actions":!o.stackedActions,"cdx-dialog--dividers":y.value})),T=e.inject("CdxTeleportTarget",void 0),V=e.computed(()=>{var t,a;return(a=(t=o.target)!=null?t:T)!=null?a:"body"}),h=e.ref(0);function _(){n("update:open",!1)}function q(){m(s.value)}function S(){m(s.value,!0)}function m(t,a=!1){let g=Array.from(t.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));a&&(g=g.reverse());for(const C of g)if(C.focus(),document.activeElement===C)return!0;return!1}let p=[],b=[];function I(){let t=u.value;for(;t.parentElement&&t.nodeName!=="BODY";){for(const a of Array.from(t.parentElement.children))a===t||a.nodeName==="SCRIPT"||(a.hasAttribute("aria-hidden")||(a.setAttribute("aria-hidden","true"),p.push(a)),a.hasAttribute("inert")||(a.setAttribute("inert",""),b.push(a)));t=t.parentElement}}function D(){for(const t of p)t.removeAttribute("aria-hidden");for(const t of b)t.removeAttribute("inert");p=[],b=[]}function k(){return B(this,null,function*(){var t;yield e.nextTick(),h.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(h.value,"px")),document.body.classList.add("cdx-dialog-open"),I(),m(r.value)||(t=c.value)==null||t.focus()})}function v(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),D()}return e.onMounted(()=>{o.open&&k()}),e.onUnmounted(()=>{o.open&&v()}),e.watch(e.toRef(o,"open"),t=>{t?k():v()}),e.watch(w,()=>{r.value&&(y.value=r.value.clientHeight<r.value.scrollHeight)}),{close:_,cdxIconClose:A.j3,labelId:d,rootClasses:N,backdrop:u,dialogElement:s,focusTrapStart:i,focusTrapEnd:l,focusFirst:q,focusLast:S,dialogBody:r,focusHolder:c,showHeader:f,showFooterActions:E,computedTarget:V}}});const z=["aria-label","aria-labelledby"],O={key:0,class:"cdx-dialog__header__title-group"},x=["id"],R={key:0,class:"cdx-dialog__header__subtitle"},W={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},K={key:0,class:"cdx-dialog__footer__text"},M={key:1,class:"cdx-dialog__footer__actions"};function G(o,n,d,u,s,r){const c=e.resolveComponent("cdx-icon"),i=e.resolveComponent("cdx-button");return e.openBlock(),e.createBlock(e.Teleport,{to:o.computedTarget,disabled:o.renderInPlace},[e.createVNode(e.Transition,{name:"cdx-dialog-fade",appear:""},{default:e.withCtx(()=>[o.open?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...l)=>o.close&&o.close(...l)),onKeyup:n[6]||(n[6]=e.withKeys((...l)=>o.close&&o.close(...l),["escape"]))},[e.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...l)=>o.focusLast&&o.focusLast(...l))},null,544),e.createElementVNode("div",e.mergeProps({ref:"dialogElement",class:["cdx-dialog",o.rootClasses],role:"dialog"},o.$attrs,{"aria-label":o.$slots.header||o.hideTitle?o.title:void 0,"aria-labelledby":!o.$slots.header&&!o.hideTitle?o.labelId:void 0,"aria-modal":"true",onClick:n[3]||(n[3]=e.withModifiers(()=>{},["stop"]))}),[o.showHeader||o.$slots.header?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!o.$slots.header}])},[e.renderSlot(o.$slots,"header",{},()=>[o.hideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("h2",{id:o.labelId,class:"cdx-dialog__header__title"},e.toDisplayString(o.title),9,x),o.subtitle?(e.openBlock(),e.createElementBlock("p",R,e.toDisplayString(o.subtitle),1)):e.createCommentVNode("",!0)])),o.closeButtonLabel?(e.openBlock(),e.createBlock(i,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":o.closeButtonLabel,onClick:o.close},{default:e.withCtx(()=>[e.createVNode(c,{icon:o.cdxIconClose,"icon-label":o.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",W,null,512),e.createElementVNode("div",{ref:"dialogBody",class:e.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(o.showHeader||o.$slots.header),"cdx-dialog__body--no-footer":!(o.showFooterActions||o.$slots.footer||o.$slots["footer-text"])}])},[e.renderSlot(o.$slots,"default")],2),o.showFooterActions||o.$slots.footer||o.$slots["footer-text"]?(e.openBlock(),e.createElementBlock("footer",{key:1,class:e.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!o.$slots.footer}])},[e.renderSlot(o.$slots,"footer",{},()=>[o.$slots["footer-text"]?(e.openBlock(),e.createElementBlock("p",K,[e.renderSlot(o.$slots,"footer-text")])):e.createCommentVNode("",!0),o.showFooterActions?(e.openBlock(),e.createElementBlock("div",M,[o.primaryAction?(e.openBlock(),e.createBlock(i,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:o.primaryAction.actionType,disabled:o.primaryAction.disabled,onClick:n[1]||(n[1]=l=>o.$emit("primary"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.primaryAction.label),1)]),_:1},8,["action","disabled"])):e.createCommentVNode("",!0),o.defaultAction?(e.openBlock(),e.createBlock(i,{key:1,class:"cdx-dialog__footer__default-action",disabled:o.defaultAction.disabled,onClick:n[2]||(n[2]=l=>o.$emit("default"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.defaultAction.label),1)]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0)],16,z),e.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...l)=>o.focusFirst&&o.focusFirst(...l))},null,544)],544)):e.createCommentVNode("",!0)]),_:3})],8,["to","disabled"])}const U=P._export_sfc(j,[["render",G]]);module.exports=U; diff --git a/resources/lib/codex/modules/CdxDialog.js b/resources/lib/codex/modules/CdxDialog.js deleted file mode 100644 index 489fd636837d..000000000000 --- a/resources/lib/codex/modules/CdxDialog.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var B=(o,n,d)=>new Promise((u,s)=>{var i=l=>{try{r(d.next(l))}catch(f){s(f)}},c=l=>{try{r(d.throw(l))}catch(f){s(f)}},r=l=>l.done?u(l.value):Promise.resolve(l.value).then(i,c);r((d=d.apply(o,n)).next())});const e=require("vue"),H=require("./CdxButton.js"),A=require("./Icon.js"),F=require("./useGeneratedId.js"),L=require("./useResizeObserver.js"),P=require("./_plugin-vue_export-helper.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");const j=e.defineComponent({name:"CdxDialog",components:{CdxButton:H,CdxIcon:A.CdxIcon},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:""},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1},target:{type:String,default:null},renderInPlace:{type:Boolean,default:!1}},emits:["update:open","primary","default"],setup(o,{emit:n}){const d=F("dialog-label"),u=e.ref(),s=e.ref(),i=e.ref(),c=e.ref(),r=e.ref(),l=e.ref(),f=e.computed(()=>!o.hideTitle||!!o.closeButtonLabel),E=e.computed(()=>!!o.primaryAction||!!o.defaultAction),$=L(i),w=e.computed(()=>{var t;return(t=$.value.height)!=null?t:0}),y=e.ref(!1),N=e.computed(()=>({"cdx-dialog--vertical-actions":o.stackedActions,"cdx-dialog--horizontal-actions":!o.stackedActions,"cdx-dialog--dividers":y.value})),T=e.inject("CdxTeleportTarget",void 0),V=e.computed(()=>{var t,a;return(a=(t=o.target)!=null?t:T)!=null?a:"body"}),h=e.ref(0);function _(){n("update:open",!1)}function q(){m(s.value)}function S(){m(s.value,!0)}function m(t,a=!1){let g=Array.from(t.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));a&&(g=g.reverse());for(const C of g)if(C.focus(),document.activeElement===C)return!0;return!1}let p=[],b=[];function I(){let t=u.value;for(;t.parentElement&&t.nodeName!=="BODY";){for(const a of Array.from(t.parentElement.children))a===t||a.nodeName==="SCRIPT"||(a.hasAttribute("aria-hidden")||(a.setAttribute("aria-hidden","true"),p.push(a)),a.hasAttribute("inert")||(a.setAttribute("inert",""),b.push(a)));t=t.parentElement}}function D(){for(const t of p)t.removeAttribute("aria-hidden");for(const t of b)t.removeAttribute("inert");p=[],b=[]}function v(){return B(this,null,function*(){var t;yield e.nextTick(),h.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(h.value,"px")),document.body.classList.add("cdx-dialog-open"),I(),m(i.value)||(t=c.value)==null||t.focus()})}function k(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),D()}return e.onMounted(()=>{o.open&&v()}),e.onUnmounted(()=>{o.open&&k()}),e.watch(e.toRef(o,"open"),t=>{t?v():k()}),e.watch(w,()=>{i.value&&(y.value=i.value.clientHeight<i.value.scrollHeight)}),{close:_,cdxIconClose:A.j3,labelId:d,rootClasses:N,backdrop:u,dialogElement:s,focusTrapStart:r,focusTrapEnd:l,focusFirst:q,focusLast:S,dialogBody:i,focusHolder:c,showHeader:f,showFooterActions:E,computedTarget:V}}});const z=["aria-label","aria-labelledby"],O={key:0,class:"cdx-dialog__header__title-group"},x=["id"],R={key:0,class:"cdx-dialog__header__subtitle"},W={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},K={key:0,class:"cdx-dialog__footer__text"},M={key:1,class:"cdx-dialog__footer__actions"};function G(o,n,d,u,s,i){const c=e.resolveComponent("cdx-icon"),r=e.resolveComponent("cdx-button");return e.openBlock(),e.createBlock(e.Teleport,{to:o.computedTarget,disabled:o.renderInPlace},[e.createVNode(e.Transition,{name:"cdx-dialog-fade",appear:""},{default:e.withCtx(()=>[o.open?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...l)=>o.close&&o.close(...l)),onKeyup:n[6]||(n[6]=e.withKeys((...l)=>o.close&&o.close(...l),["escape"]))},[e.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...l)=>o.focusLast&&o.focusLast(...l))},null,544),e.createElementVNode("div",e.mergeProps({ref:"dialogElement",class:["cdx-dialog",o.rootClasses],role:"dialog"},o.$attrs,{"aria-label":o.$slots.header||o.hideTitle?o.title:void 0,"aria-labelledby":!o.$slots.header&&!o.hideTitle?o.labelId:void 0,"aria-modal":"true",onClick:n[3]||(n[3]=e.withModifiers(()=>{},["stop"]))}),[o.showHeader||o.$slots.header?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!o.$slots.header}])},[e.renderSlot(o.$slots,"header",{},()=>[o.hideTitle?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("h2",{id:o.labelId,class:"cdx-dialog__header__title"},e.toDisplayString(o.title),9,x),o.subtitle?(e.openBlock(),e.createElementBlock("p",R,e.toDisplayString(o.subtitle),1)):e.createCommentVNode("v-if",!0)])),o.closeButtonLabel?(e.openBlock(),e.createBlock(r,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":o.closeButtonLabel,onClick:o.close},{default:e.withCtx(()=>[e.createVNode(c,{icon:o.cdxIconClose,"icon-label":o.closeButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",W,null,512),e.createElementVNode("div",{ref:"dialogBody",class:e.normalizeClass(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(o.showHeader||o.$slots.header),"cdx-dialog__body--no-footer":!(o.showFooterActions||o.$slots.footer||o.$slots["footer-text"])}])},[e.renderSlot(o.$slots,"default")],2),o.showFooterActions||o.$slots.footer||o.$slots["footer-text"]?(e.openBlock(),e.createElementBlock("footer",{key:1,class:e.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!o.$slots.footer}])},[e.renderSlot(o.$slots,"footer",{},()=>[o.$slots["footer-text"]?(e.openBlock(),e.createElementBlock("p",K,[e.renderSlot(o.$slots,"footer-text")])):e.createCommentVNode("v-if",!0),o.showFooterActions?(e.openBlock(),e.createElementBlock("div",M,[o.primaryAction?(e.openBlock(),e.createBlock(r,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:o.primaryAction.actionType,disabled:o.primaryAction.disabled,onClick:n[1]||(n[1]=l=>o.$emit("primary"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.primaryAction.label),1)]),_:1},8,["action","disabled"])):e.createCommentVNode("v-if",!0),o.defaultAction?(e.openBlock(),e.createBlock(r,{key:1,class:"cdx-dialog__footer__default-action",disabled:o.defaultAction.disabled,onClick:n[2]||(n[2]=l=>o.$emit("default"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.defaultAction.label),1)]),_:1},8,["disabled"])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0)])],2)):e.createCommentVNode("v-if",!0)],16,z),e.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...l)=>o.focusFirst&&o.focusFirst(...l))},null,544)],544)):e.createCommentVNode("v-if",!0)]),_:3})],8,["to","disabled"])}const U=P._export_sfc(j,[["render",G]]);module.exports=U; diff --git a/resources/lib/codex/modules/CdxField.cjs b/resources/lib/codex/modules/CdxField.cjs new file mode 100644 index 000000000000..c1cb3ab19604 --- /dev/null +++ b/resources/lib/codex/modules/CdxField.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),g=require("./CdxLabel.cjs"),y=require("./CdxMessage.cjs"),s=require("./constants.js"),a=require("./useGeneratedId.cjs"),h=require("./useComputedDisabled.cjs"),C=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useFieldData.cjs");require("./useSplitAttributes.cjs");require("./CdxButton.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");const q=s.makeStringTypeValidator(s.ValidationStatusTypes),I=t.defineComponent({name:"CdxField",components:{CdxLabel:g,CdxMessage:y},props:{labelIcon:{type:[String,Object],default:""},optionalFlag:{type:String,default:""},hideLabel:{type:Boolean,default:!1},isFieldset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:q},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:r,status:u,isFieldset:d}=t.toRefs(e),i=h(r),l=t.computed(()=>({"cdx-field--disabled":i.value})),o=a("label"),c=a("description"),p=a("input"),m=t.computed(()=>d.value?void 0:p);t.provide(s.FieldInputIdKey,m);const f=t.computed(()=>!d.value&&n.description?c:void 0);t.provide(s.FieldDescriptionIdKey,f),t.provide(s.DisabledKey,i),t.provide(s.FieldStatusKey,u);const v=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),b=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:l,computedDisabled:i,labelId:o,descriptionId:c,inputId:p,validationMessage:v,validationMessageType:b}}});const F={class:"cdx-field__help-text"},S={key:0,class:"cdx-field__validation-message"};function $(e,n,r,u,d,i){const l=t.resolveComponent("cdx-label"),o=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(l,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",{class:t.normalizeClass(["cdx-field__control",{"cdx-field__control--has-help-text":e.$slots["help-text"]&&e.$slots["help-text"]().length>0||e.validationMessage}])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",F,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",S,[t.createVNode(o,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("",!0)]),_:3},8,["class","aria-disabled","disabled"])}const D=C._export_sfc(I,[["render",$]]);module.exports=D; diff --git a/resources/lib/codex/modules/CdxField.js b/resources/lib/codex/modules/CdxField.js deleted file mode 100644 index c2602aebe98f..000000000000 --- a/resources/lib/codex/modules/CdxField.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),g=require("./CdxLabel.js"),y=require("./CdxMessage.js"),s=require("./constants.js"),a=require("./useGeneratedId.js"),h=require("./useComputedDisabled.js"),C=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useFieldData.js");require("./useSplitAttributes.js");require("./CdxButton.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");const q=s.makeStringTypeValidator(s.ValidationStatusTypes),I=t.defineComponent({name:"CdxField",components:{CdxLabel:g,CdxMessage:y},props:{labelIcon:{type:[String,Object],default:""},optionalFlag:{type:String,default:""},hideLabel:{type:Boolean,default:!1},isFieldset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:q},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:r,status:u,isFieldset:d}=t.toRefs(e),i=h(r),l=t.computed(()=>({"cdx-field--disabled":i.value})),o=a("label"),c=a("description"),p=a("input"),m=t.computed(()=>d.value?void 0:p);t.provide(s.FieldInputIdKey,m);const f=t.computed(()=>!d.value&&n.description?c:void 0);t.provide(s.FieldDescriptionIdKey,f),t.provide(s.DisabledKey,i),t.provide(s.FieldStatusKey,u);const v=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),b=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:l,computedDisabled:i,labelId:o,descriptionId:c,inputId:p,validationMessage:v,validationMessageType:b}}});const F={class:"cdx-field__help-text"},S={key:0,class:"cdx-field__validation-message"};function $(e,n,r,u,d,i){const l=t.resolveComponent("cdx-label"),o=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(l,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",{class:t.normalizeClass(["cdx-field__control",{"cdx-field__control--has-help-text":e.$slots["help-text"]&&e.$slots["help-text"]().length>0||e.validationMessage}])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",F,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",S,[t.createVNode(o,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const D=C._export_sfc(I,[["render",$]]);module.exports=D; diff --git a/resources/lib/codex/modules/CdxIcon.js b/resources/lib/codex/modules/CdxIcon.cjs index f48b116aff52..4d183e39a6f5 100644 --- a/resources/lib/codex/modules/CdxIcon.js +++ b/resources/lib/codex/modules/CdxIcon.cjs @@ -1 +1 @@ -"use strict";const e=require("./Icon.js");require("vue");require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");module.exports=e.CdxIcon; +"use strict";const e=require("./Icon.js");require("vue");require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");module.exports=e.CdxIcon; diff --git a/resources/lib/codex/modules/CdxInfoChip.cjs b/resources/lib/codex/modules/CdxInfoChip.cjs new file mode 100644 index 000000000000..23c3522d6f4d --- /dev/null +++ b/resources/lib/codex/modules/CdxInfoChip.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),i=require("./constants.js"),o=require("./Icon.js"),r=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");const u={error:o.z4,warning:o.m3,success:o.E7},a=e.defineComponent({name:"CdxInfoChip",components:{CdxIcon:o.CdxIcon},props:{status:{type:String,default:"notice",validator:i.statusTypeValidator},icon:{type:[String,Object],default:null}},setup(n){const t=e.computed(()=>({["cdx-info-chip__icon--".concat(n.status)]:!0})),c=e.computed(()=>n.status==="notice"?n.icon:u[n.status]);return{iconClass:t,computedIcon:c}}});const d={class:"cdx-info-chip"},l={class:"cdx-info-chip--text"};function p(n,t,c,m,f,C){const s=e.resolveComponent("cdx-icon");return e.openBlock(),e.createElementBlock("div",d,[n.computedIcon?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass(["cdx-info-chip__icon",n.iconClass]),icon:n.computedIcon},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",l,[e.renderSlot(n.$slots,"default")])])}const _=r._export_sfc(a,[["render",p]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxInfoChip.js b/resources/lib/codex/modules/CdxInfoChip.js deleted file mode 100644 index c5727f2af787..000000000000 --- a/resources/lib/codex/modules/CdxInfoChip.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),i=require("./constants.js"),o=require("./Icon.js"),r=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");const u={error:o.z4,warning:o.m3,success:o.E7},a=e.defineComponent({name:"CdxInfoChip",components:{CdxIcon:o.CdxIcon},props:{status:{type:String,default:"notice",validator:i.statusTypeValidator},icon:{type:[String,Object],default:null}},setup(n){const t=e.computed(()=>({["cdx-info-chip__icon--".concat(n.status)]:!0})),c=e.computed(()=>n.status==="notice"?n.icon:u[n.status]);return{iconClass:t,computedIcon:c}}});const d={class:"cdx-info-chip"},l={class:"cdx-info-chip--text"};function p(n,t,c,m,f,C){const s=e.resolveComponent("cdx-icon");return e.openBlock(),e.createElementBlock("div",d,[n.computedIcon?(e.openBlock(),e.createBlock(s,{key:0,class:e.normalizeClass(["cdx-info-chip__icon",n.iconClass]),icon:n.computedIcon},null,8,["class","icon"])):e.createCommentVNode("v-if",!0),e.createElementVNode("span",l,[e.renderSlot(n.$slots,"default")])])}const _=r._export_sfc(a,[["render",p]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxLabel.cjs b/resources/lib/codex/modules/CdxLabel.cjs new file mode 100644 index 000000000000..9ba8a21c1f99 --- /dev/null +++ b/resources/lib/codex/modules/CdxLabel.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),i=require("./Icon.js"),d=require("./useFieldData.cjs"),c=require("./useSplitAttributes.cjs"),p=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");require("./useComputedDisabled.cjs");const u=e.defineComponent({name:"CdxLabel",components:{CdxIcon:i.CdxIcon},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(l,{attrs:t}){const{computedDisabled:n}=d(e.toRef(l,"disabled")),s=e.computed(()=>({"cdx-label--visually-hidden":l.visuallyHidden,"cdx-label--disabled":n.value})),{rootClasses:a,rootStyle:r,otherAttrs:o}=c(t,s);return{rootClasses:a,rootStyle:r,otherAttrs:o}}});const _=["for"],m={class:"cdx-label__label__text"},b={key:1,class:"cdx-label__label__optional-flag"},y=["id"],g={class:"cdx-label__label"},k={class:"cdx-label__label__text"},f={key:1,class:"cdx-label__label__optional-flag"},B={key:0,class:"cdx-label__description"};function C(l,t,n,s,a,r){const o=e.resolveComponent("cdx-icon");return l.isLegend?(e.openBlock(),e.createElementBlock("legend",e.mergeProps({key:1,class:["cdx-label",l.rootClasses],style:l.rootStyle},l.otherAttrs),[e.createElementVNode("span",g,[l.icon?(e.openBlock(),e.createBlock(o,{key:0,icon:l.icon,class:"cdx-label__label__icon"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",k,[e.renderSlot(l.$slots,"default")]),l.optionalFlag?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(" ")+" "+e.toDisplayString(l.optionalFlag),1)):e.createCommentVNode("",!0)]),l.$slots.description&&l.$slots.description().length>0?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(l.$slots,"description")])):e.createCommentVNode("",!0)],16)):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cdx-label",l.rootClasses]),style:e.normalizeStyle(l.rootStyle)},[e.createElementVNode("label",e.mergeProps({class:"cdx-label__label",for:l.inputId?l.inputId:void 0},l.otherAttrs),[l.icon?(e.openBlock(),e.createBlock(o,{key:0,icon:l.icon,class:"cdx-label__label__icon"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",m,[e.renderSlot(l.$slots,"default")]),l.optionalFlag?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(" ")+" "+e.toDisplayString(l.optionalFlag),1)):e.createCommentVNode("",!0)],16,_),l.$slots.description&&l.$slots.description().length>0?(e.openBlock(),e.createElementBlock("span",{key:0,id:l.descriptionId||void 0,class:"cdx-label__description"},[e.renderSlot(l.$slots,"description")],8,y)):e.createCommentVNode("",!0)],6))}const S=p._export_sfc(u,[["render",C]]);module.exports=S; diff --git a/resources/lib/codex/modules/CdxLabel.js b/resources/lib/codex/modules/CdxLabel.js deleted file mode 100644 index 874094c6ecaf..000000000000 --- a/resources/lib/codex/modules/CdxLabel.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),r=require("./Icon.js"),d=require("./useFieldData.js"),c=require("./useSplitAttributes.js"),p=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./useComputedDisabled.js");const u=e.defineComponent({name:"CdxLabel",components:{CdxIcon:r.CdxIcon},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(l,{attrs:t}){const{computedDisabled:n}=d(e.toRef(l,"disabled")),s=e.computed(()=>({"cdx-label--visually-hidden":l.visuallyHidden,"cdx-label--disabled":n.value})),{rootClasses:a,rootStyle:i,otherAttrs:o}=c(t,s);return{rootClasses:a,rootStyle:i,otherAttrs:o}}});const _=["for"],m={class:"cdx-label__label__text"},b={key:1,class:"cdx-label__label__optional-flag"},y=["id"],f={class:"cdx-label__label"},g={class:"cdx-label__label__text"},k={key:1,class:"cdx-label__label__optional-flag"},B={key:0,class:"cdx-label__description"};function C(l,t,n,s,a,i){const o=e.resolveComponent("cdx-icon");return l.isLegend?(e.openBlock(),e.createElementBlock("legend",e.mergeProps({key:1,class:["cdx-label",l.rootClasses],style:l.rootStyle},l.otherAttrs),[e.createElementVNode("span",f,[l.icon?(e.openBlock(),e.createBlock(o,{key:0,icon:l.icon,class:"cdx-label__label__icon"},null,8,["icon"])):e.createCommentVNode("v-if",!0),e.createElementVNode("span",g,[e.renderSlot(l.$slots,"default")]),l.optionalFlag?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(" ")+" "+e.toDisplayString(l.optionalFlag),1)):e.createCommentVNode("v-if",!0)]),l.$slots.description&&l.$slots.description().length>0?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(l.$slots,"description")])):e.createCommentVNode("v-if",!0)],16)):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cdx-label",l.rootClasses]),style:e.normalizeStyle(l.rootStyle)},[e.createElementVNode("label",e.mergeProps({class:"cdx-label__label",for:l.inputId?l.inputId:void 0},l.otherAttrs),[l.icon?(e.openBlock(),e.createBlock(o,{key:0,icon:l.icon,class:"cdx-label__label__icon"},null,8,["icon"])):e.createCommentVNode("v-if",!0),e.createElementVNode("span",m,[e.renderSlot(l.$slots,"default")]),l.optionalFlag?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(" ")+" "+e.toDisplayString(l.optionalFlag),1)):e.createCommentVNode("v-if",!0)],16,_),l.$slots.description&&l.$slots.description().length>0?(e.openBlock(),e.createElementBlock("span",{key:0,id:l.descriptionId||void 0,class:"cdx-label__description"},[e.renderSlot(l.$slots,"description")],8,y)):e.createCommentVNode("v-if",!0)],6))}const v=p._export_sfc(u,[["render",C]]);module.exports=v; diff --git a/resources/lib/codex/modules/CdxLookup.cjs b/resources/lib/codex/modules/CdxLookup.cjs new file mode 100644 index 000000000000..47eaa87b72da --- /dev/null +++ b/resources/lib/codex/modules/CdxLookup.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),A=require("./CdxMenu.cjs"),F=require("./CdxTextInput.cjs"),M=require("./useGeneratedId.cjs"),K=require("./useModelWrapper.cjs"),N=require("./useSplitAttributes.cjs"),w=require("./useFieldData.cjs"),L=require("./useFloatingMenu.cjs"),b=require("./constants.js"),W=require("./_plugin-vue_export-helper.js");require("./CdxMenuItem.cjs");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useWarnOnce.cjs");require("./useIntersectionObserver.cjs");require("./useComputedDisabled.cjs");const D=b.makeStringTypeValidator(b.ValidationStatusTypes),E=t.defineComponent({name:"CdxLookup",components:{CdxMenu:A,CdxTextInput:F},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:D}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:v,slots:d})=>{const g=t.ref(),p=t.ref(),l=t.ref(),m=M("lookup-menu"),o=t.ref(!1),a=t.ref(!1),c=t.ref(!1),{computedDisabled:f}=w(t.toRef(e,"disabled")),I=t.toRef(e,"selected"),q=K(I,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),C=t.computed(()=>{var n,i;return(i=(n=l.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:i.id}),s=t.ref(e.initialInputValue),h=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":o.value})),{rootClasses:V,rootStyle:k,otherAttrs:S}=N(v,h);function $(n){r.value&&r.value.label!==n&&r.value.value!==n&&(q.value=null),n===""?(a.value=!1,o.value=!1):o.value=!0,u("input",n)}function x(n){c.value=!0,s.value!==null&&s.value!==""&&(e.menuItems.length>0||d["no-results"])&&(a.value=!0),u("focus",n)}function B(n){c.value=!1,a.value=!1,u("blur",n)}function U(n){!l.value||f.value||e.menuItems.length===0&&!d["no-results"]||n.key===" "||l.value.delegateKeyNavigation(n)}return L(p,l),t.watch(I,n=>{var i;if(n!==null){const y=r.value?(i=r.value.label)!=null?i:r.value.value:"";s.value!==y&&(s.value=y,u("input",s.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&o.value&&(n.length>0||d["no-results"])&&(a.value=!0),n.length===0&&!d["no-results"]&&(a.value=!1),o.value=!1}),{rootElement:g,textInput:p,menu:l,menuId:m,highlightedId:C,inputValue:s,modelWrapper:q,expanded:a,computedDisabled:f,onInputBlur:B,rootClasses:V,rootStyle:k,otherAttrs:S,onUpdateInput:$,onInputFocus:x,onKeydown:U}}});function P(e,u,v,d,g,p){const l=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":u[0]||(u[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:u[1]||(u[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const R=W._export_sfc(E,[["render",P]]);module.exports=R; diff --git a/resources/lib/codex/modules/CdxLookup.js b/resources/lib/codex/modules/CdxLookup.js deleted file mode 100644 index 3a6edbb348b9..000000000000 --- a/resources/lib/codex/modules/CdxLookup.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),A=require("./CdxMenu.js"),F=require("./CdxTextInput.js"),M=require("./useGeneratedId.js"),K=require("./useModelWrapper.js"),N=require("./useSplitAttributes.js"),w=require("./useFieldData.js"),L=require("./useFloatingMenu.js"),b=require("./constants.js"),W=require("./_plugin-vue_export-helper.js");require("./CdxMenuItem.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./CdxThumbnail.js");require("./CdxSearchResultTitle.js");require("./CdxProgressBar.js");require("./useWarnOnce.js");require("./useIntersectionObserver.js");require("./useComputedDisabled.js");const D=b.makeStringTypeValidator(b.ValidationStatusTypes),E=t.defineComponent({name:"CdxLookup",components:{CdxMenu:A,CdxTextInput:F},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:D}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:v,slots:d})=>{const g=t.ref(),p=t.ref(),l=t.ref(),m=M("lookup-menu"),o=t.ref(!1),a=t.ref(!1),c=t.ref(!1),{computedDisabled:f}=w(t.toRef(e,"disabled")),I=t.toRef(e,"selected"),q=K(I,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),C=t.computed(()=>{var n,i;return(i=(n=l.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:i.id}),s=t.ref(e.initialInputValue),h=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":o.value})),{rootClasses:V,rootStyle:k,otherAttrs:S}=N(v,h);function $(n){r.value&&r.value.label!==n&&r.value.value!==n&&(q.value=null),n===""?(a.value=!1,o.value=!1):o.value=!0,u("input",n)}function x(n){c.value=!0,s.value!==null&&s.value!==""&&(e.menuItems.length>0||d["no-results"])&&(a.value=!0),u("focus",n)}function B(n){c.value=!1,a.value=!1,u("blur",n)}function U(n){!l.value||f.value||e.menuItems.length===0&&!d["no-results"]||n.key===" "||l.value.delegateKeyNavigation(n)}return L(p,l),t.watch(I,n=>{var i;if(n!==null){const y=r.value?(i=r.value.label)!=null?i:r.value.value:"";s.value!==y&&(s.value=y,u("input",s.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&o.value&&(n.length>0||d["no-results"])&&(a.value=!0),n.length===0&&!d["no-results"]&&(a.value=!1),o.value=!1}),{rootElement:g,textInput:p,menu:l,menuId:m,highlightedId:C,inputValue:s,modelWrapper:q,expanded:a,computedDisabled:f,onInputBlur:B,rootClasses:V,rootStyle:k,otherAttrs:S,onUpdateInput:$,onInputFocus:x,onKeydown:U}}});function P(e,u,v,d,g,p){const l=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":u[0]||(u[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:u[1]||(u[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const R=W._export_sfc(E,[["render",P]]);module.exports=R; diff --git a/resources/lib/codex/modules/CdxMenu.cjs b/resources/lib/codex/modules/CdxMenu.cjs new file mode 100644 index 000000000000..10fcb8ac6301 --- /dev/null +++ b/resources/lib/codex/modules/CdxMenu.cjs @@ -0,0 +1 @@ +"use strict";var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var H=(e,a,u)=>a in e?X(e,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):e[a]=u,P=(e,a)=>{for(var u in a||(a={}))ee.call(a,u)&&H(e,u,a[u]);if(_)for(var u of _(a))te.call(a,u)&&H(e,u,a[u]);return e},A=(e,a)=>Y(e,Z(a));var q=(e,a,u)=>new Promise((B,d)=>{var x=i=>{try{f(u.next(i))}catch(b){d(b)}},r=i=>{try{f(u.throw(i))}catch(b){d(b)}},f=i=>i.done?B(i.value):Promise.resolve(i.value).then(x,r);f((u=u.apply(e,a)).next())});const l=require("vue"),le=require("./CdxMenuItem.cjs"),ne=require("./CdxProgressBar.cjs"),ae=require("./useGeneratedId.cjs"),ie=require("./useIntersectionObserver.cjs"),ue=require("./useSplitAttributes.cjs"),re=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./useWarnOnce.cjs");const oe=l.defineComponent({name:"CdxMenu",components:{CdxMenuItem:le,CdxProgressBar:ne},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:a,slots:u,attrs:B}){const d=l.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(n=>A(P({},n),{id:ae("menu-item")}))),x=l.computed(()=>u["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:d.value.length===0:!1),r=l.ref(null),f=l.ref(!1),i=l.ref(null),b="additions removals";let c="",m=null;function v(){c="",m!==null&&(clearTimeout(m),m=null)}function k(){m!==null&&clearTimeout(m),m=setTimeout(v,1500)}function C(){var t;return(t=d.value.find(n=>n.value===e.selected))!=null?t:null}function g(t,n){var o;if(!(n&&n.disabled))switch(t){case"selected":a("update:selected",(o=n==null?void 0:n.value)!=null?o:null),a("update:expanded",!1),i.value=null;break;case"highlighted":r.value=n!=null?n:null,f.value=!1;break;case"highlightedViaKeyboard":r.value=n!=null?n:null,f.value=!0;break;case"active":i.value=n!=null?n:null;break}}const y=l.computed(()=>{if(r.value!==null)return d.value.findIndex(t=>t.value===r.value.value)});function T(t){t&&(g("highlightedViaKeyboard",t),a("menu-item-keyboard-navigation",t))}function N(t){var s;const n=M=>{for(let h=M-1;h>=0;h--)if(!d.value[h].disabled)return d.value[h]};t=t!=null?t:d.value.length;const o=(s=n(t))!=null?s:n(d.value.length);T(o)}function E(t){var s;const n=M=>d.value.find((h,V)=>!h.disabled&&V>M);t=t!=null?t:-1;const o=(s=n(t))!=null?s:n(-1);T(o)}function D(t){if(t.key==="Clear")return v(),!0;if(t.key==="Backspace")return c=c.slice(0,-1),k(),!0;if(t.key.length===1&&!t.metaKey&&!t.ctrlKey&&!t.altKey){if(e.expanded||a("update:expanded",!0),t.key===" "&&c.length<1)return!1;c+=t.key.toLowerCase();const n=c.length>1&&c.split("").every(h=>h===c[0]);let o=d.value,s=c;n&&y.value!==void 0&&(o=o.slice(y.value+1).concat(o.slice(0,y.value)),s=c[0]);const M=o.find(h=>{var V;return!h.disabled&&String((V=h.label)!=null?V:h.value).toLowerCase().startsWith(s)});return M&&(g("highlightedViaKeyboard",M),w()),k(),!0}return!1}function F(t,{prevent:n=!0,characterNavigation:o=!1}={}){if(o){if(D(t))return t.preventDefault(),!0;v()}function s(){n&&(t.preventDefault(),t.stopPropagation())}switch(t.key){case"Enter":case" ":return s(),e.expanded?(r.value&&f.value&&a("update:selected",r.value.value),a("update:expanded",!1)):a("update:expanded",!0),!0;case"Tab":return e.expanded&&(r.value&&f.value&&a("update:selected",r.value.value),a("update:expanded",!1)),!0;case"ArrowUp":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),N(y.value)):a("update:expanded",!0),w(),!0;case"ArrowDown":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),E(y.value)):a("update:expanded",!0),w(),!0;case"Home":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),E()):a("update:expanded",!0),w(),!0;case"End":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),N()):a("update:expanded",!0),w(),!0;case"Escape":return s(),a("update:expanded",!1),!0;default:return!1}}function L(){g("active",null)}const p=[],$=l.ref(void 0),I=ie($,{threshold:.8});l.watch(I,t=>{t&&a("load-more")});function O(t,n){if(t){p[n]=t.$el;const o=e.visibleItemLimit;if(!o||e.menuItems.length<o)return;const s=Math.min(o,Math.max(2,Math.floor(.2*e.menuItems.length)));n===e.menuItems.length-s&&($.value=t.$el)}}function w(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||y.value===void 0)return;const t=y.value>=0?y.value:0;p[t].scrollIntoView({behavior:"smooth",block:"nearest"})}const S=l.ref(null),K=l.ref(null);function R(){return q(this,null,function*(){yield l.nextTick(),z(),U(),yield l.nextTick(),w()})}function z(){if(e.footer){const t=p[p.length-1];K.value=t.scrollHeight}else K.value=null}function U(){if(!e.visibleItemLimit||p.length<=e.visibleItemLimit){S.value=null;return}const t=p[0].getBoundingClientRect().top,n=p[e.visibleItemLimit].getBoundingClientRect().top;S.value=n-t+2}l.onMounted(()=>{document.addEventListener("mouseup",L)}),l.onUnmounted(()=>{document.removeEventListener("mouseup",L)}),l.watch(l.toRef(e,"expanded"),t=>q(this,null,function*(){if(t){const n=C();n&&!r.value&&g("highlighted",n),yield R()}else g("highlighted",null)})),l.watch(l.toRef(e,"menuItems"),t=>q(this,null,function*(){t.length<p.length&&(p.length=t.length),e.expanded&&(yield R())}),{deep:!0});const W=l.computed(()=>({"max-height":S.value?"".concat(S.value,"px"):void 0,"margin-bottom":K.value?"".concat(K.value,"px"):void 0})),Q=l.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:j,rootStyle:G,otherAttrs:J}=ue(B,Q);return{listBoxStyle:W,rootClasses:j,rootStyle:G,otherAttrs:J,assignTemplateRef:O,computedMenuItems:d,computedShowNoResultsSlot:x,highlightedMenuItem:r,highlightedViaKeyboard:f,activeMenuItem:i,handleMenuItemChange:g,handleKeyNavigation:F,ariaRelevant:b}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:a=!0,characterNavigation:u=!1}={}){return this.handleKeyNavigation(e,{prevent:a,characterNavigation:u})}}});const se=["aria-live","aria-relevant"],de={key:0,class:"cdx-menu__pending cdx-menu-item"},ce={key:1,class:"cdx-menu__no-results cdx-menu-item"};function he(e,a,u,B,d,x){const r=l.resolveComponent("cdx-menu-item"),f=l.resolveComponent("cdx-progress-bar");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["cdx-menu",e.rootClasses]),style:l.normalizeStyle(e.rootStyle)},[l.createElementVNode("ul",l.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(l.openBlock(),l.createElementBlock("li",de,[l.renderSlot(e.$slots,"pending")])):l.createCommentVNode("",!0),e.computedShowNoResultsSlot?(l.openBlock(),l.createElementBlock("li",ce,[l.renderSlot(e.$slots,"no-results")])):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.computedMenuItems,(i,b)=>{var c,m;return l.openBlock(),l.createBlock(r,l.mergeProps({key:i.value,ref_for:!0,ref:v=>e.assignTemplateRef(v,b)},i,{selected:i.value===e.selected,active:i.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:i.value===((m=e.highlightedMenuItem)==null?void 0:m.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(v,k)=>e.handleMenuItemChange(v,k?i:null),onClick:v=>e.$emit("menu-item-click",i)}),{default:l.withCtx(()=>{var v,k;return[l.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((v=e.activeMenuItem)==null?void 0:v.value)&&i.value===((k=e.highlightedMenuItem)==null?void 0:k.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(l.openBlock(),l.createBlock(f,{key:2,class:"cdx-menu__progress-bar",inline:!0})):l.createCommentVNode("",!0)],16,se)],6)),[[l.vShow,e.expanded]])}const fe=re._export_sfc(oe,[["render",he]]);module.exports=fe; diff --git a/resources/lib/codex/modules/CdxMenu.js b/resources/lib/codex/modules/CdxMenu.js deleted file mode 100644 index 9d48a465c3a4..000000000000 --- a/resources/lib/codex/modules/CdxMenu.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var H=(e,a,u)=>a in e?X(e,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):e[a]=u,P=(e,a)=>{for(var u in a||(a={}))ee.call(a,u)&&H(e,u,a[u]);if(_)for(var u of _(a))te.call(a,u)&&H(e,u,a[u]);return e},A=(e,a)=>Y(e,Z(a));var q=(e,a,u)=>new Promise((B,d)=>{var x=i=>{try{h(u.next(i))}catch(b){d(b)}},r=i=>{try{h(u.throw(i))}catch(b){d(b)}},h=i=>i.done?B(i.value):Promise.resolve(i.value).then(x,r);h((u=u.apply(e,a)).next())});const l=require("vue"),le=require("./CdxMenuItem.js"),ne=require("./CdxProgressBar.js"),ae=require("./useGeneratedId.js"),ie=require("./useIntersectionObserver.js"),ue=require("./useSplitAttributes.js"),re=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./CdxThumbnail.js");require("./CdxSearchResultTitle.js");require("./useWarnOnce.js");const oe=l.defineComponent({name:"CdxMenu",components:{CdxMenuItem:le,CdxProgressBar:ne},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:a,slots:u,attrs:B}){const d=l.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(n=>A(P({},n),{id:ae("menu-item")}))),x=l.computed(()=>u["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:d.value.length===0:!1),r=l.ref(null),h=l.ref(!1),i=l.ref(null),b="additions removals";let c="",m=null;function v(){c="",m!==null&&(clearTimeout(m),m=null)}function k(){m!==null&&clearTimeout(m),m=setTimeout(v,1500)}function C(){var t;return(t=d.value.find(n=>n.value===e.selected))!=null?t:null}function g(t,n){var o;if(!(n&&n.disabled))switch(t){case"selected":a("update:selected",(o=n==null?void 0:n.value)!=null?o:null),a("update:expanded",!1),i.value=null;break;case"highlighted":r.value=n!=null?n:null,h.value=!1;break;case"highlightedViaKeyboard":r.value=n!=null?n:null,h.value=!0;break;case"active":i.value=n!=null?n:null;break}}const y=l.computed(()=>{if(r.value!==null)return d.value.findIndex(t=>t.value===r.value.value)});function T(t){t&&(g("highlightedViaKeyboard",t),a("menu-item-keyboard-navigation",t))}function N(t){var s;const n=M=>{for(let f=M-1;f>=0;f--)if(!d.value[f].disabled)return d.value[f]};t=t!=null?t:d.value.length;const o=(s=n(t))!=null?s:n(d.value.length);T(o)}function E(t){var s;const n=M=>d.value.find((f,V)=>!f.disabled&&V>M);t=t!=null?t:-1;const o=(s=n(t))!=null?s:n(-1);T(o)}function D(t){if(t.key==="Clear")return v(),!0;if(t.key==="Backspace")return c=c.slice(0,-1),k(),!0;if(t.key.length===1&&!t.metaKey&&!t.ctrlKey&&!t.altKey){if(e.expanded||a("update:expanded",!0),t.key===" "&&c.length<1)return!1;c+=t.key.toLowerCase();const n=c.length>1&&c.split("").every(f=>f===c[0]);let o=d.value,s=c;n&&y.value!==void 0&&(o=o.slice(y.value+1).concat(o.slice(0,y.value)),s=c[0]);const M=o.find(f=>{var V;return!f.disabled&&String((V=f.label)!=null?V:f.value).toLowerCase().startsWith(s)});return M&&(g("highlightedViaKeyboard",M),w()),k(),!0}return!1}function F(t,{prevent:n=!0,characterNavigation:o=!1}={}){if(o){if(D(t))return t.preventDefault(),!0;v()}function s(){n&&(t.preventDefault(),t.stopPropagation())}switch(t.key){case"Enter":case" ":return s(),e.expanded?(r.value&&h.value&&a("update:selected",r.value.value),a("update:expanded",!1)):a("update:expanded",!0),!0;case"Tab":return e.expanded&&(r.value&&h.value&&a("update:selected",r.value.value),a("update:expanded",!1)),!0;case"ArrowUp":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),N(y.value)):a("update:expanded",!0),w(),!0;case"ArrowDown":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),E(y.value)):a("update:expanded",!0),w(),!0;case"Home":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),E()):a("update:expanded",!0),w(),!0;case"End":return s(),e.expanded?(r.value===null&&g("highlightedViaKeyboard",C()),N()):a("update:expanded",!0),w(),!0;case"Escape":return s(),a("update:expanded",!1),!0;default:return!1}}function L(){g("active",null)}const p=[],$=l.ref(void 0),I=ie($,{threshold:.8});l.watch(I,t=>{t&&a("load-more")});function O(t,n){if(t){p[n]=t.$el;const o=e.visibleItemLimit;if(!o||e.menuItems.length<o)return;const s=Math.min(o,Math.max(2,Math.floor(.2*e.menuItems.length)));n===e.menuItems.length-s&&($.value=t.$el)}}function w(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||y.value===void 0)return;const t=y.value>=0?y.value:0;p[t].scrollIntoView({behavior:"smooth",block:"nearest"})}const S=l.ref(null),K=l.ref(null);function R(){return q(this,null,function*(){yield l.nextTick(),z(),U(),yield l.nextTick(),w()})}function z(){if(e.footer){const t=p[p.length-1];K.value=t.scrollHeight}else K.value=null}function U(){if(!e.visibleItemLimit||p.length<=e.visibleItemLimit){S.value=null;return}const t=p[0].getBoundingClientRect().top,n=p[e.visibleItemLimit].getBoundingClientRect().top;S.value=n-t+2}l.onMounted(()=>{document.addEventListener("mouseup",L)}),l.onUnmounted(()=>{document.removeEventListener("mouseup",L)}),l.watch(l.toRef(e,"expanded"),t=>q(this,null,function*(){if(t){const n=C();n&&!r.value&&g("highlighted",n),yield R()}else g("highlighted",null)})),l.watch(l.toRef(e,"menuItems"),t=>q(this,null,function*(){t.length<p.length&&(p.length=t.length),e.expanded&&(yield R())}),{deep:!0});const W=l.computed(()=>({"max-height":S.value?"".concat(S.value,"px"):void 0,"margin-bottom":K.value?"".concat(K.value,"px"):void 0})),Q=l.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:j,rootStyle:G,otherAttrs:J}=ue(B,Q);return{listBoxStyle:W,rootClasses:j,rootStyle:G,otherAttrs:J,assignTemplateRef:O,computedMenuItems:d,computedShowNoResultsSlot:x,highlightedMenuItem:r,highlightedViaKeyboard:h,activeMenuItem:i,handleMenuItemChange:g,handleKeyNavigation:F,ariaRelevant:b}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:a=!0,characterNavigation:u=!1}={}){return this.handleKeyNavigation(e,{prevent:a,characterNavigation:u})}}});const se=["aria-live","aria-relevant"],de={key:0,class:"cdx-menu__pending cdx-menu-item"},ce={key:1,class:"cdx-menu__no-results cdx-menu-item"};function fe(e,a,u,B,d,x){const r=l.resolveComponent("cdx-menu-item"),h=l.resolveComponent("cdx-progress-bar");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["cdx-menu",e.rootClasses]),style:l.normalizeStyle(e.rootStyle)},[l.createElementVNode("ul",l.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(l.openBlock(),l.createElementBlock("li",de,[l.renderSlot(e.$slots,"pending")])):l.createCommentVNode("v-if",!0),e.computedShowNoResultsSlot?(l.openBlock(),l.createElementBlock("li",ce,[l.renderSlot(e.$slots,"no-results")])):l.createCommentVNode("v-if",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.computedMenuItems,(i,b)=>{var c,m;return l.openBlock(),l.createBlock(r,l.mergeProps({key:i.value,ref_for:!0,ref:v=>e.assignTemplateRef(v,b)},i,{selected:i.value===e.selected,active:i.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:i.value===((m=e.highlightedMenuItem)==null?void 0:m.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,onChange:(v,k)=>e.handleMenuItemChange(v,k?i:null),onClick:v=>e.$emit("menu-item-click",i)}),{default:l.withCtx(()=>{var v,k;return[l.renderSlot(e.$slots,"default",{menuItem:i,active:i.value===((v=e.activeMenuItem)==null?void 0:v.value)&&i.value===((k=e.highlightedMenuItem)==null?void 0:k.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","onChange","onClick"])}),128)),e.showPending?(l.openBlock(),l.createBlock(h,{key:2,class:"cdx-menu__progress-bar",inline:!0})):l.createCommentVNode("v-if",!0)],16,se)],6)),[[l.vShow,e.expanded]])}const he=re._export_sfc(oe,[["render",fe]]);module.exports=he; diff --git a/resources/lib/codex/modules/CdxMenuItem.cjs b/resources/lib/codex/modules/CdxMenuItem.cjs new file mode 100644 index 000000000000..c8b3f00b6ef9 --- /dev/null +++ b/resources/lib/codex/modules/CdxMenuItem.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),y=require("./Icon.js"),f=require("./CdxThumbnail.cjs"),b=require("./CdxSearchResultTitle.cjs"),k=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");const B=e.defineComponent({name:"CdxMenuItem",components:{CdxIcon:y.CdxIcon,CdxThumbnail:f,CdxSearchResultTitle:b},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(t,{emit:n})=>{const r=()=>{t.highlighted||n("change","highlighted",!0)},s=()=>{n("change","highlighted",!1)},d=i=>{i.button===0&&n("change","active",!0)},c=()=>{n("change","selected",!0)},o=e.computed(()=>t.searchQuery.length>0),u=e.computed(()=>({"cdx-menu-item--selected":t.selected,"cdx-menu-item--active":t.active&&t.highlighted,"cdx-menu-item--highlighted":t.highlighted,"cdx-menu-item--enabled":!t.disabled,"cdx-menu-item--disabled":t.disabled,"cdx-menu-item--highlight-query":o.value,"cdx-menu-item--bold-label":t.boldLabel,"cdx-menu-item--has-description":!!t.description,"cdx-menu-item--hide-description-overflow":t.hideDescriptionOverflow})),a=e.computed(()=>t.url?"a":"span"),l=e.computed(()=>t.label||String(t.value));return{onMouseMove:r,onMouseLeave:s,onMouseDown:d,onClick:c,highlightQuery:o,rootClasses:u,contentTag:a,title:l}}});const v=["id","aria-disabled","aria-selected"],C={class:"cdx-menu-item__text"},M=["lang"],S=["lang"],_=["lang"],q=["lang"];function N(t,n,r,s,d,c){const o=e.resolveComponent("cdx-thumbnail"),u=e.resolveComponent("cdx-icon"),a=e.resolveComponent("cdx-search-result-title");return e.openBlock(),e.createElementBlock("li",{id:t.id,role:"option",class:e.normalizeClass(["cdx-menu-item",t.rootClasses]),"aria-disabled":t.disabled,"aria-selected":t.selected,onMousemove:n[0]||(n[0]=(...l)=>t.onMouseMove&&t.onMouseMove(...l)),onMouseleave:n[1]||(n[1]=(...l)=>t.onMouseLeave&&t.onMouseLeave(...l)),onMousedown:n[2]||(n[2]=e.withModifiers((...l)=>t.onMouseDown&&t.onMouseDown(...l),["prevent"])),onClick:n[3]||(n[3]=(...l)=>t.onClick&&t.onClick(...l))},[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.contentTag),{href:t.url?t.url:void 0,class:"cdx-menu-item__content"},{default:e.withCtx(()=>{var l,i,m,g,h,p;return[t.showThumbnail?(e.openBlock(),e.createBlock(o,{key:0,thumbnail:t.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):t.icon?(e.openBlock(),e.createBlock(u,{key:1,icon:t.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",C,[t.highlightQuery?(e.openBlock(),e.createBlock(a,{key:0,title:t.title,"search-query":t.searchQuery,lang:(l=t.language)==null?void 0:l.label},null,8,["title","search-query","lang"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(i=t.language)==null?void 0:i.label},[e.createElementVNode("bdi",null,e.toDisplayString(t.title),1)],8,M)),t.match?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(" ")+" "),t.highlightQuery?(e.openBlock(),e.createBlock(a,{key:0,title:t.match,"search-query":t.searchQuery,lang:(m=t.language)==null?void 0:m.match},null,8,["title","search-query","lang"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=t.language)==null?void 0:g.match},[e.createElementVNode("bdi",null,e.toDisplayString(t.match),1)],8,S))],64)):e.createCommentVNode("",!0),t.supportingText?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(" ")+" "),e.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(h=t.language)==null?void 0:h.supportingText},[e.createElementVNode("bdi",null,e.toDisplayString(t.supportingText),1)],8,_)],64)):e.createCommentVNode("",!0),t.description?(e.openBlock(),e.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(p=t.language)==null?void 0:p.description},[e.createElementVNode("bdi",null,e.toDisplayString(t.description),1)],8,q)):e.createCommentVNode("",!0)])]}),_:1},8,["href"]))])],42,v)}const V=k._export_sfc(B,[["render",N]]);module.exports=V; diff --git a/resources/lib/codex/modules/CdxMenuItem.js b/resources/lib/codex/modules/CdxMenuItem.js deleted file mode 100644 index 34d31a34ce5f..000000000000 --- a/resources/lib/codex/modules/CdxMenuItem.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),y=require("./Icon.js"),f=require("./CdxThumbnail.js"),b=require("./CdxSearchResultTitle.js"),k=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");const v=e.defineComponent({name:"CdxMenuItem",components:{CdxIcon:y.CdxIcon,CdxThumbnail:f,CdxSearchResultTitle:b},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})}},emits:["change"],setup:(t,{emit:n})=>{const r=()=>{t.highlighted||n("change","highlighted",!0)},s=()=>{n("change","highlighted",!1)},d=a=>{a.button===0&&n("change","active",!0)},c=()=>{n("change","selected",!0)},o=e.computed(()=>t.searchQuery.length>0),u=e.computed(()=>({"cdx-menu-item--selected":t.selected,"cdx-menu-item--active":t.active&&t.highlighted,"cdx-menu-item--highlighted":t.highlighted,"cdx-menu-item--enabled":!t.disabled,"cdx-menu-item--disabled":t.disabled,"cdx-menu-item--highlight-query":o.value,"cdx-menu-item--bold-label":t.boldLabel,"cdx-menu-item--has-description":!!t.description,"cdx-menu-item--hide-description-overflow":t.hideDescriptionOverflow})),i=e.computed(()=>t.url?"a":"span"),l=e.computed(()=>t.label||String(t.value));return{onMouseMove:r,onMouseLeave:s,onMouseDown:d,onClick:c,highlightQuery:o,rootClasses:u,contentTag:i,title:l}}});const B=["id","aria-disabled","aria-selected"],C={class:"cdx-menu-item__text"},M=["lang"],S=["lang"],_=["lang"],q=["lang"];function N(t,n,r,s,d,c){const o=e.resolveComponent("cdx-thumbnail"),u=e.resolveComponent("cdx-icon"),i=e.resolveComponent("cdx-search-result-title");return e.openBlock(),e.createElementBlock("li",{id:t.id,role:"option",class:e.normalizeClass(["cdx-menu-item",t.rootClasses]),"aria-disabled":t.disabled,"aria-selected":t.selected,onMousemove:n[0]||(n[0]=(...l)=>t.onMouseMove&&t.onMouseMove(...l)),onMouseleave:n[1]||(n[1]=(...l)=>t.onMouseLeave&&t.onMouseLeave(...l)),onMousedown:n[2]||(n[2]=e.withModifiers((...l)=>t.onMouseDown&&t.onMouseDown(...l),["prevent"])),onClick:n[3]||(n[3]=(...l)=>t.onClick&&t.onClick(...l))},[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.contentTag),{href:t.url?t.url:void 0,class:"cdx-menu-item__content"},{default:e.withCtx(()=>{var l,a,m,g,h,p;return[t.showThumbnail?(e.openBlock(),e.createBlock(o,{key:0,thumbnail:t.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):t.icon?(e.openBlock(),e.createBlock(u,{key:1,icon:t.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):e.createCommentVNode("v-if",!0),e.createElementVNode("span",C,[t.highlightQuery?(e.openBlock(),e.createBlock(i,{key:0,title:t.title,"search-query":t.searchQuery,lang:(l=t.language)==null?void 0:l.label},null,8,["title","search-query","lang"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(a=t.language)==null?void 0:a.label},[e.createElementVNode("bdi",null,e.toDisplayString(t.title),1)],8,M)),t.match?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(" ")+" "),t.highlightQuery?(e.openBlock(),e.createBlock(i,{key:0,title:t.match,"search-query":t.searchQuery,lang:(m=t.language)==null?void 0:m.match},null,8,["title","search-query","lang"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(g=t.language)==null?void 0:g.match},[e.createElementVNode("bdi",null,e.toDisplayString(t.match),1)],8,S))],64)):e.createCommentVNode("v-if",!0),t.supportingText?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(" ")+" "),e.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(h=t.language)==null?void 0:h.supportingText},[e.createElementVNode("bdi",null,e.toDisplayString(t.supportingText),1)],8,_)],64)):e.createCommentVNode("v-if",!0),t.description?(e.openBlock(),e.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(p=t.language)==null?void 0:p.description},[e.createElementVNode("bdi",null,e.toDisplayString(t.description),1)],8,q)):e.createCommentVNode("v-if",!0)])]}),_:1},8,["href"]))])],42,B)}const V=k._export_sfc(v,[["render",N]]);module.exports=V; diff --git a/resources/lib/codex/modules/CdxMessage.cjs b/resources/lib/codex/modules/CdxMessage.cjs new file mode 100644 index 000000000000..747852fd764f --- /dev/null +++ b/resources/lib/codex/modules/CdxMessage.cjs @@ -0,0 +1 @@ +"use strict";const s=require("vue"),t=require("./Icon.js"),m=require("./CdxButton.cjs"),f=require("./constants.js"),v=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");const p={notice:t.J4,error:t.z4,warning:t.m3,success:t.E7},y=s.defineComponent({name:"CdxMessage",components:{CdxButton:m,CdxIcon:t.CdxIcon},props:{type:{type:String,default:"notice",validator:f.statusTypeValidator},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:o}){const i=s.ref(!1),l=s.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),r=s.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),u=s.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),n=s.computed(()=>e.icon&&e.type==="notice"?e.icon:p[e.type]),a=s.ref("");function c(d){i.value||(a.value=d==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",i.value=!0,o(d))}return s.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?s.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>c("auto-dismissed"),r.value)}),{dismissed:i,userDismissable:l,rootClasses:u,leaveActiveClass:a,computedIcon:n,onDismiss:c,cdxIconClose:t.j3}}});const g=["aria-live","role"],C={class:"cdx-message__content"};function b(e,o,i,l,r,u){const n=s.resolveComponent("cdx-icon"),a=s.resolveComponent("cdx-button");return s.openBlock(),s.createBlock(s.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:s.withCtx(()=>[e.dismissed?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[s.createVNode(n,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),s.createElementVNode("div",C,[s.renderSlot(e.$slots,"default")]),e.userDismissable?(s.openBlock(),s.createBlock(a,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:o[0]||(o[0]=c=>e.onDismiss("user-dismissed"))},{default:s.withCtx(()=>[s.createVNode(n,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):s.createCommentVNode("",!0)],10,g))]),_:3},8,["appear","leave-active-class"])}const _=v._export_sfc(y,[["render",b]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxMessage.js b/resources/lib/codex/modules/CdxMessage.js deleted file mode 100644 index b7aa0bb06655..000000000000 --- a/resources/lib/codex/modules/CdxMessage.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const s=require("vue"),t=require("./Icon.js"),m=require("./CdxButton.js"),f=require("./constants.js"),v=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");const p={notice:t.J4,error:t.z4,warning:t.m3,success:t.E7},y=s.defineComponent({name:"CdxMessage",components:{CdxButton:m,CdxIcon:t.CdxIcon},props:{type:{type:String,default:"notice",validator:f.statusTypeValidator},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},dismissButtonLabel:{type:String,default:""},autoDismiss:{type:[Boolean,Number],default:!1,validator:e=>typeof e=="boolean"||typeof e=="number"&&e>0}},emits:["user-dismissed","auto-dismissed"],setup(e,{emit:i}){const o=s.ref(!1),l=s.computed(()=>e.inline===!1&&e.dismissButtonLabel.length>0),r=s.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),u=s.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),n=s.computed(()=>e.icon&&e.type==="notice"?e.icon:p[e.type]),a=s.ref("");function c(d){o.value||(a.value=d==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,i(d))}return s.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?s.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>c("auto-dismissed"),r.value)}),{dismissed:o,userDismissable:l,rootClasses:u,leaveActiveClass:a,computedIcon:n,onDismiss:c,cdxIconClose:t.j3}}});const g=["aria-live","role"],C={class:"cdx-message__content"};function b(e,i,o,l,r,u){const n=s.resolveComponent("cdx-icon"),a=s.resolveComponent("cdx-button");return s.openBlock(),s.createBlock(s.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:s.withCtx(()=>[e.dismissed?s.createCommentVNode("v-if",!0):(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[s.createVNode(n,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),s.createElementVNode("div",C,[s.renderSlot(e.$slots,"default")]),e.userDismissable?(s.openBlock(),s.createBlock(a,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.dismissButtonLabel,onClick:i[0]||(i[0]=c=>e.onDismiss("user-dismissed"))},{default:s.withCtx(()=>[s.createVNode(n,{icon:e.cdxIconClose,"icon-label":e.dismissButtonLabel},null,8,["icon","icon-label"])]),_:1},8,["aria-label"])):s.createCommentVNode("v-if",!0)],10,g))]),_:3},8,["appear","leave-active-class"])}const _=v._export_sfc(y,[["render",b]]);module.exports=_; diff --git a/resources/lib/codex/modules/CdxProgressBar.cjs b/resources/lib/codex/modules/CdxProgressBar.cjs new file mode 100644 index 000000000000..97c07dfb8631 --- /dev/null +++ b/resources/lib/codex/modules/CdxProgressBar.cjs @@ -0,0 +1 @@ +"use strict";const r=require("vue"),n=require("./useWarnOnce.cjs"),d=require("./_plugin-vue_export-helper.js"),i=r.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:s}){n(()=>!e.inline&&!s["aria-label"]&&!s["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const a=r.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),o=r.computed(()=>e.inline?"true":void 0);return{rootClasses:a,computedAriaHidden:o}}});const t=["aria-hidden","aria-disabled"],l=r.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1),c=[l];function u(e,s,a,o,_,p){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},c,10,t)}const b=d._export_sfc(i,[["render",u]]);module.exports=b; diff --git a/resources/lib/codex/modules/CdxProgressBar.js b/resources/lib/codex/modules/CdxProgressBar.js deleted file mode 100644 index 443b02fbd51b..000000000000 --- a/resources/lib/codex/modules/CdxProgressBar.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const r=require("vue"),n=require("./useWarnOnce.js"),d=require("./_plugin-vue_export-helper.js"),i=r.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:s}){n(()=>!e.inline&&!s["aria-label"]&&!s["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const a=r.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),o=r.computed(()=>e.inline?"true":void 0);return{rootClasses:a,computedAriaHidden:o}}});const t=["aria-hidden","aria-disabled"],l=r.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1),c=[l];function u(e,s,a,o,_,p){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},c,10,t)}const b=d._export_sfc(i,[["render",u]]);module.exports=b; diff --git a/resources/lib/codex/modules/CdxRadio-legacy-rtl.css b/resources/lib/codex/modules/CdxRadio-legacy-rtl.css index 1ecb4453abe4..d5e6ac861e59 100644 --- a/resources/lib/codex/modules/CdxRadio-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxRadio-legacy-rtl.css @@ -1 +1 @@ -.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio .cdx-radio__label.cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} +.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;left:-.2857143em;bottom:-.2857143em;right:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} diff --git a/resources/lib/codex/modules/CdxRadio-legacy.css b/resources/lib/codex/modules/CdxRadio-legacy.css index d8f9be934a62..db34c17f63b2 100644 --- a/resources/lib/codex/modules/CdxRadio-legacy.css +++ b/resources/lib/codex/modules/CdxRadio-legacy.css @@ -1 +1 @@ -.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio .cdx-radio__label.cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} +.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.4285714em + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.2857143em;right:-.2857143em;bottom:-.2857143em;left:-.2857143em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} diff --git a/resources/lib/codex/modules/CdxRadio-rtl.css b/resources/lib/codex/modules/CdxRadio-rtl.css index 2fd6c090c2ac..0b568cf6e849 100644 --- a/resources/lib/codex/modules/CdxRadio-rtl.css +++ b/resources/lib/codex/modules/CdxRadio-rtl.css @@ -1 +1 @@ -.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio .cdx-radio__label.cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} +.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;left:-.25em;bottom:-.25em;right:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} diff --git a/resources/lib/codex/modules/CdxRadio.cjs b/resources/lib/codex/modules/CdxRadio.cjs new file mode 100644 index 000000000000..9ef87c872d6e --- /dev/null +++ b/resources/lib/codex/modules/CdxRadio.cjs @@ -0,0 +1 @@ +"use strict";const o=require("vue"),f=require("./CdxLabel.cjs"),b=require("./useLabelChecker.js"),q=require("./useModelWrapper.cjs"),u=require("./useGeneratedId.cjs"),C=require("./useFieldData.cjs"),$=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");require("./useSplitAttributes.cjs");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDisabled.cjs");const v=o.defineComponent({name:"CdxRadio",components:{CdxLabel:f},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:i,slots:d,attrs:t}){var a;b.useLabelChecker((a=d.default)==null?void 0:a.call(d),t,"CdxRadio");const s=o.computed(()=>({"cdx-radio--inline":e.inline})),{computedDisabled:l}=C(o.toRef(e,"disabled")),n=o.ref(),r=u("radio"),p=u("description"),c=()=>{n.value.focus()},m=q(o.toRef(e,"modelValue"),i);return{rootClasses:s,computedDisabled:l,input:n,radioId:r,descriptionId:p,focusInput:c,wrappedModel:m}}});const y=["id","aria-describedby","name","value","disabled"],h=o.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function k(e,i,d,t,s,l){const n=o.resolveComponent("cdx-label");return o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(["cdx-radio",e.rootClasses])},[o.withDirectives(o.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":i[0]||(i[0]=r=>e.wrappedModel=r),class:"cdx-radio__input",type:"radio","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,name:e.name,value:e.inputValue,disabled:e.computedDisabled},null,8,y),[[o.vModelRadio,e.wrappedModel]]),h,e.$slots.default&&e.$slots.default().length?(o.openBlock(),o.createBlock(n,{key:0,class:"cdx-radio__label","input-id":e.radioId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,onClick:e.focusInput},o.createSlots({default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):o.createCommentVNode("",!0)],2)}const V=$._export_sfc(v,[["render",k]]);module.exports=V; diff --git a/resources/lib/codex/modules/CdxRadio.css b/resources/lib/codex/modules/CdxRadio.css index a0054b95ff5a..f68cfa67354b 100644 --- a/resources/lib/codex/modules/CdxRadio.css +++ b/resources/lib/codex/modules/CdxRadio.css @@ -1 +1 @@ -.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio .cdx-radio__label.cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} +.cdx-radio{position:relative}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25em + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:#fff;position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25em;height:1.25em;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25em;height:1.25em;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;border:1px solid transparent;border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:#72777d}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:#36c;box-shadow:inset 0 0 0 1px #36c}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:#36c}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:#447ff5}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:#fff}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:#fff;border-color:#2a4b8d}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:#2a4b8d}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:#72777d}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:#c8ccd1;border-color:#c8ccd1}.cdx-radio__input:disabled:checked+.cdx-radio__icon{border-width:6px} diff --git a/resources/lib/codex/modules/CdxRadio.js b/resources/lib/codex/modules/CdxRadio.js deleted file mode 100644 index 2376e46d2446..000000000000 --- a/resources/lib/codex/modules/CdxRadio.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const o=require("vue"),f=require("./CdxLabel.js"),b=require("./useLabelChecker.js"),q=require("./useModelWrapper.js"),u=require("./useGeneratedId.js"),C=require("./useFieldData.js"),$=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./useSplitAttributes.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDisabled.js");const v=o.defineComponent({name:"CdxRadio",components:{CdxLabel:f},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:i,slots:d,attrs:t}){var a;b.useLabelChecker((a=d.default)==null?void 0:a.call(d),t,"CdxRadio");const s=o.computed(()=>({"cdx-radio--inline":e.inline})),{computedDisabled:l}=C(o.toRef(e,"disabled")),n=o.ref(),r=u("radio"),p=u("description"),c=()=>{n.value.focus()},m=q(o.toRef(e,"modelValue"),i);return{rootClasses:s,computedDisabled:l,input:n,radioId:r,descriptionId:p,focusInput:c,wrappedModel:m}}});const y=["id","aria-describedby","name","value","disabled"],h=o.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function k(e,i,d,t,s,l){const n=o.resolveComponent("cdx-label");return o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(["cdx-radio",e.rootClasses])},[o.withDirectives(o.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":i[0]||(i[0]=r=>e.wrappedModel=r),class:"cdx-radio__input",type:"radio","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,name:e.name,value:e.inputValue,disabled:e.computedDisabled},null,8,y),[[o.vModelRadio,e.wrappedModel]]),h,e.$slots.default&&e.$slots.default().length?(o.openBlock(),o.createBlock(n,{key:0,class:"cdx-radio__label","input-id":e.radioId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,onClick:e.focusInput},o.createSlots({default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):o.createCommentVNode("v-if",!0)],2)}const V=$._export_sfc(v,[["render",k]]);module.exports=V; diff --git a/resources/lib/codex/modules/CdxSearchInput.cjs b/resources/lib/codex/modules/CdxSearchInput.cjs new file mode 100644 index 000000000000..e1c5f8738f12 --- /dev/null +++ b/resources/lib/codex/modules/CdxSearchInput.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),p=require("./Icon.js"),c=require("./CdxButton.cjs"),m=require("./CdxTextInput.cjs"),b=require("./useModelWrapper.cjs"),f=require("./useSplitAttributes.cjs"),h=require("./useFieldData.cjs"),d=require("./constants.js"),y=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDisabled.cjs");const S=d.makeStringTypeValidator(d.ValidationStatusTypes),C=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:c,CdxTextInput:m},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:S}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:a}){const s=b(t.toRef(e,"modelValue"),n),{computedDisabled:l}=h(t.toRef(e,"disabled")),i=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:u,otherAttrs:o}=f(a,i);return{wrappedModel:s,computedDisabled:l,rootClasses:r,rootStyle:u,otherAttrs:o,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:p.L7}},methods:{focus(){this.$refs.textInput.focus()}}});const q={class:"cdx-search-input__input-wrapper"};function V(e,n,a,s,l,i){const r=t.resolveComponent("cdx-text-input"),u=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",q,[t.createVNode(r,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=o=>e.$emit("input",o)),onChange:n[2]||(n[2]=o=>e.$emit("change",o)),onFocus:n[3]||(n[3]=o=>e.$emit("focus",o)),onBlur:n[4]||(n[4]=o=>e.$emit("blur",o))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(u,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("",!0)],6)}const I=y._export_sfc(C,[["render",V]]);module.exports=I; diff --git a/resources/lib/codex/modules/CdxSearchInput.js b/resources/lib/codex/modules/CdxSearchInput.js deleted file mode 100644 index 9ae6481b1c4e..000000000000 --- a/resources/lib/codex/modules/CdxSearchInput.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),p=require("./Icon.js"),c=require("./CdxButton.js"),m=require("./CdxTextInput.js"),b=require("./useModelWrapper.js"),f=require("./useSplitAttributes.js"),h=require("./useFieldData.js"),d=require("./constants.js"),y=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDisabled.js");const S=d.makeStringTypeValidator(d.ValidationStatusTypes),C=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:c,CdxTextInput:m},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:S}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:a}){const s=b(t.toRef(e,"modelValue"),n),{computedDisabled:l}=h(t.toRef(e,"disabled")),i=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:u,otherAttrs:o}=f(a,i);return{wrappedModel:s,computedDisabled:l,rootClasses:r,rootStyle:u,otherAttrs:o,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:p.L7}},methods:{focus(){this.$refs.textInput.focus()}}});const q={class:"cdx-search-input__input-wrapper"};function V(e,n,a,s,l,i){const r=t.resolveComponent("cdx-text-input"),u=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",q,[t.createVNode(r,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=o=>e.$emit("input",o)),onChange:n[2]||(n[2]=o=>e.$emit("change",o)),onFocus:n[3]||(n[3]=o=>e.$emit("focus",o)),onBlur:n[4]||(n[4]=o=>e.$emit("blur",o))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(u,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const I=y._export_sfc(C,[["render",V]]);module.exports=I; diff --git a/resources/lib/codex/modules/CdxSearchResultTitle.js b/resources/lib/codex/modules/CdxSearchResultTitle.cjs index a9051a681098..a9051a681098 100644 --- a/resources/lib/codex/modules/CdxSearchResultTitle.js +++ b/resources/lib/codex/modules/CdxSearchResultTitle.cjs diff --git a/resources/lib/codex/modules/CdxSelect.cjs b/resources/lib/codex/modules/CdxSelect.cjs new file mode 100644 index 000000000000..b89dc30bc86d --- /dev/null +++ b/resources/lib/codex/modules/CdxSelect.cjs @@ -0,0 +1 @@ +"use strict";var y=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var b=(e,n)=>{var a={};for(var o in e)K.call(e,o)&&n.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&y)for(var o of y(e))n.indexOf(o)<0&&w.call(e,o)&&(a[o]=e[o]);return a};const t=require("vue"),g=require("./Icon.js"),D=require("./CdxMenu.cjs"),q=require("./useGeneratedId.cjs"),H=require("./useModelWrapper.cjs"),W=require("./useFieldData.cjs"),j=require("./useSplitAttributes.cjs"),F=require("./useFloatingMenu.cjs"),p=require("./constants.js"),R=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./CdxMenuItem.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useWarnOnce.cjs");require("./useIntersectionObserver.cjs");require("./useComputedDisabled.cjs");const T=p.makeStringTypeValidator(p.ValidationStatusTypes),z=t.defineComponent({name:"CdxSelect",components:{CdxIcon:g.CdxIcon,CdxMenu:D},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:T}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:a}){const o=t.ref(),i=t.ref(),v=t.inject(p.FieldDescriptionIdKey,void 0),m=q("select-menu"),u=t.ref(!1),r=a.id||q("select-handle"),{computedDisabled:c,computedStatus:C,computedInputId:S}=W(t.toRef(e,"disabled"),t.toRef(e,"status"),r),h=H(t.toRef(e,"selected"),n,"update:selected"),l=t.computed(()=>e.menuItems.find(d=>d.value===e.selected)),x=t.computed(()=>{var d;return l.value?(d=l.value.label)!=null?d:l.value.value:e.defaultLabel}),f=t.computed(()=>{var d;if(e.defaultIcon&&!l.value)return e.defaultIcon;if((d=l.value)!=null&&d.icon)return l.value.icon}),k=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":u.value,"cdx-select-vue--value-selected":!!l.value,"cdx-select-vue--no-selections":!l.value,"cdx-select-vue--has-start-icon":!!f.value,["cdx-select-vue--status-".concat(C.value)]:!0})),{rootClasses:M,rootStyle:B,otherAttrs:V}=j(a,k),$=t.computed(()=>{const I=V.value,{id:d}=I;return b(I,["id"])}),N=t.computed(()=>{var d,s;return(s=(d=i.value)==null?void 0:d.getHighlightedMenuItem())==null?void 0:s.id});function L(){u.value=!1}function A(){var d;c.value||(u.value=!u.value,(d=o.value)==null||d.focus())}function E(d){var s;c.value||(s=i.value)==null||s.delegateKeyNavigation(d,{characterNavigation:!0})}return F(o,i),{handle:o,menu:i,computedHandleId:S,descriptionId:v,menuId:m,modelWrapper:h,selectedMenuItem:l,highlightedId:N,expanded:u,computedDisabled:c,onBlur:L,currentLabel:x,rootClasses:M,rootStyle:B,otherAttrsMinusId:$,onClick:A,onKeydown:E,startIcon:f,cdxIconExpand:g.p4}}});const O=["aria-disabled"],P=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function U(e,n,a,o,i,v){const m=t.resolveComponent("cdx-icon"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...r)=>e.onClick&&e.onClick(...r)),onBlur:n[1]||(n[1]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[2]||(n[2]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(m,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),t.createVNode(m,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,P),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=r=>e.modelWrapper=r),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=r=>e.expanded=r),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=r=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:r})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:r})]),_:3},16,["id","selected","expanded","menu-items"])],14,O)}const G=R._export_sfc(z,[["render",U]]);module.exports=G; diff --git a/resources/lib/codex/modules/CdxSelect.js b/resources/lib/codex/modules/CdxSelect.js deleted file mode 100644 index 9854e6093543..000000000000 --- a/resources/lib/codex/modules/CdxSelect.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var y=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var b=(e,n)=>{var a={};for(var o in e)K.call(e,o)&&n.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&y)for(var o of y(e))n.indexOf(o)<0&&w.call(e,o)&&(a[o]=e[o]);return a};const t=require("vue"),g=require("./Icon.js"),D=require("./CdxMenu.js"),q=require("./useGeneratedId.js"),H=require("./useModelWrapper.js"),W=require("./useFieldData.js"),j=require("./useSplitAttributes.js"),F=require("./useFloatingMenu.js"),p=require("./constants.js"),R=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./CdxMenuItem.js");require("./CdxThumbnail.js");require("./CdxSearchResultTitle.js");require("./CdxProgressBar.js");require("./useWarnOnce.js");require("./useIntersectionObserver.js");require("./useComputedDisabled.js");const T=p.makeStringTypeValidator(p.ValidationStatusTypes),z=t.defineComponent({name:"CdxSelect",components:{CdxIcon:g.CdxIcon,CdxMenu:D},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:T}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:a}){const o=t.ref(),i=t.ref(),v=t.inject(p.FieldDescriptionIdKey,void 0),m=q("select-menu"),u=t.ref(!1),r=a.id||q("select-handle"),{computedDisabled:c,computedStatus:C,computedInputId:S}=W(t.toRef(e,"disabled"),t.toRef(e,"status"),r),h=H(t.toRef(e,"selected"),n,"update:selected"),l=t.computed(()=>e.menuItems.find(d=>d.value===e.selected)),x=t.computed(()=>{var d;return l.value?(d=l.value.label)!=null?d:l.value.value:e.defaultLabel}),f=t.computed(()=>{var d;if(e.defaultIcon&&!l.value)return e.defaultIcon;if((d=l.value)!=null&&d.icon)return l.value.icon}),k=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":u.value,"cdx-select-vue--value-selected":!!l.value,"cdx-select-vue--no-selections":!l.value,"cdx-select-vue--has-start-icon":!!f.value,["cdx-select-vue--status-".concat(C.value)]:!0})),{rootClasses:M,rootStyle:B,otherAttrs:V}=j(a,k),$=t.computed(()=>{const I=V.value,{id:d}=I;return b(I,["id"])}),N=t.computed(()=>{var d,s;return(s=(d=i.value)==null?void 0:d.getHighlightedMenuItem())==null?void 0:s.id});function L(){u.value=!1}function A(){var d;c.value||(u.value=!u.value,(d=o.value)==null||d.focus())}function E(d){var s;c.value||(s=i.value)==null||s.delegateKeyNavigation(d,{characterNavigation:!0})}return F(o,i),{handle:o,menu:i,computedHandleId:S,descriptionId:v,menuId:m,modelWrapper:h,selectedMenuItem:l,highlightedId:N,expanded:u,computedDisabled:c,onBlur:L,currentLabel:x,rootClasses:M,rootStyle:B,otherAttrsMinusId:$,onClick:A,onKeydown:E,startIcon:f,cdxIconExpand:g.p4}}});const O=["aria-disabled"],P=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function U(e,n,a,o,i,v){const m=t.resolveComponent("cdx-icon"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...r)=>e.onClick&&e.onClick(...r)),onBlur:n[1]||(n[1]=(...r)=>e.onBlur&&e.onBlur(...r)),onKeydown:n[2]||(n[2]=(...r)=>e.onKeydown&&e.onKeydown(...r))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(m,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createVNode(m,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,P),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=r=>e.modelWrapper=r),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=r=>e.expanded=r),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=r=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:r})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:r})]),_:3},16,["id","selected","expanded","menu-items"])],14,O)}const G=R._export_sfc(z,[["render",U]]);module.exports=G; diff --git a/resources/lib/codex/modules/CdxTab.js b/resources/lib/codex/modules/CdxTab.cjs index b82cb20ceded..b82cb20ceded 100644 --- a/resources/lib/codex/modules/CdxTab.js +++ b/resources/lib/codex/modules/CdxTab.cjs diff --git a/resources/lib/codex/modules/CdxTabs.cjs b/resources/lib/codex/modules/CdxTabs.cjs new file mode 100644 index 000000000000..9cc1ba637bd7 --- /dev/null +++ b/resources/lib/codex/modules/CdxTabs.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),x=require("./Icon.js"),A=require("./CdxButton.cjs"),M=require("./CdxTab.cjs"),$=require("./useGeneratedId.cjs"),R=require("./useComputedDirection.cjs"),W=require("./useModelWrapper.cjs"),N=require("./useIntersectionObserver.cjs"),D=require("./useSlotContents.js"),K=require("./constants.js"),F=require("./_plugin-vue_export-helper.js");require("./useComputedLanguage.cjs");require("./useIconOnlyButton.js");require("./useWarnOnce.cjs");const O=e.defineComponent({name:"CdxTabs",components:{CdxButton:A,CdxIcon:x.CdxIcon},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(t,{slots:o,emit:c}){const b=e.ref(),i=e.ref(),f=e.ref(),u=e.ref(),v=R(b),a=e.computed(()=>{const s=D.useSlotContents(o.default);if(!s.every(n=>typeof n=="object"&&D.isComponentVNode(n,M.name)))throw new Error("Slot content may only contain CdxTab components");if(s.length===0)throw new Error("Slot content cannot be empty");return s}),p=e.computed(()=>a.value.reduce((s,n)=>{var l;if((l=n.props)!=null&&l.name&&typeof n.props.name=="string"){if(s.get(n.props.name))throw new Error("Tab names must be unique");s.set(n.props.name,{name:n.props.name,id:$(n.props.name),label:n.props.label||n.props.name,disabled:n.props.disabled})}return s},new Map)),r=W(e.toRef(t,"active"),c,"update:active"),m=e.computed(()=>Array.from(p.value.keys())),T=e.computed(()=>m.value.indexOf(r.value)),w=e.computed(()=>{var s;return(s=p.value.get(r.value))==null?void 0:s.id});e.provide(K.ActiveTabKey,r),e.provide(K.TabsKey,p);const g=e.ref(new Map),C=e.ref(),E=e.ref(),S=N(C,{threshold:.95}),I=N(E,{threshold:.95});function V(s,n){const l=s;l&&(g.value.set(n,l),n===0?C.value=l:n===m.value.length-1&&(E.value=l))}const B=e.computed(()=>({"cdx-tabs--framed":t.framed,"cdx-tabs--quiet":!t.framed}));function _(){var s;(s=g.value.get(T.value))==null||s.focus()}function y(s){if(!i.value||!f.value||!u.value)return 0;const n=v.value==="rtl"?u.value:f.value,l=v.value==="rtl"?f.value:u.value,d=s.offsetLeft,h=d+s.clientWidth,q=i.value.scrollLeft+n.clientWidth,L=i.value.scrollLeft+i.value.clientWidth-l.clientWidth;return d<q?d-q:h>L?h-L:0}function k(s){if(!i.value||!f.value||!u.value)return;const n=s==="next"&&v.value==="ltr"||s==="prev"&&v.value==="rtl"?1:-1;let l=0,d=s==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;d;){const h=s==="next"?d.nextElementSibling:d.previousElementSibling;if(l=y(d),Math.sign(l)===n){h&&Math.abs(l)<.25*i.value.clientWidth&&(l=y(h));break}d=h}i.value.scrollBy({left:l,behavior:"smooth"}),_()}return e.watch(r,()=>{if(w.value===void 0||!i.value||!f.value||!u.value)return;const s=document.getElementById("".concat(w.value,"-label"));s&&i.value.scrollBy({left:y(s),behavior:"smooth"})}),{activeTab:r,activeTabIndex:T,activeTabId:w,currentDirection:v,rootElement:b,tabListElement:i,prevScroller:f,nextScroller:u,rootClasses:B,tabNames:m,tabsData:p,firstLabelVisible:S,lastLabelVisible:I,assignTemplateRefForTabButton:V,scrollTabs:k,focusActiveTab:_,cdxIconPrevious:x.n7,cdxIconNext:x.Y6}},methods:{select(t,o){const c=this.tabsData.get(t);c&&!(c!=null&&c.disabled)&&(this.activeTab=t,o&&e.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(t,o,c){const b=this.tabsData.get(this.tabNames[t+o]);b&&(b.disabled?this.selectNonDisabled(t+o,o,c):this.select(b.name,c))},next(t){this.selectNonDisabled(this.activeTabIndex,1,t)},prev(t){this.selectNonDisabled(this.activeTabIndex,-1,t)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var t;this.activeTabId&&((t=document.getElementById(this.activeTabId))==null||t.focus())}}});const P={class:"cdx-tabs__header"},j={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},z={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},G=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],H={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Y={class:"cdx-tabs__content"};function J(t,o,c,b,i,f){const u=e.resolveComponent("cdx-icon"),v=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",{ref:"rootElement",class:e.normalizeClass(["cdx-tabs",t.rootClasses])},[e.createElementVNode("div",P,[e.withDirectives(e.createElementVNode("div",j,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),onClick:o[1]||(o[1]=a=>t.scrollTabs("prev"))},{default:e.withCtx(()=>[e.createVNode(u,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.firstLabelVisible]]),e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabsData.values(),(a,p)=>(e.openBlock(),e.createElementBlock("button",{id:"".concat(a.id,"-label"),key:p,ref_for:!0,ref:r=>t.assignTemplateRefForTabButton(r,p),disabled:a.disabled?!0:void 0,"aria-controls":a.id,"aria-selected":a.name===t.activeTab,tabindex:a.name===t.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:e.withModifiers(r=>t.select(a.name),["prevent"]),onKeyup:e.withKeys(r=>t.select(a.name),["enter"]),onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers((...r)=>t.onRightArrowKeypress&&t.onRightArrowKeypress(...r),["prevent"]),["right"])),o[3]||(o[3]=e.withKeys(e.withModifiers((...r)=>t.onDownArrowKeypress&&t.onDownArrowKeypress(...r),["prevent"]),["down"])),o[4]||(o[4]=e.withKeys(e.withModifiers((...r)=>t.onLeftArrowKeypress&&t.onLeftArrowKeypress(...r),["prevent"]),["left"]))]},[e.createElementVNode("span",null,e.toDisplayString(a.label),1)],40,G))),128))],512),e.withDirectives(e.createElementVNode("div",H,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[5]||(o[5]=e.withModifiers(()=>{},["prevent"])),onClick:o[6]||(o[6]=a=>t.scrollTabs("next"))},{default:e.withCtx(()=>[e.createVNode(u,{icon:t.cdxIconNext},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.lastLabelVisible]])]),e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"default")])],2)}const Q=F._export_sfc(O,[["render",J]]);module.exports=Q; diff --git a/resources/lib/codex/modules/CdxTabs.js b/resources/lib/codex/modules/CdxTabs.js deleted file mode 100644 index 31197ef50261..000000000000 --- a/resources/lib/codex/modules/CdxTabs.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),x=require("./Icon.js"),A=require("./CdxButton.js"),M=require("./CdxTab.js"),$=require("./useGeneratedId.js"),R=require("./useComputedDirection.js"),W=require("./useModelWrapper.js"),N=require("./useIntersectionObserver.js"),D=require("./useSlotContents2.js"),K=require("./constants.js"),F=require("./_plugin-vue_export-helper.js");require("./useComputedLanguage.js");require("./useIconOnlyButton.js");require("./useWarnOnce.js");const O=e.defineComponent({name:"CdxTabs",components:{CdxButton:A,CdxIcon:x.CdxIcon},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(t,{slots:o,emit:c}){const b=e.ref(),i=e.ref(),f=e.ref(),u=e.ref(),v=R(b),a=e.computed(()=>{const s=D.useSlotContents(o.default);if(!s.every(n=>typeof n=="object"&&D.isComponentVNode(n,M.name)))throw new Error("Slot content may only contain CdxTab components");if(s.length===0)throw new Error("Slot content cannot be empty");return s}),p=e.computed(()=>a.value.reduce((s,n)=>{var l;if((l=n.props)!=null&&l.name&&typeof n.props.name=="string"){if(s.get(n.props.name))throw new Error("Tab names must be unique");s.set(n.props.name,{name:n.props.name,id:$(n.props.name),label:n.props.label||n.props.name,disabled:n.props.disabled})}return s},new Map)),r=W(e.toRef(t,"active"),c,"update:active"),m=e.computed(()=>Array.from(p.value.keys())),T=e.computed(()=>m.value.indexOf(r.value)),w=e.computed(()=>{var s;return(s=p.value.get(r.value))==null?void 0:s.id});e.provide(K.ActiveTabKey,r),e.provide(K.TabsKey,p);const g=e.ref(new Map),C=e.ref(),E=e.ref(),S=N(C,{threshold:.95}),I=N(E,{threshold:.95});function V(s,n){const l=s;l&&(g.value.set(n,l),n===0?C.value=l:n===m.value.length-1&&(E.value=l))}const B=e.computed(()=>({"cdx-tabs--framed":t.framed,"cdx-tabs--quiet":!t.framed}));function _(){var s;(s=g.value.get(T.value))==null||s.focus()}function y(s){if(!i.value||!f.value||!u.value)return 0;const n=v.value==="rtl"?u.value:f.value,l=v.value==="rtl"?f.value:u.value,d=s.offsetLeft,h=d+s.clientWidth,q=i.value.scrollLeft+n.clientWidth,L=i.value.scrollLeft+i.value.clientWidth-l.clientWidth;return d<q?d-q:h>L?h-L:0}function k(s){if(!i.value||!f.value||!u.value)return;const n=s==="next"&&v.value==="ltr"||s==="prev"&&v.value==="rtl"?1:-1;let l=0,d=s==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;d;){const h=s==="next"?d.nextElementSibling:d.previousElementSibling;if(l=y(d),Math.sign(l)===n){h&&Math.abs(l)<.25*i.value.clientWidth&&(l=y(h));break}d=h}i.value.scrollBy({left:l,behavior:"smooth"}),_()}return e.watch(r,()=>{if(w.value===void 0||!i.value||!f.value||!u.value)return;const s=document.getElementById("".concat(w.value,"-label"));s&&i.value.scrollBy({left:y(s),behavior:"smooth"})}),{activeTab:r,activeTabIndex:T,activeTabId:w,currentDirection:v,rootElement:b,tabListElement:i,prevScroller:f,nextScroller:u,rootClasses:B,tabNames:m,tabsData:p,firstLabelVisible:S,lastLabelVisible:I,assignTemplateRefForTabButton:V,scrollTabs:k,focusActiveTab:_,cdxIconPrevious:x.n7,cdxIconNext:x.Y6}},methods:{select(t,o){const c=this.tabsData.get(t);c&&!(c!=null&&c.disabled)&&(this.activeTab=t,o&&e.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(t,o,c){const b=this.tabsData.get(this.tabNames[t+o]);b&&(b.disabled?this.selectNonDisabled(t+o,o,c):this.select(b.name,c))},next(t){this.selectNonDisabled(this.activeTabIndex,1,t)},prev(t){this.selectNonDisabled(this.activeTabIndex,-1,t)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var t;this.activeTabId&&((t=document.getElementById(this.activeTabId))==null||t.focus())}}});const P={class:"cdx-tabs__header"},j={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},z={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},G=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],H={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Y={class:"cdx-tabs__content"};function J(t,o,c,b,i,f){const u=e.resolveComponent("cdx-icon"),v=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",{ref:"rootElement",class:e.normalizeClass(["cdx-tabs",t.rootClasses])},[e.createElementVNode("div",P,[e.withDirectives(e.createElementVNode("div",j,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),onClick:o[1]||(o[1]=a=>t.scrollTabs("prev"))},{default:e.withCtx(()=>[e.createVNode(u,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.firstLabelVisible]]),e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabsData.values(),(a,p)=>(e.openBlock(),e.createElementBlock("button",{id:"".concat(a.id,"-label"),key:p,ref_for:!0,ref:r=>t.assignTemplateRefForTabButton(r,p),disabled:a.disabled?!0:void 0,"aria-controls":a.id,"aria-selected":a.name===t.activeTab,tabindex:a.name===t.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:e.withModifiers(r=>t.select(a.name),["prevent"]),onKeyup:e.withKeys(r=>t.select(a.name),["enter"]),onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers((...r)=>t.onRightArrowKeypress&&t.onRightArrowKeypress(...r),["prevent"]),["right"])),o[3]||(o[3]=e.withKeys(e.withModifiers((...r)=>t.onDownArrowKeypress&&t.onDownArrowKeypress(...r),["prevent"]),["down"])),o[4]||(o[4]=e.withKeys(e.withModifiers((...r)=>t.onLeftArrowKeypress&&t.onLeftArrowKeypress(...r),["prevent"]),["left"]))]},[e.createElementVNode("span",null,e.toDisplayString(a.label),1)],40,G))),128))],512),e.withDirectives(e.createElementVNode("div",H,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[5]||(o[5]=e.withModifiers(()=>{},["prevent"])),onClick:o[6]||(o[6]=a=>t.scrollTabs("next"))},{default:e.withCtx(()=>[e.createVNode(u,{icon:t.cdxIconNext},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.lastLabelVisible]])]),e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"default")])],2)}const Q=F._export_sfc(O,[["render",J]]);module.exports=Q; diff --git a/resources/lib/codex/modules/CdxTextArea-legacy-rtl.css b/resources/lib/codex/modules/CdxTextArea-legacy-rtl.css index 3b5a05f4f7e3..72603e9d2902 100644 --- a/resources/lib/codex/modules/CdxTextArea-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxTextArea-legacy-rtl.css @@ -1 +1 @@ -.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} +.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px)}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px);height:1.7142857em}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} diff --git a/resources/lib/codex/modules/CdxTextArea-legacy.css b/resources/lib/codex/modules/CdxTextArea-legacy.css index f574e54c5cf3..12f88d42df7e 100644 --- a/resources/lib/codex/modules/CdxTextArea-legacy.css +++ b/resources/lib/codex/modules/CdxTextArea-legacy.css @@ -1 +1 @@ -.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} +.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.4285714em;height:1.7142857em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1.1428571em;height:1.7142857em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.4285714em,20px)}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1.1428571em;height:1.1428571em;background-position:center;background-repeat:no-repeat;background-size:max(1.1428571em,16px);height:1.7142857em}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(8px + 8px + 1.4285714em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(8px + 8px + 1.1428571em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} diff --git a/resources/lib/codex/modules/CdxTextArea-rtl.css b/resources/lib/codex/modules/CdxTextArea-rtl.css index 2c99a12f5375..4906ddb92b27 100644 --- a/resources/lib/codex/modules/CdxTextArea-rtl.css +++ b/resources/lib/codex/modules/CdxTextArea-rtl.css @@ -1 +1 @@ -.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} +.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px)}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px);height:1.5em}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} diff --git a/resources/lib/codex/modules/CdxTextArea.cjs b/resources/lib/codex/modules/CdxTextArea.cjs new file mode 100644 index 000000000000..48c1bbcad741 --- /dev/null +++ b/resources/lib/codex/modules/CdxTextArea.cjs @@ -0,0 +1 @@ +"use strict";var p=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var x=(e,o)=>{var r={};for(var a in e)g.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&p)for(var a of p(e))o.indexOf(a)<0&&h.call(e,a)&&(r[a]=e[a]);return r};const t=require("vue"),S=require("./Icon.js"),V=require("./useSplitAttributes.cjs"),q=require("./useModelWrapper.cjs"),k=require("./useFieldData.cjs"),i=require("./constants.js"),A=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useComputedDisabled.cjs");const B=i.makeStringTypeValidator(i.ValidationStatusTypes),M=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:S.CdxIcon},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:B},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:o,emit:r}){const a=q(t.toRef(e,"modelValue"),r),l=o.id,{computedDisabled:u,computedStatus:n,computedInputId:s}=k(t.toRef(e,"disabled"),t.toRef(e,"status"),l),m=t.inject(i.FieldDescriptionIdKey,void 0),f=t.computed(()=>({"cdx-text-area__textarea--has-value":!!a.value,"cdx-text-area__textarea--is-autosize":e.autosize})),v=t.computed(()=>({"cdx-text-area--status-default":n.value==="default","cdx-text-area--status-error":n.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:I,rootStyle:y,otherAttrs:_}=V(o,v),b=t.computed(()=>{const c=_.value,{id:$}=c;return x(c,["id"])}),d=t.ref();function C(){d.value&&e.autosize&&(d.value.style.height="auto",d.value.style.height="".concat(d.value.scrollHeight,"px"))}return{rootClasses:I,rootStyle:y,wrappedModel:a,computedDisabled:u,computedInputId:s,descriptionId:m,textareaClasses:f,otherAttrsMinusId:b,textarea:d,onInput:C}}});const z=["id","aria-describedby","disabled"];function T(e,o,r,a,l,u){const n=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":o[0]||(o[0]=s=>e.wrappedModel=s),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:o[1]||(o[1]=(...s)=>e.onInput&&e.onInput(...s))}),null,16,z),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(n,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(n,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0)],6)}const D=A._export_sfc(M,[["render",T]]);module.exports=D; diff --git a/resources/lib/codex/modules/CdxTextArea.css b/resources/lib/codex/modules/CdxTextArea.css index 0ce3163e288a..0f3273b4e29b 100644 --- a/resources/lib/codex/modules/CdxTextArea.css +++ b/resources/lib/codex/modules/CdxTextArea.css @@ -1 +1 @@ -.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} +.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25em;height:1.5em;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1em;height:1.5em;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25em,20px)}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:max(1em,16px);height:1.5em}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea:enabled:hover{border-color:#72777d}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:#202122}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:#f8f9fa}.cdx-text-area__textarea:disabled{background-color:#eaecf0;color:#72777d;border-color:#c8ccd1}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:#72777d}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:.51}.cdx-text-area__textarea::placeholder{color:#72777d;opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25em)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1em)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:#b32424}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:#36c} diff --git a/resources/lib/codex/modules/CdxTextArea.js b/resources/lib/codex/modules/CdxTextArea.js deleted file mode 100644 index 14b85376ec43..000000000000 --- a/resources/lib/codex/modules/CdxTextArea.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var p=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var x=(e,o)=>{var r={};for(var a in e)g.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&p)for(var a of p(e))o.indexOf(a)<0&&h.call(e,a)&&(r[a]=e[a]);return r};const t=require("vue"),S=require("./Icon.js"),V=require("./useSplitAttributes.js"),q=require("./useModelWrapper.js"),k=require("./useFieldData.js"),i=require("./constants.js"),A=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useComputedDisabled.js");const B=i.makeStringTypeValidator(i.ValidationStatusTypes),M=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:S.CdxIcon},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:B},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:o,emit:r}){const a=q(t.toRef(e,"modelValue"),r),l=o.id,{computedDisabled:u,computedStatus:n,computedInputId:s}=k(t.toRef(e,"disabled"),t.toRef(e,"status"),l),m=t.inject(i.FieldDescriptionIdKey,void 0),f=t.computed(()=>({"cdx-text-area__textarea--has-value":!!a.value,"cdx-text-area__textarea--is-autosize":e.autosize})),v=t.computed(()=>({"cdx-text-area--status-default":n.value==="default","cdx-text-area--status-error":n.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:I,rootStyle:y,otherAttrs:_}=V(o,v),b=t.computed(()=>{const c=_.value,{id:$}=c;return x(c,["id"])}),d=t.ref();function C(){d.value&&e.autosize&&(d.value.style.height="auto",d.value.style.height="".concat(d.value.scrollHeight,"px"))}return{rootClasses:I,rootStyle:y,wrappedModel:a,computedDisabled:u,computedInputId:s,descriptionId:m,textareaClasses:f,otherAttrsMinusId:b,textarea:d,onInput:C}}});const z=["id","aria-describedby","disabled"];function T(e,o,r,a,l,u){const n=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":o[0]||(o[0]=s=>e.wrappedModel=s),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:o[1]||(o[1]=(...s)=>e.onInput&&e.onInput(...s))}),null,16,z),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(n,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(n,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const D=A._export_sfc(M,[["render",T]]);module.exports=D; diff --git a/resources/lib/codex/modules/CdxTextInput.cjs b/resources/lib/codex/modules/CdxTextInput.cjs new file mode 100644 index 000000000000..73fb66dcafaf --- /dev/null +++ b/resources/lib/codex/modules/CdxTextInput.cjs @@ -0,0 +1 @@ +"use strict";var m=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var I=(e,n)=>{var r={};for(var s in e)B.call(e,s)&&n.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&m)for(var s of m(e))n.indexOf(s)<0&&V.call(e,s)&&(r[s]=e[s]);return r};const t=require("vue"),C=require("./Icon.js"),l=require("./constants.js"),w=require("./useModelWrapper.cjs"),S=require("./useSplitAttributes.cjs"),T=require("./useFieldData.cjs"),q=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./useComputedDisabled.cjs");const h=l.makeStringTypeValidator(l.TextInputTypes),M=l.makeStringTypeValidator(l.ValidationStatusTypes),K=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:C.CdxIcon},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:h},status:{type:String,default:"default",validator:M},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:r}){const s=r.id,{computedDisabled:a,computedStatus:c,computedInputId:i}=T(t.toRef(e,"disabled"),t.toRef(e,"status"),s),u=t.inject(l.FieldDescriptionIdKey,void 0),d=w(t.toRef(e,"modelValue"),n),p=t.computed(()=>e.clearable&&!!d.value&&!a.value),f=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":p.value,["cdx-text-input--status-".concat(c.value)]:!0})),{rootClasses:b,rootStyle:v,otherAttrs:x}=S(r,f),g=t.computed(()=>{const y=x.value,{id:o}=y;return I(y,["id"])}),k=t.computed(()=>({"cdx-text-input__input--has-value":!!d.value}));return{computedInputId:i,descriptionId:u,wrappedModel:d,isClearable:p,rootClasses:b,rootStyle:v,otherAttrsMinusId:g,inputClasses:k,computedDisabled:a,onClear:o=>{d.value="",n("clear",o)},onInput:o=>{n("input",o)},onChange:o=>{n("change",o)},onKeydown:o=>{(o.key==="Home"||o.key==="End")&&!o.ctrlKey&&!o.metaKey||n("keydown",o)},onFocus:o=>{n("focus",o)},onBlur:o=>{n("blur",o)},cdxIconClear:C.J3}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}});const F=["id","type","aria-describedby","disabled"];function $(e,n,r,s,a,c){const i=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=u=>e.wrappedModel=u),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...u)=>e.onInput&&e.onInput(...u)),onChange:n[2]||(n[2]=(...u)=>e.onChange&&e.onChange(...u)),onFocus:n[3]||(n[3]=(...u)=>e.onFocus&&e.onFocus(...u)),onBlur:n[4]||(n[4]=(...u)=>e.onBlur&&e.onBlur(...u)),onKeydown:n[5]||(n[5]=(...u)=>e.onKeydown&&e.onKeydown(...u))}),null,16,F),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(i,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.endIcon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("",!0),e.isClearable?(t.openBlock(),t.createBlock(i,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("",!0)],6)}const A=q._export_sfc(K,[["render",$]]);module.exports=A; diff --git a/resources/lib/codex/modules/CdxTextInput.js b/resources/lib/codex/modules/CdxTextInput.js deleted file mode 100644 index 5980ab605c15..000000000000 --- a/resources/lib/codex/modules/CdxTextInput.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var f=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var m=(e,n)=>{var r={};for(var s in e)B.call(e,s)&&n.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&f)for(var s of f(e))n.indexOf(s)<0&&V.call(e,s)&&(r[s]=e[s]);return r};const t=require("vue"),I=require("./Icon.js"),l=require("./constants.js"),w=require("./useModelWrapper.js"),S=require("./useSplitAttributes.js"),T=require("./useFieldData.js"),q=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./useComputedDisabled.js");const h=l.makeStringTypeValidator(l.TextInputTypes),M=l.makeStringTypeValidator(l.ValidationStatusTypes),K=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:I.CdxIcon},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:h},status:{type:String,default:"default",validator:M},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:r}){const s=r.id,{computedDisabled:a,computedStatus:c,computedInputId:i}=T(t.toRef(e,"disabled"),t.toRef(e,"status"),s),u=t.inject(l.FieldDescriptionIdKey,void 0),d=w(t.toRef(e,"modelValue"),n),p=t.computed(()=>e.clearable&&!!d.value&&!a.value),C=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":p.value,["cdx-text-input--status-".concat(c.value)]:!0})),{rootClasses:b,rootStyle:v,otherAttrs:x}=S(r,C),g=t.computed(()=>{const y=x.value,{id:o}=y;return m(y,["id"])}),k=t.computed(()=>({"cdx-text-input__input--has-value":!!d.value}));return{computedInputId:i,descriptionId:u,wrappedModel:d,isClearable:p,rootClasses:b,rootStyle:v,otherAttrsMinusId:g,inputClasses:k,computedDisabled:a,onClear:o=>{d.value="",n("clear",o)},onInput:o=>{n("input",o)},onChange:o=>{n("change",o)},onKeydown:o=>{(o.key==="Home"||o.key==="End")&&!o.ctrlKey&&!o.metaKey||n("keydown",o)},onFocus:o=>{n("focus",o)},onBlur:o=>{n("blur",o)},cdxIconClear:I.J3}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}});const F=["id","type","aria-describedby","disabled"];function $(e,n,r,s,a,c){const i=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=u=>e.wrappedModel=u),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...u)=>e.onInput&&e.onInput(...u)),onChange:n[2]||(n[2]=(...u)=>e.onChange&&e.onChange(...u)),onFocus:n[3]||(n[3]=(...u)=>e.onFocus&&e.onFocus(...u)),onBlur:n[4]||(n[4]=(...u)=>e.onBlur&&e.onBlur(...u)),onKeydown:n[5]||(n[5]=(...u)=>e.onKeydown&&e.onKeydown(...u))}),null,16,F),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(i,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(i,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.isClearable?(t.openBlock(),t.createBlock(i,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("v-if",!0)],6)}const A=q._export_sfc(K,[["render",$]]);module.exports=A; diff --git a/resources/lib/codex/modules/CdxThumbnail.cjs b/resources/lib/codex/modules/CdxThumbnail.cjs new file mode 100644 index 000000000000..34a8d72b5955 --- /dev/null +++ b/resources/lib/codex/modules/CdxThumbnail.cjs @@ -0,0 +1 @@ +"use strict";const e=require("vue"),s=require("./Icon.js"),u=require("./constants.js"),i=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");const d=e.defineComponent({name:"CdxThumbnail",components:{CdxIcon:s.CdxIcon},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:s.E4}},setup:n=>{const l=e.ref(!1),a=e.ref({}),r=o=>{const c=o.replace(/([\\"\n])/g,"\\$1"),t=new Image;t.onload=()=>{a.value={backgroundImage:'url("'.concat(c,'")')},l.value=!0},t.onerror=()=>{l.value=!1},t.src=c};return e.onMounted(()=>{var o;(o=n.thumbnail)!=null&&o.url&&r(n.thumbnail.url)}),{thumbnailStyle:a,thumbnailLoaded:l,NoInvertClass:u.NoInvertClass}}});const m={class:"cdx-thumbnail"},p={key:0,class:"cdx-thumbnail__placeholder"};function _(n,l,a,r,o,c){const t=e.resolveComponent("cdx-icon");return e.openBlock(),e.createElementBlock("span",m,[n.thumbnailLoaded?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",p,[e.createVNode(t,{icon:n.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),e.createVNode(e.Transition,{name:"cdx-thumbnail__image"},{default:e.withCtx(()=>[n.thumbnailLoaded?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(n.thumbnailStyle),class:e.normalizeClass([n.NoInvertClass,"cdx-thumbnail__image"])},null,6)):e.createCommentVNode("",!0)]),_:1})])}const h=i._export_sfc(d,[["render",_]]);module.exports=h; diff --git a/resources/lib/codex/modules/CdxThumbnail.js b/resources/lib/codex/modules/CdxThumbnail.js deleted file mode 100644 index 89cee96ebc29..000000000000 --- a/resources/lib/codex/modules/CdxThumbnail.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const e=require("vue"),s=require("./Icon.js"),u=require("./constants.js"),i=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");const d=e.defineComponent({name:"CdxThumbnail",components:{CdxIcon:s.CdxIcon},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:s.E4}},setup:n=>{const l=e.ref(!1),a=e.ref({}),r=o=>{const c=o.replace(/([\\"\n])/g,"\\$1"),t=new Image;t.onload=()=>{a.value={backgroundImage:'url("'.concat(c,'")')},l.value=!0},t.onerror=()=>{l.value=!1},t.src=c};return e.onMounted(()=>{var o;(o=n.thumbnail)!=null&&o.url&&r(n.thumbnail.url)}),{thumbnailStyle:a,thumbnailLoaded:l,NoInvertClass:u.NoInvertClass}}});const m={class:"cdx-thumbnail"},p={key:0,class:"cdx-thumbnail__placeholder"};function _(n,l,a,r,o,c){const t=e.resolveComponent("cdx-icon");return e.openBlock(),e.createElementBlock("span",m,[n.thumbnailLoaded?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",p,[e.createVNode(t,{icon:n.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),e.createVNode(e.Transition,{name:"cdx-thumbnail__image"},{default:e.withCtx(()=>[n.thumbnailLoaded?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(n.thumbnailStyle),class:e.normalizeClass([n.NoInvertClass,"cdx-thumbnail__image"])},null,6)):e.createCommentVNode("v-if",!0)]),_:1})])}const h=i._export_sfc(d,[["render",_]]);module.exports=h; diff --git a/resources/lib/codex/modules/CdxToggleButton.js b/resources/lib/codex/modules/CdxToggleButton.cjs index cd9df28e624d..bf60b1af8399 100644 --- a/resources/lib/codex/modules/CdxToggleButton.js +++ b/resources/lib/codex/modules/CdxToggleButton.cjs @@ -1 +1 @@ -"use strict";const t=require("vue"),i=require("./useIconOnlyButton.js"),r=require("./_plugin-vue_export-helper.js");require("./useSlotContents2.js");require("./useWarnOnce.js");const c=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:o,slots:s,attrs:u}){const d=i.useIconOnlyButton(s.default,u,"CdxButton"),n=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":d.value,"cdx-toggle-button--is-active":n.value})),onClick:()=>{o("update:modelValue",!e.modelValue)},setActive:a=>{n.value=a}}}});const g=["aria-pressed","disabled"];function f(e,o,s,u,d,n){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:o[0]||(o[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:o[1]||(o[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:o[2]||(o[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,g)}const p=r._export_sfc(c,[["render",f]]);module.exports=p; +"use strict";const t=require("vue"),i=require("./useIconOnlyButton.js"),r=require("./_plugin-vue_export-helper.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");const c=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:o,slots:s,attrs:u}){const d=i.useIconOnlyButton(s.default,u,"CdxButton"),n=t.ref(!1);return{rootClasses:t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":d.value,"cdx-toggle-button--is-active":n.value})),onClick:()=>{o("update:modelValue",!e.modelValue)},setActive:a=>{n.value=a}}}});const g=["aria-pressed","disabled"];function f(e,o,s,u,d,n){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:o[0]||(o[0]=(...l)=>e.onClick&&e.onClick(...l)),onKeydown:o[1]||(o[1]=t.withKeys(l=>e.setActive(!0),["space","enter"])),onKeyup:o[2]||(o[2]=t.withKeys(l=>e.setActive(!1),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,g)}const p=r._export_sfc(c,[["render",f]]);module.exports=p; 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; diff --git a/resources/lib/codex/modules/CdxToggleButtonGroup.js b/resources/lib/codex/modules/CdxToggleButtonGroup.js deleted file mode 100644 index e09ce3e64299..000000000000 --- a/resources/lib/codex/modules/CdxToggleButtonGroup.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const l=require("vue"),s=require("./buttonHelpers.js"),m=require("./Icon.js"),g=require("./CdxToggleButton.js"),p=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./useWarnOnce.js");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("v-if",!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; diff --git a/resources/lib/codex/modules/CdxToggleSwitch.cjs b/resources/lib/codex/modules/CdxToggleSwitch.cjs new file mode 100644 index 000000000000..c5c2d3d90638 --- /dev/null +++ b/resources/lib/codex/modules/CdxToggleSwitch.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),m=require("./CdxLabel.cjs"),w=require("./useLabelChecker.js"),b=require("./useModelWrapper.cjs"),u=require("./useGeneratedId.cjs"),y=require("./useSplitAttributes.cjs"),k=require("./useFieldData.cjs"),q=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./constants.js");require("./useSlotContents.js");require("./useWarnOnce.cjs");require("./useComputedDisabled.cjs");const v=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:m},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:i,slots:s,attrs:l}){var a;w.useLabelChecker((a=s.default)==null?void 0:a.call(s),l,"CdxToggleSwitch");const n=t.ref(),r=u("toggle-switch"),d=u("description"),o=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:c,rootStyle:p,otherAttrs:h}=y(l,o),{computedDisabled:g}=k(t.toRef(e,"disabled")),f=b(t.toRef(e,"modelValue"),i);return{input:n,inputId:r,descriptionId:d,rootClasses:c,rootStyle:p,otherAttrs:h,computedDisabled:g,wrappedModel:f,clickInput:()=>{n.value.click()}}}});const C=["id","aria-describedby","value","disabled"],S=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function $(e,i,s,l,n,r){const d=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":i[0]||(i[0]=o=>e.wrappedModel=o),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:i[1]||(i[1]=t.withKeys(t.withModifiers((...o)=>e.clickInput&&e.clickInput(...o),["prevent"]),["enter"]))}),null,16,C),[[t.vModelCheckbox,e.wrappedModel]]),S,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("",!0)],6)}const I=q._export_sfc(v,[["render",$]]);module.exports=I; diff --git a/resources/lib/codex/modules/CdxToggleSwitch.js b/resources/lib/codex/modules/CdxToggleSwitch.js deleted file mode 100644 index b1269100a53e..000000000000 --- a/resources/lib/codex/modules/CdxToggleSwitch.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),m=require("./CdxLabel.js"),w=require("./useLabelChecker.js"),b=require("./useModelWrapper.js"),u=require("./useGeneratedId.js"),y=require("./useSplitAttributes.js"),v=require("./useFieldData.js"),k=require("./_plugin-vue_export-helper.js");require("./Icon.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./constants.js");require("./useSlotContents2.js");require("./useWarnOnce.js");require("./useComputedDisabled.js");const q=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:m},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:i,slots:s,attrs:l}){var a;w.useLabelChecker((a=s.default)==null?void 0:a.call(s),l,"CdxToggleSwitch");const n=t.ref(),r=u("toggle-switch"),d=u("description"),o=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:c,rootStyle:p,otherAttrs:h}=y(l,o),{computedDisabled:g}=v(t.toRef(e,"disabled")),f=b(t.toRef(e,"modelValue"),i);return{input:n,inputId:r,descriptionId:d,rootClasses:c,rootStyle:p,otherAttrs:h,computedDisabled:g,wrappedModel:f,clickInput:()=>{n.value.click()}}}});const C=["id","aria-describedby","value","disabled"],S=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function $(e,i,s,l,n,r){const d=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":i[0]||(i[0]=o=>e.wrappedModel=o),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:i[1]||(i[1]=t.withKeys(t.withModifiers((...o)=>e.clickInput&&e.clickInput(...o),["prevent"]),["enter"]))}),null,16,C),[[t.vModelCheckbox,e.wrappedModel]]),S,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("v-if",!0)],6)}const I=k._export_sfc(q,[["render",$]]);module.exports=I; diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch-legacy-rtl.css b/resources/lib/codex/modules/CdxTypeaheadSearch-legacy-rtl.css index 6ce8ce9639fe..221a8f219d20 100644 --- a/resources/lib/codex/modules/CdxTypeaheadSearch-legacy-rtl.css +++ b/resources/lib/codex/modules/CdxTypeaheadSearch-legacy-rtl.css @@ -1 +1 @@ -.cdx-typeahead-search__menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-typeahead-search__menu.cdx-menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch-legacy.css b/resources/lib/codex/modules/CdxTypeaheadSearch-legacy.css index dbc89381c194..416e19747a47 100644 --- a/resources/lib/codex/modules/CdxTypeaheadSearch-legacy.css +++ b/resources/lib/codex/modules/CdxTypeaheadSearch-legacy.css @@ -1 +1 @@ -.cdx-typeahead-search__menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.4285714em;height:1.4285714em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.8571429em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch-rtl.css b/resources/lib/codex/modules/CdxTypeaheadSearch-rtl.css index 06762c100a1e..2ee1a86cd1e7 100644 --- a/resources/lib/codex/modules/CdxTypeaheadSearch-rtl.css +++ b/resources/lib/codex/modules/CdxTypeaheadSearch-rtl.css @@ -1 +1 @@ -.cdx-typeahead-search__menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-typeahead-search__menu.cdx-menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch.cjs b/resources/lib/codex/modules/CdxTypeaheadSearch.cjs new file mode 100644 index 000000000000..7b04a7f95bd7 --- /dev/null +++ b/resources/lib/codex/modules/CdxTypeaheadSearch.cjs @@ -0,0 +1 @@ +"use strict";var R=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var w=(e,o)=>{var r={};for(var u in e)H.call(e,u)&&o.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&R)for(var u of R(e))o.indexOf(u)<0&&O.call(e,u)&&(r[u]=e[u]);return r};const t=require("vue"),k=require("./Icon.js"),W=require("./CdxMenu.cjs"),G=require("./CdxSearchInput.cjs"),j=require("./useGeneratedId.cjs"),J=require("./useSplitAttributes.cjs"),h=require("./constants.js"),X=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.cjs");require("./useComputedLanguage.cjs");require("./CdxMenuItem.cjs");require("./CdxThumbnail.cjs");require("./CdxSearchResultTitle.cjs");require("./CdxProgressBar.cjs");require("./useWarnOnce.cjs");require("./useIntersectionObserver.cjs");require("./CdxButton.cjs");require("./useIconOnlyButton.js");require("./useSlotContents.js");require("./CdxTextInput.cjs");require("./useModelWrapper.cjs");require("./useFieldData.cjs");require("./useComputedDisabled.cjs");const Y=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:k.CdxIcon,CdxMenu:W,CdxSearchInput:G},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:h.DebounceInterval},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:o,emit:r,slots:u}){const S=t.ref(),i=t.ref(),C=j("typeahead-search-menu"),s=t.ref(!1),g=t.ref(!1),l=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),M=t.computed(()=>{var a,n;return(n=(a=i.value)==null?void 0:a.getHighlightedMenuItem())==null?void 0:n.id}),y=t.ref(null),x=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),d=t.computed(()=>e.searchResults.find(a=>a.value===y.value)),N=t.computed(()=>e.searchFooterUrl?{value:h.MenuFooterValue,url:e.searchFooterUrl}:void 0),F=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:T,rootStyle:U,otherAttrs:E}=J(o,F);function $(a){return a}const K=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let b,v;function I(a,n=!1){d.value&&d.value.label!==a&&d.value.value!==a&&(y.value=null),v!==void 0&&(clearTimeout(v),v=void 0),a===""?s.value=!1:(g.value=!0,u["search-results-pending"]&&(v=setTimeout(()=>{p.value&&(s.value=!0),l.value=!0},h.PendingDelay))),b!==void 0&&(clearTimeout(b),b=void 0);const c=()=>{r("input",a)};n?c():b=setTimeout(()=>{c()},e.debounceInterval)}function B(a){var n;if(a===h.MenuFooterValue){y.value=null,m.value=f.value;return}y.value=a,a!==null&&(m.value=d.value?(n=d.value.label)!=null?n:String(d.value.value):"")}function A(){p.value=!0,(f.value||l.value)&&(s.value=!0)}function L(){p.value=!1,s.value=!1}function V(a){const _=a,{id:n}=_,c=w(_,["id"]);if(c.value===h.MenuFooterValue){r("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}q(c)}function q(a){const n={searchResult:a,index:e.searchResults.findIndex(c=>c.value===a.value),numberOfResults:e.searchResults.length};r("search-result-click",n)}function Q(a){var n;if(a.value===h.MenuFooterValue){m.value=f.value;return}m.value=a.value?(n=a.label)!=null?n:String(a.value):""}function D(a){var n;s.value=!1,(n=i.value)==null||n.clearActive(),V(a)}function P(a){if(d.value)q(d.value),a.stopPropagation(),window.location.assign(d.value.url),a.preventDefault();else{const n={searchResult:null,index:-1,numberOfResults:e.searchResults.length};r("submit",n)}}function z(a){if(!i.value||!f.value||a.key===" ")return;const n=i.value.getHighlightedMenuItem(),c=i.value.getHighlightedViaKeyboard();switch(a.key){case"Enter":n&&(n.value===h.MenuFooterValue&&c?window.location.assign(e.searchFooterUrl):i.value.delegateKeyNavigation(a,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:i.value.delegateKeyNavigation(a);break}}return t.onMounted(()=>{e.initialInputValue&&I(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&g.value&&f.value.length>0&&(s.value=!0),v!==void 0&&(clearTimeout(v),v=void 0),g.value=!1,l.value=!1}),{form:S,menu:i,menuId:C,highlightedId:M,selection:y,menuMessageClass:x,footer:N,asSearchResult:$,inputValue:m,searchQuery:f,expanded:s,showPending:l,rootClasses:T,rootStyle:U,otherAttrs:E,menuConfig:K,onUpdateInputValue:I,onUpdateMenuSelection:B,onFocus:A,onBlur:L,onSearchResultClick:V,onSearchResultKeyboardNavigation:Q,onSearchFooterClick:D,onSubmit:P,onKeydown:z,MenuFooterValue:h.MenuFooterValue,articleIcon:k.f3}},methods:{focus(){this.$refs.searchInput.focus()}}});const Z=["id","action"],ee={class:"cdx-typeahead-search__menu-message__text"},te={class:"cdx-typeahead-search__menu-message__text"},ae=["href","onClickCapture"],ne={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},le={class:"cdx-typeahead-search__search-footer__query"};function oe(e,o,r,u,S,i){const C=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-menu"),g=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:o[4]||(o[4]=(...l)=>e.onSubmit&&e.onSubmit(...l))},[t.createVNode(g,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":o[3]||(o[3]=l=>e.inputValue=l),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(s,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":o[0]||(o[0]=l=>e.expanded=l),class:"cdx-typeahead-search__menu","show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:o[1]||(o[1]=l=>e.onSearchResultClick(e.asSearchResult(l))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:o[2]||(o[2]=l=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",ee,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",te,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:l,active:p})=>[l.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(l).url,onClickCapture:t.withModifiers(m=>e.onSearchFooterClick(e.asSearchResult(l)),["stop"])},[t.createVNode(C,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",ne,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",le,t.toDisplayString(e.searchQuery),1)])])],42,ae)):t.createCommentVNode("",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Z)],6)}const ue=X._export_sfc(Y,[["render",oe]]);module.exports=ue; diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch.css b/resources/lib/codex/modules/CdxTypeaheadSearch.css index 8558425d19e4..d0260bfdc496 100644 --- a/resources/lib/codex/modules/CdxTypeaheadSearch.css +++ b/resources/lib/codex/modules/CdxTypeaheadSearch.css @@ -1 +1 @@ -.cdx-typeahead-search__menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:#202122}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:#54595d}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25em;height:1.25em;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5em}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch.js b/resources/lib/codex/modules/CdxTypeaheadSearch.js deleted file mode 100644 index 03b6a939df9b..000000000000 --- a/resources/lib/codex/modules/CdxTypeaheadSearch.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var R=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var w=(e,o)=>{var r={};for(var u in e)H.call(e,u)&&o.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&R)for(var u of R(e))o.indexOf(u)<0&&O.call(e,u)&&(r[u]=e[u]);return r};const t=require("vue"),k=require("./Icon.js"),W=require("./CdxMenu.js"),G=require("./CdxSearchInput.js"),j=require("./useGeneratedId.js"),J=require("./useSplitAttributes.js"),h=require("./constants.js"),X=require("./_plugin-vue_export-helper.js");require("./useComputedDirection.js");require("./useComputedLanguage.js");require("./CdxMenuItem.js");require("./CdxThumbnail.js");require("./CdxSearchResultTitle.js");require("./CdxProgressBar.js");require("./useWarnOnce.js");require("./useIntersectionObserver.js");require("./CdxButton.js");require("./useIconOnlyButton.js");require("./useSlotContents2.js");require("./CdxTextInput.js");require("./useModelWrapper.js");require("./useFieldData.js");require("./useComputedDisabled.js");const Y=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:k.CdxIcon,CdxMenu:W,CdxSearchInput:G},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchResults:{type:Array,required:!0},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:h.DebounceInterval},highlightQuery:{type:Boolean,default:!1},showThumbnail:{type:Boolean,default:!1},autoExpandWidth:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:o,emit:r,slots:u}){const S=t.ref(),i=t.ref(),C=j("typeahead-search-menu"),s=t.ref(!1),g=t.ref(!1),l=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),M=t.computed(()=>{var a,n;return(n=(a=i.value)==null?void 0:a.getHighlightedMenuItem())==null?void 0:n.id}),y=t.ref(null),x=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),d=t.computed(()=>e.searchResults.find(a=>a.value===y.value)),N=t.computed(()=>e.searchFooterUrl?{value:h.MenuFooterValue,url:e.searchFooterUrl}:void 0),F=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:T,rootStyle:U,otherAttrs:E}=J(o,F);function $(a){return a}const K=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let b,v;function I(a,n=!1){d.value&&d.value.label!==a&&d.value.value!==a&&(y.value=null),v!==void 0&&(clearTimeout(v),v=void 0),a===""?s.value=!1:(g.value=!0,u["search-results-pending"]&&(v=setTimeout(()=>{p.value&&(s.value=!0),l.value=!0},h.PendingDelay))),b!==void 0&&(clearTimeout(b),b=void 0);const c=()=>{r("input",a)};n?c():b=setTimeout(()=>{c()},e.debounceInterval)}function B(a){var n;if(a===h.MenuFooterValue){y.value=null,m.value=f.value;return}y.value=a,a!==null&&(m.value=d.value?(n=d.value.label)!=null?n:String(d.value.value):"")}function A(){p.value=!0,(f.value||l.value)&&(s.value=!0)}function L(){p.value=!1,s.value=!1}function V(a){const _=a,{id:n}=_,c=w(_,["id"]);if(c.value===h.MenuFooterValue){r("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}q(c)}function q(a){const n={searchResult:a,index:e.searchResults.findIndex(c=>c.value===a.value),numberOfResults:e.searchResults.length};r("search-result-click",n)}function Q(a){var n;if(a.value===h.MenuFooterValue){m.value=f.value;return}m.value=a.value?(n=a.label)!=null?n:String(a.value):""}function D(a){var n;s.value=!1,(n=i.value)==null||n.clearActive(),V(a)}function P(a){if(d.value)q(d.value),a.stopPropagation(),window.location.assign(d.value.url),a.preventDefault();else{const n={searchResult:null,index:-1,numberOfResults:e.searchResults.length};r("submit",n)}}function z(a){if(!i.value||!f.value||a.key===" ")return;const n=i.value.getHighlightedMenuItem(),c=i.value.getHighlightedViaKeyboard();switch(a.key){case"Enter":n&&(n.value===h.MenuFooterValue&&c?window.location.assign(e.searchFooterUrl):i.value.delegateKeyNavigation(a,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:i.value.delegateKeyNavigation(a);break}}return t.onMounted(()=>{e.initialInputValue&&I(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&g.value&&f.value.length>0&&(s.value=!0),v!==void 0&&(clearTimeout(v),v=void 0),g.value=!1,l.value=!1}),{form:S,menu:i,menuId:C,highlightedId:M,selection:y,menuMessageClass:x,footer:N,asSearchResult:$,inputValue:m,searchQuery:f,expanded:s,showPending:l,rootClasses:T,rootStyle:U,otherAttrs:E,menuConfig:K,onUpdateInputValue:I,onUpdateMenuSelection:B,onFocus:A,onBlur:L,onSearchResultClick:V,onSearchResultKeyboardNavigation:Q,onSearchFooterClick:D,onSubmit:P,onKeydown:z,MenuFooterValue:h.MenuFooterValue,articleIcon:k.f3}},methods:{focus(){this.$refs.searchInput.focus()}}});const Z=["id","action"],ee={class:"cdx-typeahead-search__menu-message__text"},te={class:"cdx-typeahead-search__menu-message__text"},ae=["href","onClickCapture"],ne={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},le={class:"cdx-typeahead-search__search-footer__query"};function oe(e,o,r,u,S,i){const C=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-menu"),g=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:o[4]||(o[4]=(...l)=>e.onSubmit&&e.onSubmit(...l))},[t.createVNode(g,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":o[3]||(o[3]=l=>e.inputValue=l),"button-label":e.buttonLabel},e.otherAttrs,{class:"cdx-typeahead-search__input",name:"search",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,"onUpdate:modelValue":e.onUpdateInputValue,onFocus:e.onFocus,onBlur:e.onBlur,onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.createVNode(s,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":o[0]||(o[0]=l=>e.expanded=l),class:"cdx-typeahead-search__menu","show-pending":e.showPending,selected:e.selection,"menu-items":e.searchResults,footer:e.footer,"search-query":e.highlightQuery?e.searchQuery:"","show-no-results-slot":e.searchQuery.length>0&&e.searchResults.length===0&&e.$slots["search-no-results-text"]&&e.$slots["search-no-results-text"]().length>0},e.menuConfig,{"aria-label":e.searchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:o[1]||(o[1]=l=>e.onSearchResultClick(e.asSearchResult(l))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:o[2]||(o[2]=l=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",ee,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",te,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:l,active:p})=>[l.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":p}]),href:e.asSearchResult(l).url,onClickCapture:t.withModifiers(m=>e.onSearchFooterClick(e.asSearchResult(l)),["stop"])},[t.createVNode(C,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",ne,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",le,t.toDisplayString(e.searchQuery),1)])])],42,ae)):t.createCommentVNode("v-if",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Z)],6)}const ue=X._export_sfc(Y,[["render",oe]]);module.exports=ue; diff --git a/resources/lib/codex/modules/Icon.js b/resources/lib/codex/modules/Icon.js index 8ac3c107a964..66ec45dccaa4 100644 --- a/resources/lib/codex/modules/Icon.js +++ b/resources/lib/codex/modules/Icon.js @@ -1 +1 @@ -"use strict";const t=require("vue"),m=require("./useComputedDirection.js"),v=require("./useComputedLanguage.js"),s=require("./constants.js"),g=require("./_plugin-vue_export-helper.js"),f='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',z='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',L='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',M='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',y='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',C='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',_='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',k='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',S='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',H='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',E='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',x='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',B='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',w=f,V=z,A=L,F=M,q=y,I=C,b=_,D={langCodeMap:{ar:k},default:S},$={ltr:H,shouldFlip:!0},J={ltr:E,shouldFlip:!0},j=x,T=B;function O(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function P(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}const Y=s.makeStringTypeValidator(s.IconSizes),K=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:Y}},setup(e){const n=t.ref(),o=m(n),i=v(n),d=t.computed(()=>{var l;return(l=e.dir)!=null?l:o.value}),a=t.computed(()=>{var l;return(l=e.lang)!=null?l:i.value}),u=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&a.value!==null&&P(e.icon,a.value),["cdx-icon--".concat(e.size)]:!0})),r=t.computed(()=>{var l,p;return O(e.icon,(l=a.value)!=null?l:"",(p=d.value)!=null?p:"ltr")}),c=t.computed(()=>typeof r.value=="string"?r.value:""),h=t.computed(()=>typeof r.value!="string"?r.value.path:"");return{rootElement:n,rootClasses:u,iconSvg:c,iconPath:h}}});const N=["aria-hidden"],U={key:0},G=["innerHTML"],Q=["d"];function R(e,n,o,i,d,a){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",U,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,G)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Q))],8,N))],2)}const W=g._export_sfc(K,[["render",R]]);exports.CdxIcon=W;exports.E4=b;exports.E7=T;exports.J3=A;exports.J4=D;exports.L7=j;exports.Y6=$;exports.f3=V;exports.j3=F;exports.m3=w;exports.n7=J;exports.p4=I;exports.z4=q; +"use strict";const t=require("vue"),m=require("./useComputedDirection.cjs"),v=require("./useComputedLanguage.cjs"),s=require("./constants.js"),g=require("./_plugin-vue_export-helper.js"),f='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',z='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',L='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',M='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',y='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',C='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',_='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',k='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',S='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',H='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',E='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',x='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',B='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',w=f,V=z,A=L,F=M,q=y,I=C,b=_,D={langCodeMap:{ar:k},default:S},$={ltr:H,shouldFlip:!0},J={ltr:E,shouldFlip:!0},j=x,T=B;function O(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const i=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof i=="string"||"path"in i?i:i.ltr}function P(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}const Y=s.makeStringTypeValidator(s.IconSizes),K=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:Y}},setup(e){const n=t.ref(),o=m(n),i=v(n),d=t.computed(()=>{var l;return(l=e.dir)!=null?l:o.value}),a=t.computed(()=>{var l;return(l=e.lang)!=null?l:i.value}),u=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&a.value!==null&&P(e.icon,a.value),["cdx-icon--".concat(e.size)]:!0})),r=t.computed(()=>{var l,p;return O(e.icon,(l=a.value)!=null?l:"",(p=d.value)!=null?p:"ltr")}),c=t.computed(()=>typeof r.value=="string"?r.value:""),h=t.computed(()=>typeof r.value!="string"?r.value.path:"");return{rootElement:n,rootClasses:u,iconSvg:c,iconPath:h}}});const N=["aria-hidden"],U={key:0},G=["innerHTML"],Q=["d"];function R(e,n,o,i,d,a){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",U,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,G)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,Q))],8,N))],2)}const W=g._export_sfc(K,[["render",R]]);exports.CdxIcon=W;exports.E4=b;exports.E7=T;exports.J3=A;exports.J4=D;exports.L7=j;exports.Y6=$;exports.f3=V;exports.j3=F;exports.m3=w;exports.n7=J;exports.p4=I;exports.z4=q; diff --git a/resources/lib/codex/modules/constants.js b/resources/lib/codex/modules/constants.js index c9ee9b19096d..ef83c00621b5 100644 --- a/resources/lib/codex/modules/constants.js +++ b/resources/lib/codex/modules/constants.js @@ -1 +1 @@ -"use strict";function t(n){return e=>typeof e=="string"&&n.indexOf(e)!==-1}const s="cdx",o=["default","progressive","destructive"],i=["normal","primary","quiet"],a=["medium","large"],l=["x-small","small","medium"],r=["notice","warning","error","success"],d=t(r),c=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],u=["default","error"],y=120,m=500,p="cdx-menu-footer-item",b=Symbol("CdxTabs"),S=Symbol("CdxActiveTab"),I=Symbol("CdxFieldInputId"),T=Symbol("CdxFieldDescriptionId"),x=Symbol("CdxFieldStatus"),K=Symbol("CdxDisabled"),F="".concat(s,"-no-invert");exports.ActiveTabKey=S;exports.ButtonActions=o;exports.ButtonSizes=a;exports.ButtonWeights=i;exports.DebounceInterval=y;exports.DisabledKey=K;exports.FieldDescriptionIdKey=T;exports.FieldInputIdKey=I;exports.FieldStatusKey=x;exports.IconSizes=l;exports.LibraryPrefix=s;exports.MenuFooterValue=p;exports.NoInvertClass=F;exports.PendingDelay=m;exports.TabsKey=b;exports.TextInputTypes=c;exports.ValidationStatusTypes=u;exports.makeStringTypeValidator=t;exports.statusTypeValidator=d; +"use strict";function t(n){return e=>typeof e=="string"&&n.indexOf(e)!==-1}const s="cdx",o=["default","progressive","destructive"],i=["normal","primary","quiet"],a=["medium","large"],r=["x-small","small","medium"],l=["notice","warning","error","success"],c=t(l),d=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],u=["default","warning","error","success"],y=120,m=500,p="cdx-menu-footer-item",b=Symbol("CdxTabs"),S=Symbol("CdxActiveTab"),I=Symbol("CdxFieldInputId"),T=Symbol("CdxFieldDescriptionId"),x=Symbol("CdxFieldStatus"),K=Symbol("CdxDisabled"),g="".concat(s,"-no-invert");exports.ActiveTabKey=S;exports.ButtonActions=o;exports.ButtonSizes=a;exports.ButtonWeights=i;exports.DebounceInterval=y;exports.DisabledKey=K;exports.FieldDescriptionIdKey=T;exports.FieldInputIdKey=I;exports.FieldStatusKey=x;exports.IconSizes=r;exports.LibraryPrefix=s;exports.MenuFooterValue=p;exports.NoInvertClass=g;exports.PendingDelay=m;exports.TabsKey=b;exports.TextInputTypes=d;exports.ValidationStatusTypes=u;exports.makeStringTypeValidator=t;exports.statusTypeValidator=c; diff --git a/resources/lib/codex/modules/manifest-legacy-rtl.json b/resources/lib/codex/modules/manifest-legacy-rtl.json index 9bb16b1ebf01..4d682a472c04 100644 --- a/resources/lib/codex/modules/manifest-legacy-rtl.json +++ b/resources/lib/codex/modules/manifest-legacy-rtl.json @@ -27,19 +27,19 @@ "_useIconOnlyButton.js": { "file": "useIconOnlyButton.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, "_useLabelChecker.js": { "file": "useLabelChecker.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, - "_useSlotContents2.js": { - "file": "useSlotContents2.js" + "_useSlotContents.js": { + "file": "useSlotContents.js" }, "src/components/accordion/Accordion.css": { "file": "CdxAccordion-legacy-rtl.css", @@ -49,17 +49,16 @@ "css": [ "CdxAccordion-legacy-rtl.css" ], - "file": "CdxAccordion.js", + "file": "CdxAccordion.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", - "src/composables/useGeneratedId.ts", "__plugin-vue_export-helper.js", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -73,7 +72,7 @@ "css": [ "CdxButtonGroup-legacy-rtl.css" ], - "file": "CdxButtonGroup.js", + "file": "CdxButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "src/components/button/Button.vue", @@ -81,7 +80,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -97,12 +96,12 @@ "css": [ "CdxButton-legacy-rtl.css" ], - "file": "CdxButton.js", + "file": "CdxButton.cjs", "imports": [ "_constants.js", "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -116,7 +115,7 @@ "css": [ "CdxCard-legacy-rtl.css" ], - "file": "CdxCard.js", + "file": "CdxCard.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -136,7 +135,7 @@ "css": [ "CdxCheckbox-legacy-rtl.css" ], - "file": "CdxCheckbox.js", + "file": "CdxCheckbox.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -149,7 +148,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -164,7 +163,7 @@ "css": [ "CdxChipInput-legacy-rtl.css" ], - "file": "CdxChipInput.js", + "file": "CdxChipInput.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -174,7 +173,7 @@ "src/composables/useFieldData.ts", "src/composables/useComputedDirection.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedLanguage.ts", "src/composables/useComputedDisabled.ts" @@ -190,7 +189,7 @@ "css": [ "CdxCombobox-legacy-rtl.css" ], - "file": "CdxCombobox.js", + "file": "CdxCombobox.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -206,7 +205,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/components/menu-item/MenuItem.vue", "src/components/thumbnail/Thumbnail.vue", @@ -226,7 +225,7 @@ "css": [ "CdxDialog-legacy-rtl.css" ], - "file": "CdxDialog.js", + "file": "CdxDialog.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -235,7 +234,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -251,7 +250,7 @@ "css": [ "CdxField-legacy-rtl.css" ], - "file": "CdxField.js", + "file": "CdxField.cjs", "imports": [ "src/components/label/Label.vue", "src/components/message/Message.vue", @@ -266,14 +265,14 @@ "src/composables/useSplitAttributes.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, "src": "src/components/field/Field.vue" }, "src/components/icon/Icon.vue": { - "file": "CdxIcon.js", + "file": "CdxIcon.cjs", "imports": [ "_Icon.js", "__plugin-vue_export-helper.js", @@ -292,7 +291,7 @@ "css": [ "CdxInfoChip-legacy-rtl.css" ], - "file": "CdxInfoChip.js", + "file": "CdxInfoChip.cjs", "imports": [ "_constants.js", "_Icon.js", @@ -311,7 +310,7 @@ "css": [ "CdxLabel-legacy-rtl.css" ], - "file": "CdxLabel.js", + "file": "CdxLabel.cjs", "imports": [ "_Icon.js", "src/composables/useFieldData.ts", @@ -333,7 +332,7 @@ "css": [ "CdxLookup-legacy-rtl.css" ], - "file": "CdxLookup.js", + "file": "CdxLookup.cjs", "imports": [ "src/components/menu/Menu.vue", "src/components/text-input/TextInput.vue", @@ -366,7 +365,7 @@ "css": [ "CdxMenuItem-legacy-rtl.css" ], - "file": "CdxMenuItem.js", + "file": "CdxMenuItem.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -387,7 +386,7 @@ "css": [ "CdxMenu-legacy-rtl.css" ], - "file": "CdxMenu.js", + "file": "CdxMenu.cjs", "imports": [ "src/components/menu-item/MenuItem.vue", "src/components/progress-bar/ProgressBar.vue", @@ -414,7 +413,7 @@ "css": [ "CdxMessage-legacy-rtl.css" ], - "file": "CdxMessage.js", + "file": "CdxMessage.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -423,7 +422,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -437,7 +436,7 @@ "css": [ "CdxProgressBar-legacy-rtl.css" ], - "file": "CdxProgressBar.js", + "file": "CdxProgressBar.cjs", "imports": [ "src/composables/useWarnOnce.ts", "__plugin-vue_export-helper.js" @@ -453,7 +452,7 @@ "css": [ "CdxRadio-legacy-rtl.css" ], - "file": "CdxRadio.js", + "file": "CdxRadio.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -466,7 +465,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -481,7 +480,7 @@ "css": [ "CdxSearchInput-legacy-rtl.css" ], - "file": "CdxSearchInput.js", + "file": "CdxSearchInput.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -494,7 +493,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -509,7 +508,7 @@ "css": [ "CdxSearchResultTitle-legacy-rtl.css" ], - "file": "CdxSearchResultTitle.js", + "file": "CdxSearchResultTitle.cjs", "imports": [ "__plugin-vue_export-helper.js" ], @@ -524,7 +523,7 @@ "css": [ "CdxSelect-legacy-rtl.css" ], - "file": "CdxSelect.js", + "file": "CdxSelect.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -556,7 +555,7 @@ "css": [ "CdxTab-legacy-rtl.css" ], - "file": "CdxTab.js", + "file": "CdxTab.cjs", "imports": [ "_constants.js", "__plugin-vue_export-helper.js" @@ -572,7 +571,7 @@ "css": [ "CdxTabs-legacy-rtl.css" ], - "file": "CdxTabs.js", + "file": "CdxTabs.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -581,7 +580,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useModelWrapper.ts", "src/composables/useIntersectionObserver.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "_constants.js", "__plugin-vue_export-helper.js", "src/composables/useComputedLanguage.ts", @@ -599,7 +598,7 @@ "css": [ "CdxTextArea-legacy-rtl.css" ], - "file": "CdxTextArea.js", + "file": "CdxTextArea.cjs", "imports": [ "_Icon.js", "src/composables/useSplitAttributes.ts", @@ -622,7 +621,7 @@ "css": [ "CdxTextInput-legacy-rtl.css" ], - "file": "CdxTextInput.js", + "file": "CdxTextInput.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -645,7 +644,7 @@ "css": [ "CdxThumbnail-legacy-rtl.css" ], - "file": "CdxThumbnail.js", + "file": "CdxThumbnail.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -664,7 +663,7 @@ "css": [ "CdxToggleButtonGroup-legacy-rtl.css" ], - "file": "CdxToggleButtonGroup.js", + "file": "CdxToggleButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "_Icon.js", @@ -674,7 +673,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -688,11 +687,11 @@ "css": [ "CdxToggleButton-legacy-rtl.css" ], - "file": "CdxToggleButton.js", + "file": "CdxToggleButton.cjs", "imports": [ "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -706,7 +705,7 @@ "css": [ "CdxToggleSwitch-legacy-rtl.css" ], - "file": "CdxToggleSwitch.js", + "file": "CdxToggleSwitch.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -719,7 +718,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -734,7 +733,7 @@ "css": [ "CdxTypeaheadSearch-legacy-rtl.css" ], - "file": "CdxTypeaheadSearch.js", + "file": "CdxTypeaheadSearch.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -753,7 +752,7 @@ "src/composables/useIntersectionObserver.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/components/text-input/TextInput.vue", "src/composables/useModelWrapper.ts", "src/composables/useFieldData.ts", @@ -763,12 +762,12 @@ "src": "src/components/typeahead-search/TypeaheadSearch.vue" }, "src/composables/useComputedDirection.ts": { - "file": "useComputedDirection.js", + "file": "useComputedDirection.cjs", "isEntry": true, "src": "src/composables/useComputedDirection.ts" }, "src/composables/useComputedDisabled.ts": { - "file": "useComputedDisabled.js", + "file": "useComputedDisabled.cjs", "imports": [ "_constants.js" ], @@ -776,12 +775,12 @@ "src": "src/composables/useComputedDisabled.ts" }, "src/composables/useComputedLanguage.ts": { - "file": "useComputedLanguage.js", + "file": "useComputedLanguage.cjs", "isEntry": true, "src": "src/composables/useComputedLanguage.ts" }, "src/composables/useFieldData.ts": { - "file": "useFieldData.js", + "file": "useFieldData.cjs", "imports": [ "src/composables/useComputedDisabled.ts", "_constants.js" @@ -790,12 +789,12 @@ "src": "src/composables/useFieldData.ts" }, "src/composables/useFloatingMenu.ts": { - "file": "useFloatingMenu.js", + "file": "useFloatingMenu.cjs", "isEntry": true, "src": "src/composables/useFloatingMenu.ts" }, "src/composables/useGeneratedId.ts": { - "file": "useGeneratedId.js", + "file": "useGeneratedId.cjs", "imports": [ "_constants.js" ], @@ -803,35 +802,35 @@ "src": "src/composables/useGeneratedId.ts" }, "src/composables/useIntersectionObserver.ts": { - "file": "useIntersectionObserver.js", + "file": "useIntersectionObserver.cjs", "isEntry": true, "src": "src/composables/useIntersectionObserver.ts" }, "src/composables/useModelWrapper.ts": { - "file": "useModelWrapper.js", + "file": "useModelWrapper.cjs", "isEntry": true, "src": "src/composables/useModelWrapper.ts" }, "src/composables/useResizeObserver.ts": { - "file": "useResizeObserver.js", + "file": "useResizeObserver.cjs", "isEntry": true, "src": "src/composables/useResizeObserver.ts" }, "src/composables/useSlotContents.ts": { - "file": "useSlotContents.js", + "file": "useSlotContents.cjs", "imports": [ - "_useSlotContents2.js" + "_useSlotContents.js" ], "isEntry": true, "src": "src/composables/useSlotContents.ts" }, "src/composables/useSplitAttributes.ts": { - "file": "useSplitAttributes.js", + "file": "useSplitAttributes.cjs", "isEntry": true, "src": "src/composables/useSplitAttributes.ts" }, "src/composables/useWarnOnce.ts": { - "file": "useWarnOnce.js", + "file": "useWarnOnce.cjs", "isEntry": true, "src": "src/composables/useWarnOnce.ts" } diff --git a/resources/lib/codex/modules/manifest-legacy.json b/resources/lib/codex/modules/manifest-legacy.json index 19a7d3f6b297..2a09455a0cdc 100644 --- a/resources/lib/codex/modules/manifest-legacy.json +++ b/resources/lib/codex/modules/manifest-legacy.json @@ -27,19 +27,19 @@ "_useIconOnlyButton.js": { "file": "useIconOnlyButton.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, "_useLabelChecker.js": { "file": "useLabelChecker.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, - "_useSlotContents2.js": { - "file": "useSlotContents2.js" + "_useSlotContents.js": { + "file": "useSlotContents.js" }, "src/components/accordion/Accordion.css": { "file": "CdxAccordion-legacy.css", @@ -49,17 +49,16 @@ "css": [ "CdxAccordion-legacy.css" ], - "file": "CdxAccordion.js", + "file": "CdxAccordion.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", - "src/composables/useGeneratedId.ts", "__plugin-vue_export-helper.js", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -73,7 +72,7 @@ "css": [ "CdxButtonGroup-legacy.css" ], - "file": "CdxButtonGroup.js", + "file": "CdxButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "src/components/button/Button.vue", @@ -81,7 +80,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -97,12 +96,12 @@ "css": [ "CdxButton-legacy.css" ], - "file": "CdxButton.js", + "file": "CdxButton.cjs", "imports": [ "_constants.js", "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -116,7 +115,7 @@ "css": [ "CdxCard-legacy.css" ], - "file": "CdxCard.js", + "file": "CdxCard.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -136,7 +135,7 @@ "css": [ "CdxCheckbox-legacy.css" ], - "file": "CdxCheckbox.js", + "file": "CdxCheckbox.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -149,7 +148,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -164,7 +163,7 @@ "css": [ "CdxChipInput-legacy.css" ], - "file": "CdxChipInput.js", + "file": "CdxChipInput.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -174,7 +173,7 @@ "src/composables/useFieldData.ts", "src/composables/useComputedDirection.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedLanguage.ts", "src/composables/useComputedDisabled.ts" @@ -190,7 +189,7 @@ "css": [ "CdxCombobox-legacy.css" ], - "file": "CdxCombobox.js", + "file": "CdxCombobox.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -206,7 +205,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/components/menu-item/MenuItem.vue", "src/components/thumbnail/Thumbnail.vue", @@ -226,7 +225,7 @@ "css": [ "CdxDialog-legacy.css" ], - "file": "CdxDialog.js", + "file": "CdxDialog.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -235,7 +234,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -251,7 +250,7 @@ "css": [ "CdxField-legacy.css" ], - "file": "CdxField.js", + "file": "CdxField.cjs", "imports": [ "src/components/label/Label.vue", "src/components/message/Message.vue", @@ -266,14 +265,14 @@ "src/composables/useSplitAttributes.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, "src": "src/components/field/Field.vue" }, "src/components/icon/Icon.vue": { - "file": "CdxIcon.js", + "file": "CdxIcon.cjs", "imports": [ "_Icon.js", "__plugin-vue_export-helper.js", @@ -292,7 +291,7 @@ "css": [ "CdxInfoChip-legacy.css" ], - "file": "CdxInfoChip.js", + "file": "CdxInfoChip.cjs", "imports": [ "_constants.js", "_Icon.js", @@ -311,7 +310,7 @@ "css": [ "CdxLabel-legacy.css" ], - "file": "CdxLabel.js", + "file": "CdxLabel.cjs", "imports": [ "_Icon.js", "src/composables/useFieldData.ts", @@ -333,7 +332,7 @@ "css": [ "CdxLookup-legacy.css" ], - "file": "CdxLookup.js", + "file": "CdxLookup.cjs", "imports": [ "src/components/menu/Menu.vue", "src/components/text-input/TextInput.vue", @@ -366,7 +365,7 @@ "css": [ "CdxMenuItem-legacy.css" ], - "file": "CdxMenuItem.js", + "file": "CdxMenuItem.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -387,7 +386,7 @@ "css": [ "CdxMenu-legacy.css" ], - "file": "CdxMenu.js", + "file": "CdxMenu.cjs", "imports": [ "src/components/menu-item/MenuItem.vue", "src/components/progress-bar/ProgressBar.vue", @@ -414,7 +413,7 @@ "css": [ "CdxMessage-legacy.css" ], - "file": "CdxMessage.js", + "file": "CdxMessage.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -423,7 +422,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -437,7 +436,7 @@ "css": [ "CdxProgressBar-legacy.css" ], - "file": "CdxProgressBar.js", + "file": "CdxProgressBar.cjs", "imports": [ "src/composables/useWarnOnce.ts", "__plugin-vue_export-helper.js" @@ -453,7 +452,7 @@ "css": [ "CdxRadio-legacy.css" ], - "file": "CdxRadio.js", + "file": "CdxRadio.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -466,7 +465,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -481,7 +480,7 @@ "css": [ "CdxSearchInput-legacy.css" ], - "file": "CdxSearchInput.js", + "file": "CdxSearchInput.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -494,7 +493,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -509,7 +508,7 @@ "css": [ "CdxSearchResultTitle-legacy.css" ], - "file": "CdxSearchResultTitle.js", + "file": "CdxSearchResultTitle.cjs", "imports": [ "__plugin-vue_export-helper.js" ], @@ -524,7 +523,7 @@ "css": [ "CdxSelect-legacy.css" ], - "file": "CdxSelect.js", + "file": "CdxSelect.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -556,7 +555,7 @@ "css": [ "CdxTab-legacy.css" ], - "file": "CdxTab.js", + "file": "CdxTab.cjs", "imports": [ "_constants.js", "__plugin-vue_export-helper.js" @@ -572,7 +571,7 @@ "css": [ "CdxTabs-legacy.css" ], - "file": "CdxTabs.js", + "file": "CdxTabs.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -581,7 +580,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useModelWrapper.ts", "src/composables/useIntersectionObserver.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "_constants.js", "__plugin-vue_export-helper.js", "src/composables/useComputedLanguage.ts", @@ -599,7 +598,7 @@ "css": [ "CdxTextArea-legacy.css" ], - "file": "CdxTextArea.js", + "file": "CdxTextArea.cjs", "imports": [ "_Icon.js", "src/composables/useSplitAttributes.ts", @@ -622,7 +621,7 @@ "css": [ "CdxTextInput-legacy.css" ], - "file": "CdxTextInput.js", + "file": "CdxTextInput.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -645,7 +644,7 @@ "css": [ "CdxThumbnail-legacy.css" ], - "file": "CdxThumbnail.js", + "file": "CdxThumbnail.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -664,7 +663,7 @@ "css": [ "CdxToggleButtonGroup-legacy.css" ], - "file": "CdxToggleButtonGroup.js", + "file": "CdxToggleButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "_Icon.js", @@ -674,7 +673,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -688,11 +687,11 @@ "css": [ "CdxToggleButton-legacy.css" ], - "file": "CdxToggleButton.js", + "file": "CdxToggleButton.cjs", "imports": [ "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -706,7 +705,7 @@ "css": [ "CdxToggleSwitch-legacy.css" ], - "file": "CdxToggleSwitch.js", + "file": "CdxToggleSwitch.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -719,7 +718,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -734,7 +733,7 @@ "css": [ "CdxTypeaheadSearch-legacy.css" ], - "file": "CdxTypeaheadSearch.js", + "file": "CdxTypeaheadSearch.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -753,7 +752,7 @@ "src/composables/useIntersectionObserver.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/components/text-input/TextInput.vue", "src/composables/useModelWrapper.ts", "src/composables/useFieldData.ts", @@ -763,12 +762,12 @@ "src": "src/components/typeahead-search/TypeaheadSearch.vue" }, "src/composables/useComputedDirection.ts": { - "file": "useComputedDirection.js", + "file": "useComputedDirection.cjs", "isEntry": true, "src": "src/composables/useComputedDirection.ts" }, "src/composables/useComputedDisabled.ts": { - "file": "useComputedDisabled.js", + "file": "useComputedDisabled.cjs", "imports": [ "_constants.js" ], @@ -776,12 +775,12 @@ "src": "src/composables/useComputedDisabled.ts" }, "src/composables/useComputedLanguage.ts": { - "file": "useComputedLanguage.js", + "file": "useComputedLanguage.cjs", "isEntry": true, "src": "src/composables/useComputedLanguage.ts" }, "src/composables/useFieldData.ts": { - "file": "useFieldData.js", + "file": "useFieldData.cjs", "imports": [ "src/composables/useComputedDisabled.ts", "_constants.js" @@ -790,12 +789,12 @@ "src": "src/composables/useFieldData.ts" }, "src/composables/useFloatingMenu.ts": { - "file": "useFloatingMenu.js", + "file": "useFloatingMenu.cjs", "isEntry": true, "src": "src/composables/useFloatingMenu.ts" }, "src/composables/useGeneratedId.ts": { - "file": "useGeneratedId.js", + "file": "useGeneratedId.cjs", "imports": [ "_constants.js" ], @@ -803,35 +802,35 @@ "src": "src/composables/useGeneratedId.ts" }, "src/composables/useIntersectionObserver.ts": { - "file": "useIntersectionObserver.js", + "file": "useIntersectionObserver.cjs", "isEntry": true, "src": "src/composables/useIntersectionObserver.ts" }, "src/composables/useModelWrapper.ts": { - "file": "useModelWrapper.js", + "file": "useModelWrapper.cjs", "isEntry": true, "src": "src/composables/useModelWrapper.ts" }, "src/composables/useResizeObserver.ts": { - "file": "useResizeObserver.js", + "file": "useResizeObserver.cjs", "isEntry": true, "src": "src/composables/useResizeObserver.ts" }, "src/composables/useSlotContents.ts": { - "file": "useSlotContents.js", + "file": "useSlotContents.cjs", "imports": [ - "_useSlotContents2.js" + "_useSlotContents.js" ], "isEntry": true, "src": "src/composables/useSlotContents.ts" }, "src/composables/useSplitAttributes.ts": { - "file": "useSplitAttributes.js", + "file": "useSplitAttributes.cjs", "isEntry": true, "src": "src/composables/useSplitAttributes.ts" }, "src/composables/useWarnOnce.ts": { - "file": "useWarnOnce.js", + "file": "useWarnOnce.cjs", "isEntry": true, "src": "src/composables/useWarnOnce.ts" } diff --git a/resources/lib/codex/modules/manifest-rtl.json b/resources/lib/codex/modules/manifest-rtl.json index 99b03b839f52..87c2ebc93097 100644 --- a/resources/lib/codex/modules/manifest-rtl.json +++ b/resources/lib/codex/modules/manifest-rtl.json @@ -27,19 +27,19 @@ "_useIconOnlyButton.js": { "file": "useIconOnlyButton.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, "_useLabelChecker.js": { "file": "useLabelChecker.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, - "_useSlotContents2.js": { - "file": "useSlotContents2.js" + "_useSlotContents.js": { + "file": "useSlotContents.js" }, "src/components/accordion/Accordion.css": { "file": "CdxAccordion-rtl.css", @@ -49,17 +49,16 @@ "css": [ "CdxAccordion-rtl.css" ], - "file": "CdxAccordion.js", + "file": "CdxAccordion.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", - "src/composables/useGeneratedId.ts", "__plugin-vue_export-helper.js", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -73,7 +72,7 @@ "css": [ "CdxButtonGroup-rtl.css" ], - "file": "CdxButtonGroup.js", + "file": "CdxButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "src/components/button/Button.vue", @@ -81,7 +80,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -97,12 +96,12 @@ "css": [ "CdxButton-rtl.css" ], - "file": "CdxButton.js", + "file": "CdxButton.cjs", "imports": [ "_constants.js", "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -116,7 +115,7 @@ "css": [ "CdxCard-rtl.css" ], - "file": "CdxCard.js", + "file": "CdxCard.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -136,7 +135,7 @@ "css": [ "CdxCheckbox-rtl.css" ], - "file": "CdxCheckbox.js", + "file": "CdxCheckbox.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -149,7 +148,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -164,7 +163,7 @@ "css": [ "CdxChipInput-rtl.css" ], - "file": "CdxChipInput.js", + "file": "CdxChipInput.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -174,7 +173,7 @@ "src/composables/useFieldData.ts", "src/composables/useComputedDirection.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedLanguage.ts", "src/composables/useComputedDisabled.ts" @@ -190,7 +189,7 @@ "css": [ "CdxCombobox-rtl.css" ], - "file": "CdxCombobox.js", + "file": "CdxCombobox.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -206,7 +205,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/components/menu-item/MenuItem.vue", "src/components/thumbnail/Thumbnail.vue", @@ -226,7 +225,7 @@ "css": [ "CdxDialog-rtl.css" ], - "file": "CdxDialog.js", + "file": "CdxDialog.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -235,7 +234,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -251,7 +250,7 @@ "css": [ "CdxField-rtl.css" ], - "file": "CdxField.js", + "file": "CdxField.cjs", "imports": [ "src/components/label/Label.vue", "src/components/message/Message.vue", @@ -266,14 +265,14 @@ "src/composables/useSplitAttributes.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, "src": "src/components/field/Field.vue" }, "src/components/icon/Icon.vue": { - "file": "CdxIcon.js", + "file": "CdxIcon.cjs", "imports": [ "_Icon.js", "__plugin-vue_export-helper.js", @@ -292,7 +291,7 @@ "css": [ "CdxInfoChip-rtl.css" ], - "file": "CdxInfoChip.js", + "file": "CdxInfoChip.cjs", "imports": [ "_constants.js", "_Icon.js", @@ -311,7 +310,7 @@ "css": [ "CdxLabel-rtl.css" ], - "file": "CdxLabel.js", + "file": "CdxLabel.cjs", "imports": [ "_Icon.js", "src/composables/useFieldData.ts", @@ -333,7 +332,7 @@ "css": [ "CdxLookup-rtl.css" ], - "file": "CdxLookup.js", + "file": "CdxLookup.cjs", "imports": [ "src/components/menu/Menu.vue", "src/components/text-input/TextInput.vue", @@ -366,7 +365,7 @@ "css": [ "CdxMenuItem-rtl.css" ], - "file": "CdxMenuItem.js", + "file": "CdxMenuItem.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -387,7 +386,7 @@ "css": [ "CdxMenu-rtl.css" ], - "file": "CdxMenu.js", + "file": "CdxMenu.cjs", "imports": [ "src/components/menu-item/MenuItem.vue", "src/components/progress-bar/ProgressBar.vue", @@ -414,7 +413,7 @@ "css": [ "CdxMessage-rtl.css" ], - "file": "CdxMessage.js", + "file": "CdxMessage.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -423,7 +422,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -437,7 +436,7 @@ "css": [ "CdxProgressBar-rtl.css" ], - "file": "CdxProgressBar.js", + "file": "CdxProgressBar.cjs", "imports": [ "src/composables/useWarnOnce.ts", "__plugin-vue_export-helper.js" @@ -453,7 +452,7 @@ "css": [ "CdxRadio-rtl.css" ], - "file": "CdxRadio.js", + "file": "CdxRadio.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -466,7 +465,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -481,7 +480,7 @@ "css": [ "CdxSearchInput-rtl.css" ], - "file": "CdxSearchInput.js", + "file": "CdxSearchInput.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -494,7 +493,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -509,7 +508,7 @@ "css": [ "CdxSearchResultTitle-rtl.css" ], - "file": "CdxSearchResultTitle.js", + "file": "CdxSearchResultTitle.cjs", "imports": [ "__plugin-vue_export-helper.js" ], @@ -524,7 +523,7 @@ "css": [ "CdxSelect-rtl.css" ], - "file": "CdxSelect.js", + "file": "CdxSelect.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -556,7 +555,7 @@ "css": [ "CdxTab-rtl.css" ], - "file": "CdxTab.js", + "file": "CdxTab.cjs", "imports": [ "_constants.js", "__plugin-vue_export-helper.js" @@ -572,7 +571,7 @@ "css": [ "CdxTabs-rtl.css" ], - "file": "CdxTabs.js", + "file": "CdxTabs.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -581,7 +580,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useModelWrapper.ts", "src/composables/useIntersectionObserver.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "_constants.js", "__plugin-vue_export-helper.js", "src/composables/useComputedLanguage.ts", @@ -599,7 +598,7 @@ "css": [ "CdxTextArea-rtl.css" ], - "file": "CdxTextArea.js", + "file": "CdxTextArea.cjs", "imports": [ "_Icon.js", "src/composables/useSplitAttributes.ts", @@ -622,7 +621,7 @@ "css": [ "CdxTextInput-rtl.css" ], - "file": "CdxTextInput.js", + "file": "CdxTextInput.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -645,7 +644,7 @@ "css": [ "CdxThumbnail-rtl.css" ], - "file": "CdxThumbnail.js", + "file": "CdxThumbnail.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -664,7 +663,7 @@ "css": [ "CdxToggleButtonGroup-rtl.css" ], - "file": "CdxToggleButtonGroup.js", + "file": "CdxToggleButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "_Icon.js", @@ -674,7 +673,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -688,11 +687,11 @@ "css": [ "CdxToggleButton-rtl.css" ], - "file": "CdxToggleButton.js", + "file": "CdxToggleButton.cjs", "imports": [ "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -706,7 +705,7 @@ "css": [ "CdxToggleSwitch-rtl.css" ], - "file": "CdxToggleSwitch.js", + "file": "CdxToggleSwitch.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -719,7 +718,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -734,7 +733,7 @@ "css": [ "CdxTypeaheadSearch-rtl.css" ], - "file": "CdxTypeaheadSearch.js", + "file": "CdxTypeaheadSearch.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -753,7 +752,7 @@ "src/composables/useIntersectionObserver.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/components/text-input/TextInput.vue", "src/composables/useModelWrapper.ts", "src/composables/useFieldData.ts", @@ -763,12 +762,12 @@ "src": "src/components/typeahead-search/TypeaheadSearch.vue" }, "src/composables/useComputedDirection.ts": { - "file": "useComputedDirection.js", + "file": "useComputedDirection.cjs", "isEntry": true, "src": "src/composables/useComputedDirection.ts" }, "src/composables/useComputedDisabled.ts": { - "file": "useComputedDisabled.js", + "file": "useComputedDisabled.cjs", "imports": [ "_constants.js" ], @@ -776,12 +775,12 @@ "src": "src/composables/useComputedDisabled.ts" }, "src/composables/useComputedLanguage.ts": { - "file": "useComputedLanguage.js", + "file": "useComputedLanguage.cjs", "isEntry": true, "src": "src/composables/useComputedLanguage.ts" }, "src/composables/useFieldData.ts": { - "file": "useFieldData.js", + "file": "useFieldData.cjs", "imports": [ "src/composables/useComputedDisabled.ts", "_constants.js" @@ -790,12 +789,12 @@ "src": "src/composables/useFieldData.ts" }, "src/composables/useFloatingMenu.ts": { - "file": "useFloatingMenu.js", + "file": "useFloatingMenu.cjs", "isEntry": true, "src": "src/composables/useFloatingMenu.ts" }, "src/composables/useGeneratedId.ts": { - "file": "useGeneratedId.js", + "file": "useGeneratedId.cjs", "imports": [ "_constants.js" ], @@ -803,35 +802,35 @@ "src": "src/composables/useGeneratedId.ts" }, "src/composables/useIntersectionObserver.ts": { - "file": "useIntersectionObserver.js", + "file": "useIntersectionObserver.cjs", "isEntry": true, "src": "src/composables/useIntersectionObserver.ts" }, "src/composables/useModelWrapper.ts": { - "file": "useModelWrapper.js", + "file": "useModelWrapper.cjs", "isEntry": true, "src": "src/composables/useModelWrapper.ts" }, "src/composables/useResizeObserver.ts": { - "file": "useResizeObserver.js", + "file": "useResizeObserver.cjs", "isEntry": true, "src": "src/composables/useResizeObserver.ts" }, "src/composables/useSlotContents.ts": { - "file": "useSlotContents.js", + "file": "useSlotContents.cjs", "imports": [ - "_useSlotContents2.js" + "_useSlotContents.js" ], "isEntry": true, "src": "src/composables/useSlotContents.ts" }, "src/composables/useSplitAttributes.ts": { - "file": "useSplitAttributes.js", + "file": "useSplitAttributes.cjs", "isEntry": true, "src": "src/composables/useSplitAttributes.ts" }, "src/composables/useWarnOnce.ts": { - "file": "useWarnOnce.js", + "file": "useWarnOnce.cjs", "isEntry": true, "src": "src/composables/useWarnOnce.ts" } diff --git a/resources/lib/codex/modules/manifest.json b/resources/lib/codex/modules/manifest.json index 7a0a605413e7..4fe595bed9fd 100644 --- a/resources/lib/codex/modules/manifest.json +++ b/resources/lib/codex/modules/manifest.json @@ -27,19 +27,19 @@ "_useIconOnlyButton.js": { "file": "useIconOnlyButton.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, "_useLabelChecker.js": { "file": "useLabelChecker.js", "imports": [ - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ] }, - "_useSlotContents2.js": { - "file": "useSlotContents2.js" + "_useSlotContents.js": { + "file": "useSlotContents.js" }, "src/components/accordion/Accordion.css": { "file": "CdxAccordion.css", @@ -49,17 +49,16 @@ "css": [ "CdxAccordion.css" ], - "file": "CdxAccordion.js", + "file": "CdxAccordion.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", - "src/composables/useGeneratedId.ts", "__plugin-vue_export-helper.js", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -73,7 +72,7 @@ "css": [ "CdxButtonGroup.css" ], - "file": "CdxButtonGroup.js", + "file": "CdxButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "src/components/button/Button.vue", @@ -81,7 +80,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -97,12 +96,12 @@ "css": [ "CdxButton.css" ], - "file": "CdxButton.js", + "file": "CdxButton.cjs", "imports": [ "_constants.js", "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -116,7 +115,7 @@ "css": [ "CdxCard.css" ], - "file": "CdxCard.js", + "file": "CdxCard.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -136,7 +135,7 @@ "css": [ "CdxCheckbox.css" ], - "file": "CdxCheckbox.js", + "file": "CdxCheckbox.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -149,7 +148,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -164,7 +163,7 @@ "css": [ "CdxChipInput.css" ], - "file": "CdxChipInput.js", + "file": "CdxChipInput.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -174,7 +173,7 @@ "src/composables/useFieldData.ts", "src/composables/useComputedDirection.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedLanguage.ts", "src/composables/useComputedDisabled.ts" @@ -190,7 +189,7 @@ "css": [ "CdxCombobox.css" ], - "file": "CdxCombobox.js", + "file": "CdxCombobox.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -206,7 +205,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/components/menu-item/MenuItem.vue", "src/components/thumbnail/Thumbnail.vue", @@ -226,7 +225,7 @@ "css": [ "CdxDialog.css" ], - "file": "CdxDialog.js", + "file": "CdxDialog.cjs", "imports": [ "src/components/button/Button.vue", "_Icon.js", @@ -235,7 +234,7 @@ "__plugin-vue_export-helper.js", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts" @@ -251,7 +250,7 @@ "css": [ "CdxField.css" ], - "file": "CdxField.js", + "file": "CdxField.cjs", "imports": [ "src/components/label/Label.vue", "src/components/message/Message.vue", @@ -266,14 +265,14 @@ "src/composables/useSplitAttributes.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, "src": "src/components/field/Field.vue" }, "src/components/icon/Icon.vue": { - "file": "CdxIcon.js", + "file": "CdxIcon.cjs", "imports": [ "_Icon.js", "__plugin-vue_export-helper.js", @@ -292,7 +291,7 @@ "css": [ "CdxInfoChip.css" ], - "file": "CdxInfoChip.js", + "file": "CdxInfoChip.cjs", "imports": [ "_constants.js", "_Icon.js", @@ -311,7 +310,7 @@ "css": [ "CdxLabel.css" ], - "file": "CdxLabel.js", + "file": "CdxLabel.cjs", "imports": [ "_Icon.js", "src/composables/useFieldData.ts", @@ -333,7 +332,7 @@ "css": [ "CdxLookup.css" ], - "file": "CdxLookup.js", + "file": "CdxLookup.cjs", "imports": [ "src/components/menu/Menu.vue", "src/components/text-input/TextInput.vue", @@ -366,7 +365,7 @@ "css": [ "CdxMenuItem.css" ], - "file": "CdxMenuItem.js", + "file": "CdxMenuItem.cjs", "imports": [ "_Icon.js", "src/components/thumbnail/Thumbnail.vue", @@ -387,7 +386,7 @@ "css": [ "CdxMenu.css" ], - "file": "CdxMenu.js", + "file": "CdxMenu.cjs", "imports": [ "src/components/menu-item/MenuItem.vue", "src/components/progress-bar/ProgressBar.vue", @@ -414,7 +413,7 @@ "css": [ "CdxMessage.css" ], - "file": "CdxMessage.js", + "file": "CdxMessage.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -423,7 +422,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -437,7 +436,7 @@ "css": [ "CdxProgressBar.css" ], - "file": "CdxProgressBar.js", + "file": "CdxProgressBar.cjs", "imports": [ "src/composables/useWarnOnce.ts", "__plugin-vue_export-helper.js" @@ -453,7 +452,7 @@ "css": [ "CdxRadio.css" ], - "file": "CdxRadio.js", + "file": "CdxRadio.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -466,7 +465,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "src/composables/useSplitAttributes.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -481,7 +480,7 @@ "css": [ "CdxSearchInput.css" ], - "file": "CdxSearchInput.js", + "file": "CdxSearchInput.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -494,7 +493,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -509,7 +508,7 @@ "css": [ "CdxSearchResultTitle.css" ], - "file": "CdxSearchResultTitle.js", + "file": "CdxSearchResultTitle.cjs", "imports": [ "__plugin-vue_export-helper.js" ], @@ -524,7 +523,7 @@ "css": [ "CdxSelect.css" ], - "file": "CdxSelect.js", + "file": "CdxSelect.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -556,7 +555,7 @@ "css": [ "CdxTab.css" ], - "file": "CdxTab.js", + "file": "CdxTab.cjs", "imports": [ "_constants.js", "__plugin-vue_export-helper.js" @@ -572,7 +571,7 @@ "css": [ "CdxTabs.css" ], - "file": "CdxTabs.js", + "file": "CdxTabs.cjs", "imports": [ "_Icon.js", "src/components/button/Button.vue", @@ -581,7 +580,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useModelWrapper.ts", "src/composables/useIntersectionObserver.ts", - "_useSlotContents2.js", + "_useSlotContents.js", "_constants.js", "__plugin-vue_export-helper.js", "src/composables/useComputedLanguage.ts", @@ -599,7 +598,7 @@ "css": [ "CdxTextArea.css" ], - "file": "CdxTextArea.js", + "file": "CdxTextArea.cjs", "imports": [ "_Icon.js", "src/composables/useSplitAttributes.ts", @@ -622,7 +621,7 @@ "css": [ "CdxTextInput.css" ], - "file": "CdxTextInput.js", + "file": "CdxTextInput.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -645,7 +644,7 @@ "css": [ "CdxThumbnail.css" ], - "file": "CdxThumbnail.js", + "file": "CdxThumbnail.cjs", "imports": [ "_Icon.js", "_constants.js", @@ -664,7 +663,7 @@ "css": [ "CdxToggleButtonGroup.css" ], - "file": "CdxToggleButtonGroup.js", + "file": "CdxToggleButtonGroup.cjs", "imports": [ "_buttonHelpers.js", "_Icon.js", @@ -674,7 +673,7 @@ "src/composables/useComputedLanguage.ts", "_constants.js", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -688,11 +687,11 @@ "css": [ "CdxToggleButton.css" ], - "file": "CdxToggleButton.js", + "file": "CdxToggleButton.cjs", "imports": [ "_useIconOnlyButton.js", "__plugin-vue_export-helper.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts" ], "isEntry": true, @@ -706,7 +705,7 @@ "css": [ "CdxToggleSwitch.css" ], - "file": "CdxToggleSwitch.js", + "file": "CdxToggleSwitch.cjs", "imports": [ "src/components/label/Label.vue", "_useLabelChecker.js", @@ -719,7 +718,7 @@ "src/composables/useComputedDirection.ts", "src/composables/useComputedLanguage.ts", "_constants.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/composables/useWarnOnce.ts", "src/composables/useComputedDisabled.ts" ], @@ -734,7 +733,7 @@ "css": [ "CdxTypeaheadSearch.css" ], - "file": "CdxTypeaheadSearch.js", + "file": "CdxTypeaheadSearch.cjs", "imports": [ "_Icon.js", "src/components/menu/Menu.vue", @@ -753,7 +752,7 @@ "src/composables/useIntersectionObserver.ts", "src/components/button/Button.vue", "_useIconOnlyButton.js", - "_useSlotContents2.js", + "_useSlotContents.js", "src/components/text-input/TextInput.vue", "src/composables/useModelWrapper.ts", "src/composables/useFieldData.ts", @@ -763,12 +762,12 @@ "src": "src/components/typeahead-search/TypeaheadSearch.vue" }, "src/composables/useComputedDirection.ts": { - "file": "useComputedDirection.js", + "file": "useComputedDirection.cjs", "isEntry": true, "src": "src/composables/useComputedDirection.ts" }, "src/composables/useComputedDisabled.ts": { - "file": "useComputedDisabled.js", + "file": "useComputedDisabled.cjs", "imports": [ "_constants.js" ], @@ -776,12 +775,12 @@ "src": "src/composables/useComputedDisabled.ts" }, "src/composables/useComputedLanguage.ts": { - "file": "useComputedLanguage.js", + "file": "useComputedLanguage.cjs", "isEntry": true, "src": "src/composables/useComputedLanguage.ts" }, "src/composables/useFieldData.ts": { - "file": "useFieldData.js", + "file": "useFieldData.cjs", "imports": [ "src/composables/useComputedDisabled.ts", "_constants.js" @@ -790,12 +789,12 @@ "src": "src/composables/useFieldData.ts" }, "src/composables/useFloatingMenu.ts": { - "file": "useFloatingMenu.js", + "file": "useFloatingMenu.cjs", "isEntry": true, "src": "src/composables/useFloatingMenu.ts" }, "src/composables/useGeneratedId.ts": { - "file": "useGeneratedId.js", + "file": "useGeneratedId.cjs", "imports": [ "_constants.js" ], @@ -803,35 +802,35 @@ "src": "src/composables/useGeneratedId.ts" }, "src/composables/useIntersectionObserver.ts": { - "file": "useIntersectionObserver.js", + "file": "useIntersectionObserver.cjs", "isEntry": true, "src": "src/composables/useIntersectionObserver.ts" }, "src/composables/useModelWrapper.ts": { - "file": "useModelWrapper.js", + "file": "useModelWrapper.cjs", "isEntry": true, "src": "src/composables/useModelWrapper.ts" }, "src/composables/useResizeObserver.ts": { - "file": "useResizeObserver.js", + "file": "useResizeObserver.cjs", "isEntry": true, "src": "src/composables/useResizeObserver.ts" }, "src/composables/useSlotContents.ts": { - "file": "useSlotContents.js", + "file": "useSlotContents.cjs", "imports": [ - "_useSlotContents2.js" + "_useSlotContents.js" ], "isEntry": true, "src": "src/composables/useSlotContents.ts" }, "src/composables/useSplitAttributes.ts": { - "file": "useSplitAttributes.js", + "file": "useSplitAttributes.cjs", "isEntry": true, "src": "src/composables/useSplitAttributes.ts" }, "src/composables/useWarnOnce.ts": { - "file": "useWarnOnce.js", + "file": "useWarnOnce.cjs", "isEntry": true, "src": "src/composables/useWarnOnce.ts" } diff --git a/resources/lib/codex/modules/useComputedDirection.js b/resources/lib/codex/modules/useComputedDirection.cjs index 3ba3b43d2d0d..3ba3b43d2d0d 100644 --- a/resources/lib/codex/modules/useComputedDirection.js +++ b/resources/lib/codex/modules/useComputedDirection.cjs diff --git a/resources/lib/codex/modules/useComputedDisabled.js b/resources/lib/codex/modules/useComputedDisabled.cjs index b5b565479b76..b5b565479b76 100644 --- a/resources/lib/codex/modules/useComputedDisabled.js +++ b/resources/lib/codex/modules/useComputedDisabled.cjs diff --git a/resources/lib/codex/modules/useComputedLanguage.js b/resources/lib/codex/modules/useComputedLanguage.cjs index 95a40103c34c..95a40103c34c 100644 --- a/resources/lib/codex/modules/useComputedLanguage.js +++ b/resources/lib/codex/modules/useComputedLanguage.cjs diff --git a/resources/lib/codex/modules/useFieldData.cjs b/resources/lib/codex/modules/useFieldData.cjs new file mode 100644 index 000000000000..7a7825829cfa --- /dev/null +++ b/resources/lib/codex/modules/useFieldData.cjs @@ -0,0 +1 @@ +"use strict";const t=require("vue"),s=require("./useComputedDisabled.cjs"),c=require("./constants.js");function v(d,e,i){const l=s(d),o=t.inject(c.FieldStatusKey,t.ref("default")),a=t.computed(()=>e!=null&&e.value&&e.value!=="default"?e.value:o.value),u=t.inject(c.FieldInputIdKey,void 0),r=t.computed(()=>{var n;return(n=u==null?void 0:u.value)!=null?n:i});return{computedDisabled:l,computedStatus:a,computedInputId:r}}module.exports=v; diff --git a/resources/lib/codex/modules/useFieldData.js b/resources/lib/codex/modules/useFieldData.js deleted file mode 100644 index 2b666b8816b0..000000000000 --- a/resources/lib/codex/modules/useFieldData.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const t=require("vue"),s=require("./useComputedDisabled.js"),c=require("./constants.js");function v(d,e,i){const l=s(d),o=t.inject(c.FieldStatusKey,t.ref("default")),a=t.computed(()=>e!=null&&e.value&&e.value!=="default"?e.value:o.value),u=t.inject(c.FieldInputIdKey,void 0),r=t.computed(()=>{var n;return(n=u==null?void 0:u.value)!=null?n:i});return{computedDisabled:l,computedStatus:a,computedInputId:r}}module.exports=v; diff --git a/resources/lib/codex/modules/useFloatingMenu.js b/resources/lib/codex/modules/useFloatingMenu.cjs index db9e1070da4d..db9e1070da4d 100644 --- a/resources/lib/codex/modules/useFloatingMenu.js +++ b/resources/lib/codex/modules/useFloatingMenu.cjs diff --git a/resources/lib/codex/modules/useGeneratedId.js b/resources/lib/codex/modules/useGeneratedId.cjs index b38e46733763..b38e46733763 100644 --- a/resources/lib/codex/modules/useGeneratedId.js +++ b/resources/lib/codex/modules/useGeneratedId.cjs diff --git a/resources/lib/codex/modules/useIconOnlyButton.js b/resources/lib/codex/modules/useIconOnlyButton.js index c9f293760af8..54ce115ea807 100644 --- a/resources/lib/codex/modules/useIconOnlyButton.js +++ b/resources/lib/codex/modules/useIconOnlyButton.js @@ -1 +1 @@ -"use strict";const i=require("vue"),t=require("./useSlotContents2.js"),c=require("./useWarnOnce.js");function l(u,o,r){const n=i.computed(()=>{const s=t.useSlotContents(u);if(s.length!==1)return!1;const e=s[0];return!!(typeof e=="object"&&(t.isComponentVNode(e,"CdxIcon")||t.isTagVNode(e,"svg")))});return c(()=>n.value&&!o["aria-label"]&&!o["aria-hidden"],"".concat(r,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),n}exports.useIconOnlyButton=l; +"use strict";const i=require("vue"),t=require("./useSlotContents.js"),c=require("./useWarnOnce.cjs");function l(u,o,r){const n=i.computed(()=>{const s=t.useSlotContents(u);if(s.length!==1)return!1;const e=s[0];return!!(typeof e=="object"&&(t.isComponentVNode(e,"CdxIcon")||t.isTagVNode(e,"svg")))});return c(()=>n.value&&!o["aria-label"]&&!o["aria-hidden"],"".concat(r,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),n}exports.useIconOnlyButton=l; diff --git a/resources/lib/codex/modules/useIntersectionObserver.js b/resources/lib/codex/modules/useIntersectionObserver.cjs index a345d8d1f78b..a345d8d1f78b 100644 --- a/resources/lib/codex/modules/useIntersectionObserver.js +++ b/resources/lib/codex/modules/useIntersectionObserver.cjs diff --git a/resources/lib/codex/modules/useLabelChecker.js b/resources/lib/codex/modules/useLabelChecker.js index e2d75aa77068..7b69c93410e4 100644 --- a/resources/lib/codex/modules/useLabelChecker.js +++ b/resources/lib/codex/modules/useLabelChecker.js @@ -1 +1 @@ -"use strict";const n=require("./useSlotContents2.js"),o=require("./useWarnOnce.js");function t(l,e,a){o(()=>n.useSlotContents(l).length===0&&!(e!=null&&e["aria-label"])&&!(e!=null&&e["aria-labelledby"]),"".concat(a,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}exports.useLabelChecker=t; +"use strict";const n=require("./useSlotContents.js"),o=require("./useWarnOnce.cjs");function t(l,e,a){o(()=>n.useSlotContents(l).length===0&&!(e!=null&&e["aria-label"])&&!(e!=null&&e["aria-labelledby"]),"".concat(a,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}exports.useLabelChecker=t; diff --git a/resources/lib/codex/modules/useModelWrapper.js b/resources/lib/codex/modules/useModelWrapper.cjs index fab8854cc5a6..fab8854cc5a6 100644 --- a/resources/lib/codex/modules/useModelWrapper.js +++ b/resources/lib/codex/modules/useModelWrapper.cjs diff --git a/resources/lib/codex/modules/useResizeObserver.js b/resources/lib/codex/modules/useResizeObserver.cjs index 137eb38dbc00..137eb38dbc00 100644 --- a/resources/lib/codex/modules/useResizeObserver.js +++ b/resources/lib/codex/modules/useResizeObserver.cjs diff --git a/resources/lib/codex/modules/useSlotContents.cjs b/resources/lib/codex/modules/useSlotContents.cjs new file mode 100644 index 000000000000..5968737c607b --- /dev/null +++ b/resources/lib/codex/modules/useSlotContents.cjs @@ -0,0 +1 @@ +"use strict";const e=require("./useSlotContents.js");require("vue");module.exports=e.useSlotContents; diff --git a/resources/lib/codex/modules/useSlotContents.js b/resources/lib/codex/modules/useSlotContents.js index e45185542238..4b2d2408fe11 100644 --- a/resources/lib/codex/modules/useSlotContents.js +++ b/resources/lib/codex/modules/useSlotContents.js @@ -1 +1 @@ -"use strict";const e=require("./useSlotContents2.js");require("vue");module.exports=e.useSlotContents; +"use strict";const o=require("vue");function r(e){const t=[];for(const n of e)typeof n.type=="string"||typeof n.type=="object"?t.push(n):n.type!==o.Comment&&(typeof n.children=="string"&&n.children.trim()!==""?t.push(n.children):Array.isArray(n.children)&&t.push(...r(n.children)));return t}function i(e,t){return typeof e.type=="object"&&"name"in e.type?t!==void 0?e.type.name===t:!0:!1}function s(e,t){return typeof e.type=="string"?t!==void 0?e.type===t.toLowerCase():!0:!1}function f(e){const t=typeof e=="function"?e():e;return t?r(t):[]}exports.isComponentVNode=i;exports.isTagVNode=s;exports.useSlotContents=f; diff --git a/resources/lib/codex/modules/useSlotContents2.js b/resources/lib/codex/modules/useSlotContents2.js deleted file mode 100644 index 4b2d2408fe11..000000000000 --- a/resources/lib/codex/modules/useSlotContents2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";const o=require("vue");function r(e){const t=[];for(const n of e)typeof n.type=="string"||typeof n.type=="object"?t.push(n):n.type!==o.Comment&&(typeof n.children=="string"&&n.children.trim()!==""?t.push(n.children):Array.isArray(n.children)&&t.push(...r(n.children)));return t}function i(e,t){return typeof e.type=="object"&&"name"in e.type?t!==void 0?e.type.name===t:!0:!1}function s(e,t){return typeof e.type=="string"?t!==void 0?e.type===t.toLowerCase():!0:!1}function f(e){const t=typeof e=="function"?e():e;return t?r(t):[]}exports.isComponentVNode=i;exports.isTagVNode=s;exports.useSlotContents=f; diff --git a/resources/lib/codex/modules/useSplitAttributes.js b/resources/lib/codex/modules/useSplitAttributes.cjs index f428f1337e4e..f428f1337e4e 100644 --- a/resources/lib/codex/modules/useSplitAttributes.js +++ b/resources/lib/codex/modules/useSplitAttributes.cjs diff --git a/resources/lib/codex/modules/useWarnOnce.js b/resources/lib/codex/modules/useWarnOnce.cjs index eab509ef1922..eab509ef1922 100644 --- a/resources/lib/codex/modules/useWarnOnce.js +++ b/resources/lib/codex/modules/useWarnOnce.cjs |