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