@wikimedia/codex
Version:
Codex Design System for Wikimedia
1 lines • 116 kB
JavaScript
var st=Object.getOwnPropertySymbols;var Vt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable;var He=(e,o)=>{var t={};for(var l in e)Vt.call(e,l)&&o.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&st)for(var l of st(e))o.indexOf(l)<0&&Lt.call(e,l)&&(t[l]=e[l]);return t};var De=(e,o,t)=>new Promise((l,d)=>{var u=a=>{try{r(t.next(a))}catch(v){d(v)}},m=a=>{try{r(t.throw(a))}catch(v){d(v)}},r=a=>a.done?l(a.value):Promise.resolve(a.value).then(u,m);r((t=t.apply(e,o)).next())});import{d as C,C as H,r as h,c as w,_ as W,a as R,o as g,b as x,e as n,f as O,w as p,g as P,h as Xe,i as s,j as ue,k as U,n as j,u as Mt,t as z,l as Ut,F as oe,m as ie,p as b,q as B,s as de,v as Se,x as Me,y as he,z as pe,A as Pt,B as Te,V as Be,D as re,E as ae,G as Ue,H as et,I as We,J as Ve,K as tt,L as ot,M as _e,T as bt,N as gt,O as Ft,P as je,Q as Rt,R as Et,$ as Ot,S as qe,U as Kt,W as Nt,X as Ce,Y as zt,Z as ht,a0 as Wt,a1 as jt,a2 as Ge,a3 as qt,a4 as Gt,a5 as xt,a6 as ce,a7 as Ht,a8 as nt,a9 as yt,aa as $t,ab as Je,ac as Qt,ad as Jt,ae as Yt,af as Zt,ag as kt,ah as wt,ai as Xt,aj as eo,ak as xe,al as to,am as oo,an as c,ao as Oe,ap as _t,aq as no,ar as lo,as as le,at as ao,au as Ct,av as so,aw as io,ax as ro,ay as uo,az as co,aA as po,aB as mo,aC as vo,aD as fo,aE as bo,aF as go,aG as ho,aH as it,aI as dt,aJ as Pe,aK as Ae,aL as It,aM as xo,aN as yo,aO as $o,aP as ko,aQ as wo,aR as rt,aS as _o,aT as Co}from"./DemoBaseLayout.vue_vue_type_style_index_0_lang-CWepejvL.js";import{C as G}from"./Button-B1VmJ8QZ.js";/* empty css */import{C as St,a as Ie,u as Le,b as Io,c as So,d as To,e as ut,f as Bo,g as Fe}from"./useFloatingMenu-Dmy3688L.js";import{C as Ye,a as ze,b as fe,c as ct,d as Re}from"./Table-0rUC-8Yj.js";import{C as me}from"./TextInput-3EzxYegs.js";import{u as Tt,C as pt,v as lt,a as Do}from"./data-CfQWrizN.js";import{C as Ao}from"./Image.vue_vue_type_style_index_0_lang-QXhYyZqr.js";/* empty css */import{o as Vo,f as Lo,s as Mo,a as Uo}from"./floating-ui.dom-BFqr76Ze.js";const Po=C({name:"CdxAccordion",components:{CdxButton:G,CdxIcon:H},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(e,{attrs:o,emit:t}){const l=h("open"in o),d=()=>{t("action-button-click")},u=a=>{l.value=a.newState==="open"},m=w(()=>e.actionIcon&&(l.value||e.actionAlwaysVisible)),r=w(()=>({"cdx-accordion--has-icon":m.value}));return{emitActionButtonClick:d,rootClasses:r,shouldShowActionButton:m,onToggle:u}}}),Fo={class:"cdx-accordion__header__title"},Ro={class:"cdx-accordion__header__description"};function Eo(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),x("details",{class:j(["cdx-accordion",e.rootClasses]),onToggle:o[1]||(o[1]=(...a)=>e.onToggle&&e.onToggle(...a))},[n("summary",null,[(g(),O(Xe(e.headingLevel),{class:"cdx-accordion__header"},{default:p(()=>[n("span",Fo,[P(e.$slots,"title")]),n("span",Ro,[P(e.$slots,"description")])]),_:3})),e.shouldShowActionButton?(g(),O(r,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:ue(e.emitActionButtonClick,["stop"])},{default:p(()=>[s(m,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):U("v-if",!0)]),n("div",{class:"cdx-accordion__content",onClick:o[0]||(o[0]=ue(()=>{},["stop"]))},[P(e.$slots,"default")])],34)}const ye=W(Po,[["render",Eo]]),Oo=C({name:"CdxButtonGroup",components:{CdxButton:G,CdxIcon:H},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(e){const{rootElement:o,assignTemplateRef:t,onFocus:l,onBlur:d,onKeydown:u}=Mt(z(e,"buttons"));return{rootElement:o,assignTemplateRef:t,onFocus:l,onBlur:d,onKeydown:u,getButtonLabel:Ut}}}),Ko={ref:"rootElement",class:"cdx-button-group"};function No(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),x("div",Ko,[(g(!0),x(oe,null,ie(e.buttons,(a,v)=>(g(),O(r,{key:a.value,ref_for:!0,ref:f=>e.assignTemplateRef(f,v),disabled:a.disabled||e.disabled,"aria-label":a.ariaLabel,onClick:f=>e.$emit("click",a.value),onFocus:f=>e.onFocus(v),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:p(()=>[P(e.$slots,"default",{button:a},()=>[a.icon?(g(),O(m,{key:0,icon:a.icon},null,8,["icon"])):U("v-if",!0),b(" "+B(e.getButtonLabel(a)),1)])]),_:2},1032,["disabled","aria-label","onClick","onFocus","onBlur","onKeydown"]))),128))],512)}const zo=W(Oo,[["render",No]]),Wo=C({name:"CdxCard",components:{CdxIcon:H,CdxThumbnail:St},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(e){const o=w(()=>!!e.url),t=w(()=>o.value?"a":"span"),l=w(()=>o.value?e.url:void 0);return{isLink:o,contentTag:t,cardLink:l}}}),jo={class:"cdx-card__text"},qo={class:"cdx-card__text__title"},Go={key:0,class:"cdx-card__text__description"},Ho={key:1,class:"cdx-card__text__supporting-text"};function Qo(e,o,t,l,d,u){const m=R("cdx-thumbnail"),r=R("cdx-icon");return g(),O(Xe(e.contentTag),{href:e.cardLink,class:j(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:p(()=>[e.thumbnail||e.forceThumbnail?(g(),O(m,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(g(),O(r,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):U("v-if",!0),n("span",jo,[n("span",qo,[P(e.$slots,"title")]),e.$slots.description?(g(),x("span",Go,[P(e.$slots,"description")])):U("v-if",!0),e.$slots["supporting-text"]?(g(),x("span",Ho,[P(e.$slots,"supporting-text")])):U("v-if",!0)])]),_:3},8,["href","class"])}const Qe=W(Wo,[["render",Qo]]),Jo=Te(Be),Yo=C({name:"CdxCombobox",components:{CdxButton:G,CdxIcon:H,CdxMenu:Ie,CdxTextInput:me},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:Jo}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:o,attrs:t,slots:l}){const d=h(),u=h(),m=h(),r=de(),a=z(e,"selected"),v=Se(a,o,"update:selected"),f=h(!1),_=h(!1),D=w(()=>{var N,I;return(I=(N=m.value)==null?void 0:N.getHighlightedMenuItem())==null?void 0:I.id}),{computedDisabled:y,computedStatus:S}=Me(z(e,"disabled"),z(e,"status")),$=w(()=>({"cdx-combobox--expanded":f.value,"cdx-combobox--disabled":y.value})),{rootClasses:T,rootStyle:K,otherAttrs:Q}=he(t,$);function V(N){_.value&&f.value?f.value=!1:(e.menuItems.length>0||l["no-results"])&&(f.value=!0),o("focus",N)}function L(N){f.value=_.value&&f.value,o("blur",N)}function X(){y.value||(_.value=!0)}function E(){var N;y.value||(N=d.value)==null||N.focus()}function Z(N){!m.value||y.value||e.menuItems.length===0||N.key===" "||m.value.delegateKeyNavigation(N)}return Le(d,m),pe(f,()=>{_.value=!1}),{input:d,inputWrapper:u,menu:m,menuId:r,modelWrapper:v,expanded:f,highlightedId:D,computedDisabled:y,computedStatus:S,onInputFocus:V,onInputBlur:L,onKeydown:Z,onButtonClick:E,onButtonMousedown:X,cdxIconExpand:Pt,rootClasses:T,rootStyle:K,otherAttrs:Q}}}),Zo={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Xo(e,o,t,l,d,u){const m=R("cdx-text-input"),r=R("cdx-icon"),a=R("cdx-button"),v=R("cdx-menu");return g(),x("div",{class:j(["cdx-combobox",e.rootClasses]),style:ae(e.rootStyle)},[n("div",Zo,[s(m,re({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":o[0]||(o[0]=f=>e.modelWrapper=f)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.computedStatus,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:o[1]||(o[1]=f=>e.$emit("input",f)),onChange:o[2]||(o[2]=f=>e.$emit("change",f)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),s(a,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:p(()=>[s(r,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),s(v,re({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":o[3]||(o[3]=f=>e.modelWrapper=f),expanded:e.expanded,"onUpdate:expanded":o[4]||(o[4]=f=>e.expanded=f),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:o[5]||(o[5]=f=>e.$emit("load-more"))}),{default:p(({menuItem:f})=>[P(e.$slots,"menu-item",{menuItem:f})]),"no-results":p(()=>[P(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const we=W(Yo,[["render",Xo]]);function en(e){const o=h({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return o;const t=new window.ResizeObserver(d=>{const u=d[0];u&&(o.value={width:u.borderBoxSize[0].inlineSize,height:u.borderBoxSize[0].blockSize})});let l=!1;return Ue(()=>{l=!0,e.value&&t.observe(e.value)}),et(()=>{l=!1,t.disconnect()}),pe(e,d=>{l&&(t.disconnect(),o.value={width:void 0,height:void 0},d&&t.observe(d))}),o}const tn=C({name:"CdxDialog",components:{CdxButton:G,CdxIcon:H},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},useCloseButton:{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(e,{emit:o}){const t=de(),l=h(),d=h(),u=h(),m=h(),r=h(),a=h();let v=null;const f=w(()=>e.useCloseButton||e.closeButtonLabel.length>0),_=We(z(e,"closeButtonLabel"),"cdx-dialog-close-button-label","Close"),D=w(()=>!e.hideTitle||f.value),y=w(()=>!!e.primaryAction||!!e.defaultAction),S=en(u),$=w(()=>{var F;return(F=S.value.height)!=null?F:0}),T=h(!1),K=w(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":T.value})),Q=Ve("CdxTeleportTarget",void 0),V=w(()=>{var F,Y;return(Y=(F=e.target)!=null?F:Q)!=null?Y:"body"}),L=h(0);function X(){o("update:open",!1)}let E=!1;function Z(F){E=F.target===l.value}function N(){E&&X()}function I(){k(d.value)}function i(){k(d.value,!0)}function k(F,Y=!1){let be=Array.from(F.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));Y&&(be=be.reverse());for(const M of be)if(M.focus(),document.activeElement===M)return!0;return!1}let A=[],q=[];function te(){let F=l.value;for(;F.parentElement&&F.nodeName!=="BODY";){for(const Y of Array.from(F.parentElement.children))Y===F||Y.nodeName==="SCRIPT"||(Y.hasAttribute("aria-hidden")||(Y.setAttribute("aria-hidden","true"),A.push(Y)),Y.hasAttribute("inert")||(Y.setAttribute("inert",""),q.push(Y)));F=F.parentElement}}function se(){for(const F of A)F.removeAttribute("aria-hidden");for(const F of q)F.removeAttribute("inert");A=[],q=[]}function ne(){return De(this,null,function*(){var F;yield ot(),L.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(L.value,"px")),document.body.classList.add("cdx-dialog-open"),te(),v=document.activeElement,k(u.value)||(F=m.value)==null||F.focus()})}function ee(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),se(),v instanceof HTMLElement&&document.contains(v)&&(v.focus(),v=null)}return Ue(()=>De(this,null,function*(){e.open&&(yield ne())})),et(()=>{e.open&&ee()}),pe(z(e,"open"),F=>De(this,null,function*(){F?yield ne():ee()})),pe($,()=>{u.value&&(T.value=u.value.clientHeight<u.value.scrollHeight)}),{close:X,onBackdropClick:N,onBackdropMouseDown:Z,cdxIconClose:tt,labelId:t,rootClasses:K,backdrop:l,dialogElement:d,focusTrapStart:r,focusTrapEnd:a,focusFirst:I,focusLast:i,dialogBody:u,focusHolder:m,showHeader:D,showFooterActions:y,useCloseButtonOrLabel:f,translatedCloseButtonLabel:_,computedTarget:V}}}),on=["aria-label","aria-labelledby"],nn={key:0,class:"cdx-dialog__header__title-group"},ln=["id"],an={key:0,class:"cdx-dialog__header__subtitle"},sn={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},dn={key:0,class:"cdx-dialog__footer__text"},rn={key:1,class:"cdx-dialog__footer__actions"};function un(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),O(gt,{to:e.computedTarget,disabled:e.renderInPlace},[s(bt,{name:"cdx-dialog-fade",appear:""},{default:p(()=>[e.open?(g(),x("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onMousedown:o[5]||(o[5]=(...a)=>e.onBackdropMouseDown&&e.onBackdropMouseDown(...a)),onClick:o[6]||(o[6]=(...a)=>e.onBackdropClick&&e.onBackdropClick(...a)),onKeyup:o[7]||(o[7]=_e((...a)=>e.close&&e.close(...a),["escape"]))},[n("div",{ref:"focusTrapStart",tabindex:"0",onFocus:o[0]||(o[0]=(...a)=>e.focusLast&&e.focusLast(...a))},null,544),n("div",re({ref:"dialogElement",class:["cdx-dialog",e.rootClasses],role:"dialog"},e.$attrs,{"aria-label":e.$slots.header||e.hideTitle?e.title:void 0,"aria-labelledby":!e.$slots.header&&!e.hideTitle?e.labelId:void 0,"aria-modal":"true",onClick:o[3]||(o[3]=ue(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(g(),x("header",{key:0,class:j(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[P(e.$slots,"header",{},()=>[e.hideTitle?U("v-if",!0):(g(),x("div",nn,[n("h2",{id:e.labelId,class:"cdx-dialog__header__title"},B(e.title),9,ln),e.subtitle?(g(),x("p",an,B(e.subtitle),1)):U("v-if",!0)])),e.useCloseButtonOrLabel?(g(),O(r,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:p(()=>[s(m,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):U("v-if",!0)])],2)):U("v-if",!0),n("div",sn,null,512),n("div",{ref:"dialogBody",class:j(["cdx-dialog__body",{"cdx-dialog__body--no-header":!(e.showHeader||e.$slots.header),"cdx-dialog__body--no-footer":!(e.showFooterActions||e.$slots.footer||e.$slots["footer-text"])}])},[P(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(g(),x("footer",{key:1,class:j(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[P(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(g(),x("p",dn,[P(e.$slots,"footer-text")])):U("v-if",!0),e.showFooterActions?(g(),x("div",rn,[e.primaryAction?(g(),O(r,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:o[1]||(o[1]=a=>e.$emit("primary"))},{default:p(()=>[b(B(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):U("v-if",!0),e.defaultAction?(g(),O(r,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:o[2]||(o[2]=a=>e.$emit("default"))},{default:p(()=>[b(B(e.defaultAction.label),1)]),_:1},8,["disabled"])):U("v-if",!0)])):U("v-if",!0)])],2)):U("v-if",!0)],16,on),n("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:o[4]||(o[4]=(...a)=>e.focusFirst&&e.focusFirst(...a))},null,544)],544)):U("v-if",!0)]),_:3})],8,["to","disabled"])}const ge=W(tn,[["render",un]]),cn={notice:je,error:Rt,warning:Et,success:Ot},pn=C({name:"CdxMessage",components:{CdxButton:G,CdxIcon:H},props:{type:{type:String,default:"notice",validator:Ft},inline:{type:Boolean,default:!1},icon:{type:[String,Object],default:null},fadeIn:{type:Boolean,default:!1},allowUserDismiss:{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 t=h(!1),l=w(()=>e.inline===!1&&(e.dismissButtonLabel.length>0||e.allowUserDismiss)),d=We(z(e,"dismissButtonLabel"),"cdx-message-dismiss-button-label","Close"),u=w(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),m=w(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),r=w(()=>e.icon&&e.type==="notice"?e.icon:cn[e.type]),a=h("");function v(f){t.value||(a.value=f==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",t.value=!0,o(f))}return Ue(()=>{e.type==="error"&&e.autoDismiss!==!1||u.value&&setTimeout(()=>v("auto-dismissed"),u.value)}),{dismissed:t,userDismissable:l,translatedDismissButtonLabel:d,rootClasses:m,leaveActiveClass:a,computedIcon:r,onDismiss:v,cdxIconClose:tt}}}),mn=["aria-live","role"],vn={class:"cdx-message__content"};function fn(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),O(bt,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:p(()=>[e.dismissed?U("v-if",!0):(g(),x("div",{key:0,class:j(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[s(m,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),n("div",vn,[P(e.$slots,"default")]),e.userDismissable?(g(),O(r,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.translatedDismissButtonLabel,onClick:o[0]||(o[0]=a=>e.onDismiss("user-dismissed"))},{default:p(()=>[s(m,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label"])):U("v-if",!0)],10,mn))]),_:3},8,["appear","leave-active-class"])}const Ze=W(pn,[["render",fn]]),bn=Te(Be),gn=C({name:"CdxField",components:{CdxLabel:qe,CdxMessage:Ze},props:{labelIcon:{type:[String,Object],default:""},optional:{type:Boolean,default:!1},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:bn},messages:{type:Object,default:()=>({})}},setup(e,{slots:o}){const{disabled:t,status:l,isFieldset:d}=Kt(e),u=Nt(t),m=w(()=>({"cdx-field--disabled":u.value,"cdx-field--is-fieldset":d.value})),r=de(),a=de(),v=de(),f=w(()=>d.value?void 0:v);Ce(zt,f);const _=w(()=>!d.value&&o.description?a:void 0);Ce(ht,_),Ce(Wt,u),Ce(jt,l);const D=w(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),y=w(()=>e.status==="default"?"notice":e.status);return{rootClasses:m,computedDisabled:u,labelId:r,descriptionId:a,inputId:v,validationMessage:D,validationMessageType:y}}}),hn={class:"cdx-field__control"},xn={class:"cdx-field__help-text"},yn={key:0,class:"cdx-field__validation-message"};function $n(e,o,t,l,d,u){const m=R("cdx-label"),r=R("cdx-message");return g(),O(Xe(e.isFieldset?"fieldset":"div"),{class:j(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:p(()=>[s(m,{id:e.labelId,icon:e.labelIcon,"visually-hidden":e.hideLabel,optional:e.optional,"optional-flag":e.optionalFlag,"input-id":e.inputId,"description-id":e.descriptionId,disabled:e.computedDisabled,"is-legend":e.isFieldset},Ge({default:p(()=>[P(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:p(()=>[P(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional","optional-flag","input-id","description-id","disabled","is-legend"]),n("div",hn,[P(e.$slots,"default")]),n("div",xn,[P(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage||e.$slots[e.validationMessageType]?(g(),x("div",yn,[s(r,{type:e.validationMessageType,inline:!0},{default:p(()=>[e.status==="warning"&&e.$slots.warning?P(e.$slots,"warning",{key:0}):e.status==="error"&&e.$slots.error?P(e.$slots,"error",{key:1}):e.status==="success"&&e.$slots.success?P(e.$slots,"success",{key:2}):(g(),x(oe,{key:3},[b(B(e.validationMessage),1)],64))]),_:3},8,["type"])])):U("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const Ke=W(gn,[["render",$n]]),kn=Te(Be),wn=C({name:"CdxLookup",components:{CdxMenu:Ie,CdxTextInput:me},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},inputValue:{type:[String,Number],default:null},initialInputValue:{type:[String,Number],default:"",validator:e=>(e&&console.warn('[CdxLookup]: prop "initialInputValue" is deprecated. Use "inputValue" instead.'),!0)},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:kn}},emits:["update:selected","update:input-value","load-more","input","change","focus","blur"],setup:(e,{emit:o,attrs:t,slots:l})=>{const d=h(),u=h(),m=h(),r=de(),a=h(!1),v=h(!1),f=h(!1),_=h(e.menuItems),{computedDisabled:D,computedStatus:y}=Me(z(e,"disabled"),z(e,"status")),S=z(e,"selected"),$=Se(S,o,"update:selected"),T=w(()=>{var A;return(A=m.value)==null?void 0:A.getComputedMenuItems().find(q=>q.value===$.value)}),K=w(()=>{var A,q;return(q=(A=m.value)==null?void 0:A.getHighlightedMenuItem())==null?void 0:q.id}),Q=h(e.initialInputValue),V=Tt(Q,z(e,"inputValue"),o,"update:input-value"),L=w(()=>({"cdx-lookup--disabled":D.value,"cdx-lookup--pending":a.value})),{rootClasses:X,rootStyle:E,otherAttrs:Z}=he(t,L);function N(A){T.value?T.value.label!==A&&T.value.value!==A&&($.value=null):e.selected!==null&&e.selected!==A&&($.value=null),A===""&&_.value.length===0?(v.value=!1,a.value=!1):a.value=!0,o("input",A)}function I(A){f.value=!0;const q=V.value!==null&&V.value!=="";!!(e.menuItems.length>0||l["no-results"])&&(q||_.value.length>0)&&(v.value=!0),o("focus",A)}function i(A){f.value=!1,v.value=!1,o("blur",A)}function k(A){!m.value||D.value||e.menuItems.length===0&&!l["no-results"]||A.key===" "||m.value.delegateKeyNavigation(A)}return Le(u,m),pe($,A=>{var q;if(A!==null){const te=T.value?(q=T.value.label)!=null?q:T.value.value:"";V.value!==te&&(V.value=te,o("input",te))}}),pe(z(e,"menuItems"),A=>{f.value&&a.value&&(A.length>0||l["no-results"])&&(v.value=!0),A.length===0&&!l["no-results"]&&(v.value=!1),a.value=!1}),{rootElement:d,textInput:u,menu:m,menuId:r,highlightedId:K,computedInputValue:V,selection:$,expanded:v,computedDisabled:D,computedStatus:y,onInputBlur:i,rootClasses:X,rootStyle:E,otherAttrs:Z,onUpdateInput:N,onInputFocus:I,onKeydown:k}}});function _n(e,o,t,l,d,u){const m=R("cdx-text-input"),r=R("cdx-menu");return g(),x("div",{ref:"rootElement",class:j(["cdx-lookup",e.rootClasses]),style:ae(e.rootStyle)},[s(m,re({ref:"textInput",modelValue:e.computedInputValue,"onUpdate:modelValue":o[0]||(o[0]=a=>e.computedInputValue=a)},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.computedStatus,"onUpdate:modelValue":e.onUpdateInput,onChange:o[1]||(o[1]=a=>e.$emit("change",a)),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"]),s(r,re({id:e.menuId,ref:"menu",selected:e.selection,"onUpdate:selected":o[2]||(o[2]=a=>e.selection=a),expanded:e.expanded,"onUpdate:expanded":o[3]||(o[3]=a=>e.expanded=a),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:o[4]||(o[4]=a=>e.$emit("load-more"))}),{default:p(({menuItem:a})=>[P(e.$slots,"menu-item",{menuItem:a})]),"no-results":p(()=>[P(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Bt=W(wn,[["render",_n]]),Cn=C({name:"CdxPopover",components:{CdxButton:G,CdxIcon:H},inheritAttrs:!1,props:{anchor:{type:Object,default:null},open:{type:Boolean,default:!1},title:{type:String,default:""},icon:{type:[String,Object],default:""},useCloseButton:{type:Boolean,default:!1},closeButtonLabel:{type:String,default:"Close"},primaryAction:{type:Object,default:null},defaultAction:{type:Object,default:null},stackedActions:{type:Boolean,default:!1},renderInPlace:{type:Boolean,default:!1},placement:{type:String,default:"bottom"}},emits:["update:open","primary","default"],setup(e,{emit:o}){const t=z(e,"placement"),l=h(),d=z(e,"anchor"),u=h(),m=16,r=256,a=200,v=512,$=Math.sqrt(16**2+16**2)/2+4,T=w(()=>[Vo($),Lo(),Mo({padding:m,apply({availableWidth:ee,availableHeight:F,elements:Y}){const be=Math.min(v,ee);Object.assign(Y.floating.style,{maxWidth:"".concat(Math.max(r,be),"px"),maxHeight:"".concat(Math.max(a,F),"px")})}}),Io({element:u})]),{floatingStyles:K,middlewareData:Q,placement:V,x:L,y:X}=So(d,l,{whileElementsMounted:Uo,placement:t,middleware:T}),E=qt({left:"0",top:"0",right:"0",bottom:"0",transform:"none"}),Z=w(()=>Gt[V.value]);pe([L,X],()=>{if(Q.value.arrow){const{x:ee,y:F}=Q.value.arrow;E.left=ee?"".concat(ee,"px"):"",E.top=F?"".concat(F,"px"):"",E.right="",E.bottom="",E[Z.value]="".concat(-16/2-1,"px");const Y={top:"rotate( 45deg )",right:"rotate( 135deg )",bottom:"rotate( 225deg )",left:"rotate( 315deg )"};E.transform=Y[Z.value]}});const N=Ve("CdxTeleportTarget",void 0),I=w(()=>N!=null?N:"body"),i=We(z(e,"closeButtonLabel"),"cdx-popover-close-button-label","Close"),k=w(()=>!!e.title||!!e.icon||e.useCloseButton),A=w(()=>!!e.primaryAction||!!e.defaultAction),q=w(()=>({"cdx-popover__footer__actions--vertical":e.stackedActions,"cdx-popover__footer__actions--horizontal":!e.stackedActions}));function te(){o("update:open",!1)}function se(ee){ee.key==="Escape"&&te()}function ne(ee){const F=To(d.value);l.value&&!l.value.contains(ee.target)&&!(F!=null&&F.contains(ee.target))&&te()}return pe(()=>e.open,ee=>{ee?(document.addEventListener("keydown",se),document.addEventListener("mousedown",ne),document.addEventListener("focusin",ne)):(document.removeEventListener("keydown",se),document.removeEventListener("mousedown",ne),document.removeEventListener("focusin",ne))}),Ue(()=>De(this,null,function*(){e.open&&(document.addEventListener("keydown",se),document.addEventListener("mousedown",ne),document.addEventListener("focusin",ne)),yield ot(),e.anchor===null&&console.warn('[CdxPopover]: The "anchor" prop must be provided to position the CdxPopover.')})),et(()=>{document.removeEventListener("keydown",se),document.removeEventListener("mousedown",ne),document.removeEventListener("focusin",ne)}),{computedTarget:I,translatedCloseButtonLabel:i,showHeader:k,showFooter:A,footerActionsClasses:q,close:te,cdxIconClose:tt,floating:l,floatingStyles:K,arrowRef:u,arrowStyles:E}}}),In={key:0,class:"cdx-popover__header"},Sn={key:1,class:"cdx-popover__header__title"},Tn={class:"cdx-popover__header__button-wrapper"},Bn={class:"cdx-popover__body"},Dn={key:1,class:"cdx-popover__footer"};function An(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),O(gt,{to:e.computedTarget,disabled:e.renderInPlace},[e.open?(g(),x("div",re({key:0,ref:"floating",class:"cdx-popover",style:e.floatingStyles},e.$attrs),[e.showHeader||e.$slots.header?(g(),x("header",In,[P(e.$slots,"header",{},()=>[e.icon?(g(),O(m,{key:0,class:"cdx-popover__header__icon",icon:e.icon},null,8,["icon"])):U("v-if",!0),e.title?(g(),x("div",Sn,B(e.title),1)):U("v-if",!0),n("div",Tn,[e.useCloseButton?(g(),O(r,{key:0,class:"cdx-popover__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:p(()=>[s(m,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):U("v-if",!0)])])])):U("v-if",!0),n("div",Bn,[P(e.$slots,"default")]),e.showFooter||e.$slots.footer?(g(),x("footer",Dn,[P(e.$slots,"footer",{},()=>[n("div",{class:j(["cdx-popover__footer__actions",e.footerActionsClasses])},[e.primaryAction?(g(),O(r,{key:0,class:"cdx-popover__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:o[0]||(o[0]=a=>e.$emit("primary"))},{default:p(()=>[b(B(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):U("v-if",!0),e.defaultAction?(g(),O(r,{key:1,class:"cdx-popover__footer__default-action",disabled:e.defaultAction.disabled,onClick:o[1]||(o[1]=a=>e.$emit("default"))},{default:p(()=>[b(B(e.defaultAction.label),1)]),_:1},8,["disabled"])):U("v-if",!0)],2)])])):U("v-if",!0),n("div",{ref:"arrowRef",class:"cdx-popover__arrow",style:ae(e.arrowStyles)},null,4)],16)):U("v-if",!0)],8,["to","disabled"])}const Ee=W(Cn,[["render",An]]),Vn=C({name:"CdxProgressIndicator",components:{CdxLabel:qe},inheritAttrs:!1,props:{showLabel:{type:Boolean,default:!1}},setup(e,{slots:o,attrs:t}){var a;xt((a=o.default)==null?void 0:a.call(o),t);const l=w(()=>({"cdx-progress-indicator--has-label-visible":e.showLabel})),{rootClasses:d,rootStyle:u,otherAttrs:m}=he(t,l),r=de();return{rootClasses:d,rootStyle:u,progressIndicatorId:r,otherAttrs:m}}}),Ln={class:"cdx-progress-indicator__indicator"},Mn=["id"];function Un(e,o,t,l,d,u){var r,a;const m=R("cdx-label");return g(),x("div",{class:j(["cdx-progress-indicator",e.rootClasses]),style:ae(e.rootStyle)},[n("span",Ln,[n("progress",re({id:e.progressIndicatorId,class:"cdx-progress-indicator__indicator__progress"},e.otherAttrs),null,16,Mn)]),(a=(r=e.$slots).default)!=null&&a.call(r,{})?(g(),O(m,{key:0,class:"cdx-progress-indicator__label","input-id":e.progressIndicatorId,"visually-hidden":!e.showLabel},{default:p(()=>[P(e.$slots,"default")]),_:3},8,["input-id","visually-hidden"])):U("v-if",!0)],6)}const mt=W(Vn,[["render",Un]]),Pn=Te(Be),Fn=C({name:"CdxRadio",components:{CdxLabel:qe},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},status:{type:String,default:"default",validator:Pn}},emits:["update:modelValue"],setup(e,{emit:o,slots:t,attrs:l}){var y;xt((y=t.default)==null?void 0:y.call(t),l);const{computedDisabled:d,computedStatus:u}=Me(z(e,"disabled"),z(e,"status")),m=w(()=>({"cdx-radio--inline":e.inline,["cdx-radio--status-".concat(u.value)]:!0})),r=w(()=>({"cdx-radio__custom-input--inline":e.inline})),a=h(),v=de(),f=de(),_=()=>{a.value.focus()},D=Se(z(e,"modelValue"),o);return{rootClasses:m,computedDisabled:d,input:a,radioId:v,descriptionId:f,focusInput:_,wrappedModel:D,customInputClasses:r}}}),Rn={class:"cdx-radio__wrapper"},En=["id","aria-describedby","name","value","disabled"];function On(e,o,t,l,d,u){const m=R("cdx-label");return g(),x("div",{class:j(["cdx-radio",e.rootClasses])},[n("div",Rn,[ce(n("input",{id:e.radioId,ref:"input","onUpdate:modelValue":o[0]||(o[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,En),[[Ht,e.wrappedModel]]),o[1]||(o[1]=n("span",{class:"cdx-radio__icon"},null,-1)),e.$slots.default&&e.$slots.default().length?(g(),O(m,{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},Ge({default:p(()=>[P(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:p(()=>[P(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):U("v-if",!0)]),e.$slots["custom-input"]?(g(),x("div",{key:0,class:j(["cdx-radio__custom-input",e.customInputClasses])},[P(e.$slots,"custom-input")],2)):U("v-if",!0)],2)}const Ne=W(Fn,[["render",On]]),Kn=Te(Be),Nn=C({name:"CdxSearchInput",components:{CdxButton:G,CdxTextInput:me},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},useButton:{type:Boolean,default:!1},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Kn}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:o,attrs:t}){const l=Se(z(e,"modelValue"),o),{computedDisabled:d}=Me(z(e,"disabled")),u=w(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:m,rootStyle:r,otherAttrs:a}=he(t,u),v=We(z(e,"buttonLabel"),"cdx-search-input-search-button-label","Search"),f=w(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:l,computedDisabled:d,rootClasses:m,rootStyle:r,otherAttrs:a,handleSubmit:()=>{o("submit-click",l.value)},searchIcon:nt,translatedSearchButtonLabel:v,useButtonOrLabel:f}},methods:{focus(){this.$refs.textInput.focus()}}}),zn={class:"cdx-search-input__input-wrapper"};function Wn(e,o,t,l,d,u){const m=R("cdx-text-input"),r=R("cdx-button");return g(),x("div",{class:j(["cdx-search-input",e.rootClasses]),style:ae(e.rootStyle)},[n("div",zn,[s(m,re({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":o[0]||(o[0]=a=>e.wrappedModel=a),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:_e(e.handleSubmit,["enter"]),onInput:o[1]||(o[1]=a=>e.$emit("input",a)),onChange:o[2]||(o[2]=a=>e.$emit("change",a)),onFocus:o[3]||(o[3]=a=>e.$emit("focus",a)),onBlur:o[4]||(o[4]=a=>e.$emit("blur",a))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),P(e.$slots,"default")]),e.useButtonOrLabel?(g(),O(r,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:p(()=>[b(B(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):U("v-if",!0)],6)}const Dt=W(Nn,[["render",Wn]]),jn=C({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){var u;const o=Ve(yt),t=Ve($t);if(!o||!t)throw new Error("Tab component must be used inside a Tabs component");const l=(u=o.value.get(e.name))!=null?u:{},d=w(()=>e.name===t.value);return{tab:l,isActive:d}}}),qn=["id","aria-hidden","aria-labelledby"];function Gn(e,o,t,l,d,u){return ce((g(),x("section",{id:e.tab.id,"aria-hidden":e.isActive?void 0:!0,"aria-labelledby":"".concat(e.tab.id,"-label"),class:"cdx-tab",role:"tabpanel",tabindex:"-1"},[P(e.$slots,"default")],8,qn)),[[Je,e.isActive]])}const At=W(jn,[["render",Gn]]),Hn=C({name:"CdxTabs",components:{CdxButton:G,CdxIcon:H},props:{active:{type:String,default:null},framed:{type:Boolean,default:!1}},emits:["update:active"],setup(e,{slots:o,emit:t}){const l=h(),d=h(),u=h(),m=h(),r=Qt(l),a=w(()=>{const I=Jt(o.default);if(!I.every(i=>typeof i=="object"&&Yt(i,At.name)))throw new Error("Slot content may only contain CdxTab components");if(I.length===0)throw new Error("Slot content cannot be empty");return I}),v=w(()=>a.value.reduce((I,i)=>{var k;if((k=i.props)!=null&&k.name&&typeof i.props.name=="string"){if(I.get(i.props.name))throw new Error("Tab names must be unique");I.set(i.props.name,{name:i.props.name,id:de(),label:i.props.label||i.props.name,disabled:i.props.disabled})}return I},new Map)),f=h(Array.from(v.value.keys())[0]),_=Tt(f,z(e,"active"),t,"update:active"),D=w(()=>Array.from(v.value.keys())),y=w(()=>D.value.indexOf(_.value)),S=w(()=>{var I;return(I=v.value.get(_.value))==null?void 0:I.id});Ce($t,_),Ce(yt,v);const $=h(new Map),T=h(),K=h(),Q=ut(T,{threshold:.95}),V=ut(K,{threshold:.95});function L(I,i){const k=I;k&&($.value.set(i,k),i===0?T.value=k:i===D.value.length-1&&(K.value=k))}const X=w(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function E(){var I;(I=$.value.get(y.value))==null||I.focus()}function Z(I){if(!d.value||!u.value||!m.value)return 0;const i=r.value==="rtl"?m.value:u.value,k=r.value==="rtl"?u.value:m.value,A=I.offsetLeft,q=A+I.clientWidth,te=d.value.scrollLeft+i.clientWidth,se=d.value.scrollLeft+d.value.clientWidth-k.clientWidth;return A<te?A-te:q>se?q-se:0}function N(I){if(!d.value||!u.value||!m.value)return;const i=I==="next"&&r.value==="ltr"||I==="prev"&&r.value==="rtl"?1:-1;let k=0,A=I==="next"?d.value.firstElementChild:d.value.lastElementChild;for(;A;){const q=I==="next"?A.nextElementSibling:A.previousElementSibling;if(k=Z(A),Math.sign(k)===i){q&&Math.abs(k)<.25*d.value.clientWidth&&(k=Z(q));break}A=q}d.value.scrollBy({left:k,behavior:"smooth"}),E()}return pe(_,()=>{if(S.value===void 0||!d.value||!u.value||!m.value)return;const I=document.getElementById("".concat(S.value,"-label"));I&&d.value.scrollBy({left:Z(I),behavior:"smooth"})}),{activeTab:_,activeTabIndex:y,activeTabId:S,currentDirection:r,rootElement:l,tabListElement:d,prevScroller:u,nextScroller:m,rootClasses:X,tabNames:D,tabsData:v,firstLabelVisible:Q,lastLabelVisible:V,assignTemplateRefForTabButton:L,scrollTabs:N,focusActiveTab:E,cdxIconPrevious:Zt,cdxIconNext:kt}},methods:{select(e,o){const t=this.tabsData.get(e);t&&!(t!=null&&t.disabled)&&(this.activeTab=e,o&&ot(()=>{this.focusActiveTab()}))},selectNonDisabled(e,o,t){const l=this.tabsData.get(this.tabNames[e+o]);l&&(l.disabled?this.selectNonDisabled(e+o,o,t):this.select(l.name,t))},next(e){this.selectNonDisabled(this.activeTabIndex,1,e)},prev(e){this.selectNonDisabled(this.activeTabIndex,-1,e)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var e;this.activeTabId&&((e=document.getElementById(this.activeTabId))==null||e.focus())}}}),Qn={class:"cdx-tabs__header"},Jn={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},Yn={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},Zn=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],Xn={ref:"nextScroller",class:"cdx-tabs__next-scroller"},el={class:"cdx-tabs__content"};function tl(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-button");return g(),x("div",{ref:"rootElement",class:j(["cdx-tabs",e.rootClasses])},[n("div",Qn,[ce(n("div",Jn,[s(r,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[0]||(o[0]=ue(()=>{},["prevent"])),onClick:o[1]||(o[1]=a=>e.scrollTabs("prev"))},{default:p(()=>[s(m,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[Je,!e.firstLabelVisible]]),n("div",Yn,[(g(!0),x(oe,null,ie(e.tabsData.values(),(a,v)=>(g(),x("button",{id:"".concat(a.id,"-label"),key:v,ref_for:!0,ref:f=>e.assignTemplateRefForTabButton(f,v),disabled:a.disabled?!0:void 0,"aria-controls":a.id,"aria-selected":a.name===e.activeTab,tabindex:a.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:ue(f=>e.select(a.name),["prevent"]),onKeyup:_e(f=>e.select(a.name),["enter"]),onKeydown:[o[2]||(o[2]=_e(ue((...f)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...f),["prevent"]),["right"])),o[3]||(o[3]=_e(ue((...f)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...f),["prevent"]),["down"])),o[4]||(o[4]=_e(ue((...f)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...f),["prevent"]),["left"]))]},[n("span",null,B(a.label),1)],40,Zn))),128))],512),ce(n("div",Xn,[s(r,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[5]||(o[5]=ue(()=>{},["prevent"])),onClick:o[6]||(o[6]=a=>e.scrollTabs("next"))},{default:p(()=>[s(m,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[Je,!e.lastLabelVisible]])]),n("div",el,[P(e.$slots,"default")])],2)}const ol=W(Hn,[["render",tl]]),nl=Te(Be),ll=C({name:"CdxTextArea",components:{CdxIcon:H},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:nl},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","input","change","focus","blur","invalid"],setup(e,{attrs:o,emit:t}){const l=h(),d=Se(z(e,"modelValue"),t),u=o.id,{computedDisabled:m,computedStatus:r,computedInputId:a}=Me(z(e,"disabled"),z(e,"status"),u),v=Ve(ht,void 0),f=w(()=>({"cdx-text-area__textarea--has-value":!!d.value,"cdx-text-area__textarea--is-autosize":e.autosize})),_=w(()=>({"cdx-text-area--status-default":r.value==="default","cdx-text-area--status-error":r.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:D,rootStyle:y,otherAttrs:S}=he(o,_),$=w(()=>{const N=S.value,{id:E}=N;return He(N,["id"])});function T(E){l.value&&e.autosize&&(l.value.style.height="auto",l.value.style.height="".concat(l.value.scrollHeight,"px")),t("input",E)}const K=E=>{t("change",E)},Q=E=>{t("focus",E)},V=E=>{t("blur",E)},L=h(!0);return{textarea:l,rootClasses:D,rootStyle:y,wrappedModel:d,computedDisabled:m,computedInputId:a,descriptionId:v,textareaClasses:f,otherAttrsMinusId:$,onInput:T,onChange:K,onFocus:Q,onBlur:V,onInvalid:(E,Z)=>{Z&&E.preventDefault(),t("invalid",E),L.value=!0},shouldPreventDefault:L}},methods:{focus(){this.$refs.textarea.focus()},blur(){this.$refs.textarea.blur()},checkValidity(){return this.$refs.textarea.checkValidity()},reportValidity(){return this.shouldPreventDefault=!1,this.$refs.textarea.reportValidity()},setCustomValidity(e){this.$refs.textarea.setCustomValidity(e)}}}),al=["id","aria-describedby","disabled"];function sl(e,o,t,l,d,u){const m=R("cdx-icon");return g(),x("div",{class:j(["cdx-text-area",e.rootClasses]),style:ae(e.rootStyle)},[ce(n("textarea",re({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":o[0]||(o[0]=r=>e.wrappedModel=r),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:o[1]||(o[1]=(...r)=>e.onInput&&e.onInput(...r)),onChange:o[2]||(o[2]=(...r)=>e.onChange&&e.onChange(...r)),onFocus:o[3]||(o[3]=(...r)=>e.onFocus&&e.onFocus(...r)),onBlur:o[4]||(o[4]=(...r)=>e.onBlur&&e.onBlur(...r)),onInvalid:o[5]||(o[5]=r=>e.onInvalid(r,e.shouldPreventDefault))}),null,16,al),[[wt,e.wrappedModel]]),e.startIcon?(g(),O(m,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):U("v-if",!0),e.endIcon?(g(),O(m,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):U("v-if",!0)],6)}const il=W(ll,[["render",sl]]),dl=C({name:"CdxTypeaheadSearch",components:{CdxIcon:H,CdxMenu:Ie,CdxSearchInput:Dt},inheritAttrs:!1,props:{id:{type:String,required:!0},formAction:{type:String,required:!0},searchResults:{type:Array,required:!0},useButton:{type:Boolean,default:!1},buttonLabel:{type:String,default:""},initialInputValue:{type:String,default:""},searchFooterUrl:{type:String,default:""},debounceInterval:{type:Number,default:Xt},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:t,slots:l}){const d=h(),u=h(),m=de(),r=eo("cdx-typeahead-search-search-results-label","Search results"),a=h(!1),v=h(!1),f=h(!1),_=h(!1),D=h(e.initialInputValue),y=h(""),S=w(()=>{var M,J;return(J=(M=u.value)==null?void 0:M.getHighlightedMenuItem())==null?void 0:J.id}),$=h(null),T=w(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),K=w(()=>e.searchResults.find(M=>M.value===$.value)),Q=w(()=>e.searchFooterUrl?{value:xe,url:e.searchFooterUrl}:void 0),V=w(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":a.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:L,rootStyle:X,otherAttrs:E}=he(o,V);function Z(M){return M}const N=w(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let I,i;function k(M,J=!1){K.value&&K.value.label!==M&&K.value.value!==M&&($.value=null),i!==void 0&&(clearTimeout(i),i=void 0),M===""?a.value=!1:(v.value=!0,l["search-results-pending"]&&(i=setTimeout(()=>{_.value&&(a.value=!0),f.value=!0},oo))),I!==void 0&&(clearTimeout(I),I=void 0);const ve=()=>{t("input",M)};J?ve():I=setTimeout(()=>{ve()},e.debounceInterval)}function A(M){var J;if(M===xe){$.value=null,D.value=y.value;return}$.value=M,M!==null&&(D.value=K.value?(J=K.value.label)!=null?J:String(K.value.value):"")}function q(){_.value=!0,(y.value||f.value)&&(a.value=!0)}function te(){_.value=!1,a.value=!1}function se(M){const at=M,{id:J}=at,ve=He(at,["id"]);if(ve.value===xe){t("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}ne(ve)}function ne(M){const J={searchResult:M,index:e.searchResults.findIndex(ve=>ve.value===M.value),numberOfResults:e.searchResults.length};t("search-result-click",J)}function ee(M){var J;if(M.value===xe){D.value=y.value;return}D.value=M.value?(J=M.label)!=null?J:String(M.value):""}function F(M){var J;a.value=!1,(J=u.value)==null||J.clearActive(),se(M)}function Y(M){if(K.value)ne(K.value),M.stopPropagation(),window.location.assign(K.value.url),M.preventDefault();else{const J={searchResult:null,index:-1,numberOfResults:e.searchResults.length};t("submit",J)}}function be(M){if(!u.value||!y.value||M.key===" ")return;const J=u.value.getHighlightedMenuItem(),ve=u.value.getHighlightedViaKeyboard();switch(M.key){case"Enter":J&&(J.value===xe&&ve?window.location.assign(e.searchFooterUrl):u.value.delegateKeyNavigation(M,{prevent:!1})),a.value=!1;break;case"Tab":a.value=!1;break;default:u.value.delegateKeyNavigation(M);break}}return Ue(()=>{e.initialInputValue&&k(e.initialInputValue,!0)}),pe(z(e,"searchResults"),()=>{y.value=D.value.trim(),_.value&&v.value&&y.value.length>0&&(a.value=!0),i!==void 0&&(clearTimeout(i),i=void 0),v.value=!1,f.value=!1}),{form:d,menu:u,menuId:m,highlightedId:S,selection:$,menuMessageClass:T,footer:Q,asSearchResult:Z,inputValue:D,searchQuery:y,expanded:a,showPending:f,rootClasses:L,rootStyle:X,otherAttrs:E,menuConfig:N,onUpdateInputValue:k,onUpdateMenuSelection:A,onFocus:q,onBlur:te,onSearchResultClick:se,onSearchResultKeyboardNavigation:ee,onSearchFooterClick:F,onSubmit:Y,onKeydown:be,MenuFooterValue:xe,articleIcon:to,translatedSearchResultsLabel:r}},methods:{focus(){this.$refs.searchInput.focus()}}}),rl=["id","action"],ul={class:"cdx-typeahead-search__menu-message__text"},cl={class:"cdx-typeahead-search__menu-message__text"},pl=["href","onClickCapture"],ml={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},vl={class:"cdx-typeahead-search__search-footer__query"};function fl(e,o,t,l,d,u){const m=R("cdx-icon"),r=R("cdx-menu"),a=R("cdx-search-input");return g(),x("div",{class:j(["cdx-typeahead-search",e.rootClasses]),style:ae(e.rootStyle)},[n("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:o[4]||(o[4]=(...v)=>e.onSubmit&&e.onSubmit(...v))},[s(a,re({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":o[3]||(o[3]=v=>e.inputValue=v),"button-label":e.buttonLabel,"use-button":e.useButton},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:p(()=>[s(r,re({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":o[0]||(o[0]=v=>e.expanded=v),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.translatedSearchResultsLabel,"onUpdate:selected":e.onUpdateMenuSelection,onMenuItemClick:o[1]||(o[1]=v=>e.onSearchResultClick(e.asSearchResult(v))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:o[2]||(o[2]=v=>e.$emit("load-more"))}),{pending:p(()=>[n("div",{class:j(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[n("span",ul,[P(e.$slots,"search-results-pending")])],2)]),"no-results":p(()=>[n("div",{class:j(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[n("span",cl,[P(e.$slots,"search-no-results-text")])],2)]),default:p(({menuItem:v,active:f})=>[v.value===e.MenuFooterValue?(g(),x("a",{key:0,class:j(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":f}]),href:e.asSearchResult(v).url,onClickCapture:ue(_=>e.onSearchFooterClick(e.asSearchResult(v)),["stop"])},[s(m,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),n("span",ml,[P(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[n("strong",vl,B(e.searchQuery),1)])])],42,pl)):U("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","use-button","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),P(e.$slots,"default")],40,rl)],6)}const bl=W(dl,[["render",fl]]),gl={id:"cdx-accordion"},hl=C({__name:"AccordionDemo",setup(e){return(o,t)=>(g(),x("section",gl,[t[12]||(t[12]=n("h2",null,"Accordion",-1)),t[13]||(t[13]=n("h3",null,"Accordion w