diff options
68 files changed, 1037 insertions, 101 deletions
diff --git a/RELEASE-NOTES-1.43 b/RELEASE-NOTES-1.43 index df5edaf10714..b5f67ff291bc 100644 --- a/RELEASE-NOTES-1.43 +++ b/RELEASE-NOTES-1.43 @@ -139,7 +139,7 @@ For notes on 1.42.x and older releases, see HISTORY. ==== Changed external libraries ==== * Updated codex, codex-design-tokens and codex-icons - from v1.3.6 to v1.11.1. + from v1.3.6 to v1.12.0. * Updated composer/semver from 3.4.0 to 3.4.2. * Updated guzzlehttp/guzzle from 7.7.1 to 7.8.1. * Updated jquery.i18n from 1.0.7 to 1.0.10. diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less index 562deb487595..4440c34d7ee8 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-legacy.less @@ -1,5 +1,5 @@ -// Codex Design Tokens v1.11.1 +// Codex Design Tokens v1.12.0 // Design System for Wikimedia // See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less index 878ca266ebcf..1f9c31690bed 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mixin-dark.less @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.11.1 + * Codex Design Tokens v1.12.0 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css index ee1fbbad1387..37a1b5970508 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-mode-dark.css @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.11.1 + * Codex Design Tokens v1.12.0 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less index f5535d4ab080..909efedd6ec0 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-reset.less @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.11.1 + * Codex Design Tokens v1.12.0 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css b/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css index 618a8bf418b2..9d56a52dc9f3 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui-root.css @@ -1,5 +1,5 @@ /** - * Codex Design Tokens v1.11.1 + * Codex Design Tokens v1.12.0 * Design System for Wikimedia * See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html */ diff --git a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less index 562deb487595..4440c34d7ee8 100644 --- a/resources/lib/codex-design-tokens/theme-wikimedia-ui.less +++ b/resources/lib/codex-design-tokens/theme-wikimedia-ui.less @@ -1,5 +1,5 @@ -// Codex Design Tokens v1.11.1 +// Codex Design Tokens v1.12.0 // Design System for Wikimedia // See https://doc.wikimedia.org/codex/latest/design-tokens/overview.html diff --git a/resources/lib/codex/CHANGELOG.md b/resources/lib/codex/CHANGELOG.md index 8a9d192d5ac9..b7dba38866af 100644 --- a/resources/lib/codex/CHANGELOG.md +++ b/resources/lib/codex/CHANGELOG.md @@ -1,3 +1,45 @@ +# 1.12.0 / 2024-09-04 + +## Deprecating Changes +- This release deprecates the `initialInputValue` prop of the Lookup component. + This prop will be removed in the next major release of Codex (v2.0). In the + meantime it is recommended that users stop using this prop in their own code; + the new `inputValue` prop should be used instead. See the Lookup component's + documentation for more information. + +## Features +- ChipInput: Add optional modelValue and chipValidator props (Anne Tomasevich) +- ChipInput: Add ARIA live region (Volker E) +- Lookup: always clear the selection when the input changes (Anne Tomasevich) +- Lookup: Add optional inputValue and deprecate initialInputValue (Anne Tomasevich) +- demo, Combobox, Lookup: error state (lwatson) + +## Styles +- Link: Don't accidentally style thumbnail placeholder icons (Anne Tomasevich) +- Table: Improve column headings with sort (Anne Tomasevich) +- Table: Align column heading content to the bottom (Anne Tomasevich) +- Message: Set icon height in ems (Anne Tomasevich) +- Generate bi-directional Codex stylesheets using PostCSS RTLCSS (Eric Gardner) + +## Code +- Fix variable passing in branch-deploy.sh (Roan Kattouw) +- tests: Don't use .trigger( 'keydown.enter' ) (Roan Kattouw) +- Tabs: make 2-way binding of active tab optional (Eric Gardner) +- Lookup: Make unit tests more realistic when inputting text (Anne Tomasevich) + +## Docs +- RELEASING.md: Update instructions to add make-cdx command (Roan Kattouw) +- docs: update releasing docs (lwatson) +- docs: update MenuItem interaction states (bmartinezcalvo) +- docs: update Field guidelines (bmartinezcalvo) +- docs: Also protect against VitePress styles in dialogs (Roan Kattouw) +- docs: update design contribution guidelines (bmartinezcalvo) +- docs: Highlight deprecated props in the props table (Anne Tomasevich) +- docs: Fix typos in types.ts: correct minor documentation errors (Doğu Abaris) +- docs: Fix typo in constants.ts: correct "avialable" to "available" (Doğu Abaris) +- docs: Add ADR 11 (Eric Gardner) + + # 1.11.1 / 2024-08-20 ## Features diff --git a/resources/lib/codex/codex.cjs b/resources/lib/codex/codex.cjs index 05fd965859a9..9739dd63bb40 100644 --- a/resources/lib/codex/codex.cjs +++ b/resources/lib/codex/codex.cjs @@ -1 +1 @@ -"use strict";var fn=Object.defineProperty,mn=Object.defineProperties;var hn=Object.getOwnPropertyDescriptors;var Me=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,pt=Object.prototype.propertyIsEnumerable;var Xe=(e,n,o)=>n in e?fn(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,K=(e,n)=>{for(var o in n||(n={}))ct.call(n,o)&&Xe(e,o,n[o]);if(Me)for(var o of Me(n))pt.call(n,o)&&Xe(e,o,n[o]);return e},X=(e,n)=>mn(e,hn(n));var ie=(e,n)=>{var o={};for(var l in e)ct.call(e,l)&&n.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&Me)for(var l of Me(e))n.indexOf(l)<0&&pt.call(e,l)&&(o[l]=e[l]);return o};var re=(e,n,o)=>(Xe(e,typeof n!="symbol"?n+"":n,o),o);var J=(e,n,o)=>new Promise((l,i)=>{var r=s=>{try{d(o.next(s))}catch(u){i(u)}},a=s=>{try{d(o.throw(s))}catch(u){i(u)}},d=s=>s.done?l(s.value):Promise.resolve(s.value).then(r,a);d((o=o.apply(e,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),vn='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',gn='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',bn='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',yn='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',Cn='<path d="M10 15 2 5h16z"/>',wn='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',kn='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',$n='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',Bn='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',Sn='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',xn='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',In='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',En='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',Vn='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',Nn='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',An='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',Dn='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',Tn='<path d="m10 5 8 10H2z"/>',$t=vn,Ln=gn,Mn=bn,tt=yn,Rn=Cn,Bt=wn,St=kn,On=$n,Fn={langCodeMap:{ar:Bn},default:Sn},_n={ltr:xn,shouldFlip:!0},zn={ltr:In,shouldFlip:!0},xt={ltr:En,shouldFlip:!0},It={ltr:Vn,shouldFlip:!0},Pn=Nn,Kn=An,Et=Dn,Hn=Tn;function Un(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof l=="string"||"path"in l?l:l.ltr}function qn(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function Ve(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Vt(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function Y(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Fe="cdx",jn=["default","progressive","destructive"],Wn=["normal","primary","quiet"],Qn=["medium","large"],Gn=["x-small","small","medium"],Yn=["notice","warning","error","success"],Nt=Y(Yn),Xn=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],fe=["default","warning","error","success"],Jn=["start","center","end","number"],Zn=120,eo=500,we="cdx-menu-footer-item",At=Symbol("CdxTabs"),Dt=Symbol("CdxActiveTab"),Tt=Symbol("CdxFieldInputId"),Ue=Symbol("CdxFieldDescriptionId"),Lt=Symbol("CdxFieldStatus"),Mt=Symbol("CdxDisabled"),to="".concat(Fe,"-no-invert"),_e=Symbol("CdxTableRowIdentifier"),no=["top","bottom","both"],oo=Y(Gn),lo=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:oo}},setup(e){const n=t.ref(),o=Ve(n),l=Vt(n),i=t.computed(()=>{var c;return(c=e.dir)!=null?c:o.value}),r=t.computed(()=>{var c;return(c=e.lang)!=null?c:l.value}),a=t.computed(()=>({"cdx-icon--flipped":i.value==="rtl"&&r.value!==null&&qn(e.icon,r.value),["cdx-icon--".concat(e.size)]:!0})),d=t.computed(()=>{var c,p;return Un(e.icon,(c=r.value)!=null?c:"",(p=i.value)!=null?p:"ltr")}),s=t.computed(()=>typeof d.value=="string"?d.value:""),u=t.computed(()=>typeof d.value!="string"?d.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:s,iconPath:u}}}),O=(e,n)=>{const o=e.__vccOpts||e;for(const[l,i]of n)o[l]=i;return o},ao=["aria-hidden"],so={key:0},io=["innerHTML"],ro=["d"];function uo(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",so,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,io)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,ro))],8,ao))],2)}const U=O(lo,[["render",uo]]);function Rt(e){const n=[];for(const o of e)typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...Rt(o.children)));return n}function Ot(e,n){return typeof e.type=="object"&&"name"in e.type?n!==void 0?e.type.name===n:!0:!1}function co(e,n){return typeof e.type=="string"?e.type===n.toLowerCase():!1}function qe(e){const n=typeof e=="function"?e():e;return n?Rt(n):[]}function je(e,n){if(e()){t.warn(n);return}const o=t.watch(e,l=>{l&&(t.warn(n),o())})}function Ft(e,n,o){const l=t.computed(()=>{const i=qe(e);if(i.length!==1)return!1;const r=i[0];return!!(typeof r=="object"&&(Ot(r,"CdxIcon")||co(r,"svg")))});return je(()=>l.value&&!n["aria-label"]&&!n["aria-hidden"],"".concat(o,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),l}const po=Y(jn),fo=Y(Wn),mo=Y(Qn),ho=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:po},weight:{type:String,default:"normal",validator:fo},size:{type:String,default:"medium",validator:mo}},emits:["click"],setup(e,{emit:n,slots:o,attrs:l}){const i=Ft(o.default,l,"CdxButton"),r=t.ref(!1),a=t.computed(()=>({["cdx-button--action-".concat(e.action)]:!0,["cdx-button--weight-".concat(e.weight)]:!0,["cdx-button--size-".concat(e.size)]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":i.value,"cdx-button--is-active":r.value})),d=p=>{n("click",p)},s=p=>{r.value=p};function u(){s(!0)}function c(p){s(!1),n("click",p)}return{rootClasses:a,onClick:d,onKeyDown:u,onKeyUp:c}}});function vo(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onKeydown:n[0]||(n[0]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[1]||(n[1]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"])),onClick:n[2]||(n[2]=(...a)=>e.onClick&&e.onClick(...a))},[t.renderSlot(e.$slots,"default")],34)}const ue=O(ho,[["render",vo]]),go=t.defineComponent({name:"CdxAccordion",components:{CdxButton:ue,CdxIcon:U},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:n,emit:o}){const l=t.ref("open"in n),i=()=>{o("action-button-click")},r=s=>{l.value=s.newState==="open"},a=t.computed(()=>e.actionIcon&&(l.value||e.actionAlwaysVisible)),d=t.computed(()=>({"cdx-accordion--has-icon":a.value}));return{emitActionButtonClick:i,rootClasses:d,shouldShowActionButton:a,onToggle:r}}}),bo={class:"cdx-accordion__header__title"},yo={class:"cdx-accordion__header__description"};function Co(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("details",{class:t.normalizeClass(["cdx-accordion",e.rootClasses]),onToggle:n[1]||(n[1]=(...s)=>e.onToggle&&e.onToggle(...s))},[t.createElementVNode("summary",null,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createElementVNode("span",bo,[t.renderSlot(e.$slots,"title")]),t.createElementVNode("span",yo,[t.renderSlot(e.$slots,"description")])]),_:3})),e.shouldShowActionButton?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:t.withModifiers(e.emitActionButtonClick,["stop"])},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)]),t.createElementVNode("div",{class:"cdx-accordion__content",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default")])],34)}const wo=O(go,[["render",Co]]);function _t(e){return e.label===void 0?e.value:e.label===null?"":e.label}function zt(e){const n=t.ref(),o=t.ref(),l=t.ref(new Map),i=Ve(n);function r(h,v){const w=h;w&&l.value.set(v,w)}function a(h){o.value=h}function d(){o.value=void 0}function s(h,v){var y;const w=h+v,b=e.value[w];if(b)if(b.disabled)s(w,v);else{const k=(y=l.value.get(w))==null?void 0:y.$el;k==null||k.focus()}}function u(){var h;s((h=o.value)!=null?h:-1,1)}function c(){var h;s((h=o.value)!=null?h:e.value.length,-1)}function p(){i.value==="rtl"?c():u()}function m(){i.value==="rtl"?u():c()}function f(h){switch(h.key){case"ArrowRight":h.preventDefault(),p();break;case"ArrowLeft":h.preventDefault(),m();break;case"ArrowDown":h.preventDefault(),u();break;case"ArrowUp":h.preventDefault(),c();break}}return{rootElement:n,assignTemplateRef:r,onFocus:a,onBlur:d,onKeydown:f}}const ko=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:ue,CdxIcon:U},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:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r}=zt(t.toRef(e,"buttons"));return{rootElement:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r,getButtonLabel:_t}}}),$o={ref:"rootElement",class:"cdx-button-group"};function Bo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",$o,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,u)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:c=>e.assignTemplateRef(c,u),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,onClick:c=>e.$emit("click",s.value),onFocus:c=>e.onFocus(u),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["disabled","aria-label","onClick","onFocus","onBlur","onKeydown"]))),128))],512)}const So=O(ko,[["render",Bo]]),xo=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:U},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:On}},setup:e=>{const n=t.ref(!1),o=t.ref({}),l=i=>{const r=i.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:'url("'.concat(r,'")')},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&l(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n,NoInvertClass:to}}}),Io={class:"cdx-thumbnail"},Eo={key:0,class:"cdx-thumbnail__placeholder"};function Vo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Io,[e.thumbnailLoaded?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("span",Eo,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:t.normalizeClass([e.NoInvertClass,"cdx-thumbnail__image"])},null,6)):t.createCommentVNode("v-if",!0)]),_:1})])}const nt=O(xo,[["render",Vo]]),No=t.defineComponent({name:"CdxCard",components:{CdxIcon:U,CdxThumbnail:nt},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 n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),l=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:l}}}),Ao={class:"cdx-card__text"},Do={class:"cdx-card__text__title"},To={key:0,class:"cdx-card__text__description"},Lo={key:1,class:"cdx-card__text__supporting-text"};function Mo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Ao,[t.createElementVNode("span",Do,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",To,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Lo,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("v-if",!0)])]),_:3},8,["href","class"])}const Ro=O(No,[["render",Mo]]);function ot(e){const n=t.inject(Mt,t.ref(!1));return t.computed(()=>n.value||e.value)}function oe(e,n,o){const l=ot(e),i=t.inject(Lt,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),a=t.inject(Tt,void 0),d=t.computed(()=>{var s;return(s=a==null?void 0:a.value)!=null?s:o});return{computedDisabled:l,computedStatus:r,computedInputId:d}}function le(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=ie(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),l=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const s=e,{class:r,style:a}=s;return ie(s,["class","style"])});return{rootClasses:o,rootStyle:l,otherAttrs:i}}function j(e,n,o=[]){const l=t.inject("CdxI18nFunction",void 0);return t.computed(()=>{const i=o.map(a=>typeof a=="function"?a():a.value),r=l==null?void 0:l(e,...i);return r!=null?r:typeof n=="function"?n(...i):n})}function We(e,n,o,l=[]){const i=j(n,o,l);return t.computed(()=>e.value||i.value)}const Oo=t.defineComponent({name:"CdxLabel",components:{CdxIcon:U},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optional:{type:Boolean,default:!1},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=oe(t.toRef(e,"disabled")),l=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:i,rootStyle:r,otherAttrs:a}=le(n,l),d=We(t.toRef(e,"optionalFlag"),"cdx-label-optional-flag","(optional)");return{rootClasses:i,rootStyle:r,otherAttrs:a,translatedOptionalFlag:d}}}),Fo=["for"],_o={class:"cdx-label__label__text"},zo={key:1,class:"cdx-label__label__optional-flag"},Po=["id"],Ko={class:"cdx-label__label"},Ho={class:"cdx-label__label__text"},Uo={key:1,class:"cdx-label__label__optional-flag"},qo={key:0,class:"cdx-label__description"};function jo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",Ko,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Ho,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Uo,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",qo,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",_o,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",zo,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)],16,Fo),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,Po)):t.createCommentVNode("v-if",!0)],6))}const Ne=O(Oo,[["render",jo]]);function lt(e,n,o){je(()=>qe(e).length===0&&!(n!=null&&n["aria-label"])&&!(n!=null&&n["aria-labelledby"]),"".concat(o,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}function Z(e,n,o){return t.computed({get:()=>e.value,set:l=>n(o||"update:modelValue",l)})}let Je=0;function H(e){var l;const n=t.getCurrentInstance(),o=(l=n==null?void 0:n.props.id)!=null?l:n==null?void 0:n.attrs.id;return e?"".concat(Fe,"-").concat(e,"-").concat(Je++):o?"".concat(Fe,"-").concat(o,"-").concat(Je++):"".concat(Fe,"-").concat(Je++)}const Wo=Y(fe),Qo=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:Ne},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Wo}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;lt((m=o.default)==null?void 0:m.call(o),l,"CdxCheckbox");const{computedDisabled:i,computedStatus:r}=oe(t.toRef(e,"disabled"),t.toRef(e,"status")),a=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),d=t.computed(()=>({"cdx-checkbox__custom-input--inline":e.inline})),s=t.ref(),u=H("checkbox"),c=H("description"),p=Z(t.toRef(e,"modelValue"),n);return{rootClasses:a,computedDisabled:i,input:s,checkboxId:u,descriptionId:c,wrappedModel:p,customInputClasses:d}}}),Go={class:"cdx-checkbox__wrapper"},Yo=["id","aria-describedby","value","name","disabled",".indeterminate"],Xo=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function Jo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.createElementVNode("div",Go,[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,name:e.name,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,Yo),[[t.vModelCheckbox,e.wrappedModel]]),Xo,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,"visually-hidden":e.hideLabel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","visually-hidden"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-checkbox__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const Pt=O(Qo,[["render",Jo]]),Zo=t.defineComponent({name:"CdxInputChip",components:{CdxButton:ue,CdxIcon:U},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const o=t.ref(),l=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),i=j("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function r(a){var d;switch(a.key){case"Enter":n("click-chip"),a.preventDefault(),a.stopPropagation();break;case"Escape":(d=o.value)==null||d.blur(),a.preventDefault(),a.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",a.key),a.preventDefault(),a.stopPropagation();break;case"ArrowLeft":n("arrow-left"),a.preventDefault(),a.stopPropagation();break;case"ArrowRight":n("arrow-right"),a.preventDefault(),a.stopPropagation();break}}return{rootElement:o,rootClasses:l,ariaDescription:i,onKeydown:r,cdxIconClose:tt}},methods:{focus(){this.$refs.rootElement.focus()}}}),el=["aria-description"],tl={class:"cdx-input-chip__text"};function nl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",tl,[t.renderSlot(e.$slots,"default")]),t.createVNode(d,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,el)}const ol=O(Zo,[["render",nl]]),ll=Y(fe),al=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:ol},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:ll},disabled:{type:Boolean,default:!1}},emits:["update:input-chips"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=Ve(l),r=t.ref(),a=t.ref(""),d=t.ref("default"),s=t.computed(()=>d.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:u,computedStatus:c}=oe(t.toRef(e,"disabled"),s),p=t.ref(!1),m=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(c.value)]:!0,"cdx-chip-input--focused":p.value,"cdx-chip-input--disabled":u.value})),{rootClasses:f,rootStyle:h,otherAttrs:v}=le(o,m),w=[];function b(A,F){A!==null&&(w[F]=A)}const y=()=>{r.value.focus()};function k(){e.inputChips.find(A=>A.value===a.value)?d.value="error":a.value.length>0&&(n("update:input-chips",e.inputChips.concat({value:a.value})),a.value="")}function I(A){n("update:input-chips",e.inputChips.filter(F=>F.value!==A.value))}function E(A,F){const R=i.value==="ltr"&&A==="left"||i.value==="rtl"&&A==="right"?-1:1,V=F+R;if(!(V<0)){if(V>=e.inputChips.length){y();return}w[V].focus()}}function N(A){return J(this,null,function*(){k(),yield t.nextTick(),I(A),a.value=A.value,y()})}function x(A,F,R){if(R==="button")y();else if(R==="Backspace"){const V=F===0?1:F-1;V<e.inputChips.length?w[V].focus():y()}else if(R==="Delete"){const V=F+1;V<e.inputChips.length?w[V].focus():y()}I(A)}function $(A){var R,V;const F=i.value==="rtl"?"ArrowRight":"ArrowLeft";switch(A.key){case"Enter":if(a.value.length>0){k(),A.preventDefault(),A.stopPropagation();return}break;case"Escape":(R=r.value)==null||R.blur(),A.preventDefault(),A.stopPropagation();return;case"Backspace":case F:if(((V=r.value)==null?void 0:V.selectionStart)===0&&r.value.selectionEnd===0&&e.inputChips.length>0){w[e.inputChips.length-1].focus(),A.preventDefault(),A.stopPropagation();return}break}}function C(){p.value=!0}function g(){p.value=!1}function T(A){var F;(F=l.value)!=null&&F.contains(A.relatedTarget)||k()}return t.watch(t.toRef(e,"inputChips"),A=>{const F=A.find(R=>R.value===a.value);d.value=F?"error":"default"}),t.watch(a,()=>{d.value==="error"&&(d.value="default")}),{rootElement:l,input:r,inputValue:a,rootClasses:f,rootStyle:h,otherAttrs:v,assignChipTemplateRef:b,handleChipClick:N,handleChipRemove:x,moveChipFocus:E,onInputKeydown:$,focusInput:y,onInputFocus:C,onInputBlur:g,onFocusOut:T,computedDisabled:u}}}),sl={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},il=["disabled"],rl={key:0,class:"cdx-chip-input__separate-input"},dl=["disabled"];function ul(e,n,o,l,i,r){const a=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...d)=>e.focusInput&&e.focusInput(...d)),onFocusout:n[9]||(n[9]=(...d)=>e.onFocusOut&&e.onFocusOut(...d))},[t.createElementVNode("div",sl,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(d,s)=>(t.openBlock(),t.createBlock(a,{key:d.value,ref_for:!0,ref:u=>e.assignChipTemplateRef(u,s),class:"cdx-chip-input__item",icon:d.icon,disabled:e.computedDisabled,onClickChip:u=>e.handleChipClick(d),onRemoveChip:u=>e.handleChipRemove(d,s,u),onArrowLeft:u=>e.moveChipFocus("left",s),onArrowRight:u=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.inputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[2]||(n[2]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[3]||(n[3]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,il)),[[t.vModelDynamic,e.inputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",rl,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=d=>e.inputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[6]||(n[6]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[7]||(n[7]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,dl),[[t.vModelDynamic,e.inputValue]])])):t.createCommentVNode("v-if",!0)],38)}const cl=O(al,[["render",ul]]);function Kt(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const pl="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Ht(e,n){if(!e)return[n,"",""];const o=Kt(e),l=new RegExp(o+pl+"*","i").exec(n);if(!l||l.index===void 0)return[n,"",""];const i=l.index,r=i+l[0].length,a=n.slice(i,r),d=n.slice(0,i),s=n.slice(r,n.length);return[d,a,s]}const fl=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Kt,splitStringAtMatch:Ht},Symbol.toStringTag,{value:"Module"})),ml=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Ht(e.searchQuery,String(e.title)))})}),hl={class:"cdx-search-result-title"},vl={class:"cdx-search-result-title__match"};function gl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",hl,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",vl,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Ut=O(ml,[["render",gl]]),bl=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:U,CdxThumbnail:nt,CdxSearchResultTitle:Ut},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})},action:{type:String,default:"default"},multiselect:{type:Boolean,default:!1}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},l=()=>{n("change","highlighted",!1)},i=c=>{c.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--destructive":e.action&&e.action==="destructive","cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:l,onMouseDown:i,onClick:r,highlightQuery:a,rootClasses:d,contentTag:s,title:u}}}),yl=["id","aria-disabled","aria-selected","aria-checked"],Cl={class:"cdx-menu-item__text"},wl=["lang"],kl=["lang"],$l=["lang"],Bl=["lang"];function Sl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected&&!e.multiselect?!0:void 0,"aria-checked":e.selected&&e.multiselect?!0:void 0,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,c,p,m,f,h;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Cl,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(c=e.language)==null?void 0:c.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,wl)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(p=e.language)==null?void 0:p.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(m=e.language)==null?void 0:m.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,kl))],64)):t.createCommentVNode("v-if",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(f=e.language)==null?void 0:f.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,$l)],64)):t.createCommentVNode("v-if",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(h=e.language)==null?void 0:h.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Bl)):t.createCommentVNode("v-if",!0)])]}),_:1},8,["href"]))])],42,yl)}const qt=O(bl,[["render",Sl]]),xl=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){je(()=>!e.inline&&!n["aria-label"]&&!n["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const o=t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),l=t.computed(()=>e.inline?"true":void 0);return{rootClasses:o,computedAriaHidden:l}}}),Il=["aria-hidden","aria-disabled"],El=t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1),Vl=[El];function Nl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},Vl,10,Il)}const at=O(xl,[["render",Nl]]);function ze(e,n){const o=t.ref(!1);let l=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{l=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{l=!1,i.disconnect()}),t.watch(e,r=>{l&&(i.disconnect(),o.value=!1,r&&i.observe(r))}),o}function Re(e){return e!==null&&Array.isArray(e)}const Al=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:qt,CdxProgressBar:at},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,Array,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:l}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(L=>X(K({},L),{id:H("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),a=t.ref(null),d=t.ref(!1),s=t.ref(null),u="additions removals";let c="",p=null;function m(){c="",p!==null&&(clearTimeout(p),p=null)}function f(){p!==null&&clearTimeout(p),p=setTimeout(m,1500)}function h(){var B;return(B=i.value.find(L=>Re(e.selected)?e.selected.indexOf(L.value)!==-1:L.value===e.selected))!=null?B:null}const v=t.computed(()=>Re(e.selected));function w(B){return Re(e.selected)?e.selected.indexOf(B)!==-1:B===e.selected}function b(B){if(Re(e.selected)){const L=e.selected.indexOf(B)===-1?e.selected.concat(B):e.selected.filter(W=>W!==B);n("update:selected",L)}else n("update:selected",B)}function y(B,L){if(!(L&&L.disabled))switch(B){case"selected":L&&b(L.value),v.value||n("update:expanded",!1),s.value=null;break;case"highlighted":a.value=L!=null?L:null,d.value=!1;break;case"highlightedViaKeyboard":a.value=L!=null?L:null,d.value=!0;break;case"active":s.value=L!=null?L:null;break}}const k=t.computed(()=>{if(a.value!==null)return i.value.findIndex(B=>B.value===a.value.value)});function I(B){B&&(y("highlightedViaKeyboard",B),n("menu-item-keyboard-navigation",B))}function E(B){var q;const L=S=>{for(let D=S-1;D>=0;D--)if(!i.value[D].disabled)return i.value[D]};B=B!=null?B:i.value.length;const W=(q=L(B))!=null?q:L(i.value.length);I(W)}function N(B){var q;const L=S=>i.value.find((D,z)=>!D.disabled&&z>S);B=B!=null?B:-1;const W=(q=L(B))!=null?q:L(-1);I(W)}function x(B){if(B.key==="Clear")return m(),!0;if(B.key==="Backspace")return c=c.slice(0,-1),f(),!0;if(B.key.length===1&&!B.metaKey&&!B.ctrlKey&&!B.altKey){if(e.expanded||n("update:expanded",!0),B.key===" "&&c.length<1)return!1;c+=B.key.toLowerCase();const L=c.length>1&&c.split("").every(D=>D===c[0]);let W=i.value,q=c;L&&k.value!==void 0&&(W=W.slice(k.value+1).concat(W.slice(0,k.value)),q=c[0]);const S=W.find(D=>{var z;return!D.disabled&&String((z=D.label)!=null?z:D.value).toLowerCase().startsWith(q)});return S&&(y("highlightedViaKeyboard",S),R()),f(),!0}return!1}function $(B,{prevent:L=!0,characterNavigation:W=!1}={}){if(W){if(x(B))return B.preventDefault(),!0;m()}function q(){L&&(B.preventDefault(),B.stopPropagation())}switch(B.key){case"Enter":case" ":return q(),e.expanded?(a.value&&d.value&&b(a.value.value),v.value||n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(a.value&&d.value&&b(a.value.value),v.value||n("update:expanded",!1)),!0;case"ArrowUp":return q(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),E(k.value)):n("update:expanded",!0),R(),!0;case"ArrowDown":return q(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),N(k.value)):n("update:expanded",!0),R(),!0;case"Home":return q(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),N()):n("update:expanded",!0),R(),!0;case"End":return q(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),E()):n("update:expanded",!0),R(),!0;case"Escape":return q(),n("update:expanded",!1),!0;default:return!1}}function C(){y("active",null)}const g=[],T=t.ref(void 0),A=ze(T,{threshold:.8});t.watch(A,B=>{B&&n("load-more")});function F(B,L){if(B){g[L]=B.$el;const W=e.visibleItemLimit;if(!W||e.menuItems.length<W)return;const q=Math.min(W,Math.max(2,Math.floor(.2*e.menuItems.length)));L===e.menuItems.length-q&&(T.value=B.$el)}}function R(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||k.value===void 0)return;const B=k.value>=0?k.value:0;g[B].scrollIntoView({behavior:"smooth",block:"nearest"})}const V=t.ref(null),_=t.ref(null);function Q(){return J(this,null,function*(){yield t.nextTick(),G(),se(),yield t.nextTick(),R()})}function G(){if(e.footer){const B=g[g.length-1];_.value=B.scrollHeight}else _.value=null}function se(){if(!e.visibleItemLimit||g.length<=e.visibleItemLimit){V.value=null;return}const B=g[0].getBoundingClientRect().top,L=g[e.visibleItemLimit].getBoundingClientRect().top;V.value=L-B+2}t.onMounted(()=>{document.addEventListener("mouseup",C)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",C)}),t.watch(t.toRef(e,"expanded"),B=>J(this,null,function*(){if(B){const L=h();L&&!a.value&&y("highlighted",L),yield Q()}else y("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),B=>J(this,null,function*(){B.length<g.length&&(g.length=B.length),e.expanded&&(yield Q())}),{deep:!0});const ge=t.computed(()=>({"max-height":V.value?"".concat(V.value,"px"):void 0,"margin-bottom":_.value?"".concat(_.value,"px"):void 0})),M=t.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:P,rootStyle:ee,otherAttrs:Ce}=le(l,M);return{listBoxStyle:ge,rootClasses:P,rootStyle:ee,otherAttrs:Ce,assignTemplateRef:F,computedMenuItems:i,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:s,handleMenuItemChange:y,handleKeyNavigation:$,ariaRelevant:u,isMultiselect:v,isItemSelected:w}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),Dl=["aria-live","aria-relevant","aria-multiselectable"],Tl={key:0,class:"cdx-menu__pending cdx-menu-item"},Ll={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Ml(e,n,o,l,i,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0,"aria-multiselectable":e.isMultiselect?!0:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Tl,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("v-if",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Ll,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,u)=>{var c,p;return t.openBlock(),t.createBlock(a,t.mergeProps({key:s.value,ref_for:!0,ref:m=>e.assignTemplateRef(m,u)},s,{selected:e.isItemSelected(s.value),active:s.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:s.value===((p=e.highlightedMenuItem)==null?void 0:p.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,multiselect:e.isMultiselect,onChange:(m,f)=>e.handleMenuItemChange(m,f?s:null),onClick:m=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var m,f;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((m=e.activeMenuItem)==null?void 0:m.value)&&s.value===((f=e.highlightedMenuItem)==null?void 0:f.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","multiselect","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("v-if",!0)],16,Dl)],6)),[[t.vShow,e.expanded]])}const Se=O(Al,[["render",Ml]]),Rl=Y(Xn),Ol=Y(fe),Fl=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:U},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Rl},status:{type:String,default:"default",validator:Ol},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const l=o.id,{computedDisabled:i,computedStatus:r,computedInputId:a}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),l),d=t.inject(Ue,void 0),s=Z(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!s.value&&!i.value),c=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":u.value,["cdx-text-input--status-".concat(r.value)]:!0})),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(o,c),h=t.computed(()=>{const $=f.value,{id:N}=$;return ie($,["id"])}),v=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{computedInputId:a,descriptionId:d,wrappedModel:s,isClearable:u,rootClasses:p,rootStyle:m,otherAttrsMinusId:h,inputClasses:v,computedDisabled:i,onClear:N=>{s.value="",n("clear",N)},onInput:N=>{n("input",N)},onChange:N=>{n("change",N)},onKeydown:N=>{(N.key==="Home"||N.key==="End")&&!N.ctrlKey&&!N.metaKey||n("keydown",N)},onFocus:N=>{n("focus",N)},onBlur:N=>{n("blur",N)},cdxIconClear:Mn}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),_l=["id","type","aria-describedby","disabled"];function zl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,_l),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("v-if",!0)],6)}const Qe=O(Fl,[["render",zl]]),Pl=["top","right","bottom","left"],$e=Math.min,te=Math.max,Pe=Math.round,Oe=Math.floor,he=e=>({x:e,y:e}),Kl={left:"right",right:"left",bottom:"top",top:"bottom"},Hl={start:"end",end:"start"};function ft(e,n,o){return te(e,$e(n,o))}function xe(e,n){return typeof e=="function"?e(n):e}function ve(e){return e.split("-")[0]}function Ae(e){return e.split("-")[1]}function jt(e){return e==="x"?"y":"x"}function Wt(e){return e==="y"?"height":"width"}function De(e){return["top","bottom"].includes(ve(e))?"y":"x"}function Qt(e){return jt(De(e))}function Ul(e,n,o){o===void 0&&(o=!1);const l=Ae(e),i=Qt(e),r=Wt(i);let a=i==="x"?l===(o?"end":"start")?"right":"left":l==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(a=Ke(a)),[a,Ke(a)]}function ql(e){const n=Ke(e);return[Ze(e),n,Ze(n)]}function Ze(e){return e.replace(/start|end/g,n=>Hl[n])}function jl(e,n,o){const l=["left","right"],i=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(e){case"top":case"bottom":return o?n?i:l:n?l:i;case"left":case"right":return n?r:a;default:return[]}}function Wl(e,n,o,l){const i=Ae(e);let r=jl(ve(e),o==="start",l);return i&&(r=r.map(a=>a+"-"+i),n&&(r=r.concat(r.map(Ze)))),r}function Ke(e){return e.replace(/left|right|bottom|top/g,n=>Kl[n])}function Ql(e){return K({top:0,right:0,bottom:0,left:0},e)}function Gl(e){return typeof e!="number"?Ql(e):{top:e,right:e,bottom:e,left:e}}function He(e){return X(K({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}function mt(e,n,o){let{reference:l,floating:i}=e;const r=De(n),a=Qt(n),d=Wt(a),s=ve(n),u=r==="y",c=l.x+l.width/2-i.width/2,p=l.y+l.height/2-i.height/2,m=l[d]/2-i[d]/2;let f;switch(s){case"top":f={x:c,y:l.y-i.height};break;case"bottom":f={x:c,y:l.y+l.height};break;case"right":f={x:l.x+l.width,y:p};break;case"left":f={x:l.x-i.width,y:p};break;default:f={x:l.x,y:l.y}}switch(Ae(n)){case"start":f[a]-=m*(o&&u?-1:1);break;case"end":f[a]+=m*(o&&u?-1:1);break}return f}const Yl=(e,n,o)=>J(exports,null,function*(){const{placement:l="bottom",strategy:i="absolute",middleware:r=[],platform:a}=o,d=r.filter(Boolean),s=yield a.isRTL==null?void 0:a.isRTL(n);let u=yield a.getElementRects({reference:e,floating:n,strategy:i}),{x:c,y:p}=mt(u,l,s),m=l,f={},h=0;for(let v=0;v<d.length;v++){const{name:w,fn:b}=d[v],{x:y,y:k,data:I,reset:E}=yield b({x:c,y:p,initialPlacement:l,placement:m,strategy:i,middlewareData:f,rects:u,platform:a,elements:{reference:e,floating:n}});c=y!=null?y:c,p=k!=null?k:p,f=X(K({},f),{[w]:K(K({},f[w]),I)}),E&&h<=50&&(h++,typeof E=="object"&&(E.placement&&(m=E.placement),E.rects&&(u=E.rects===!0?yield a.getElementRects({reference:e,floating:n,strategy:i}):E.rects),{x:c,y:p}=mt(u,m,s)),v=-1)}return{x:c,y:p,placement:m,strategy:i,middlewareData:f}});function Ie(e,n){return J(this,null,function*(){var o;n===void 0&&(n={});const{x:l,y:i,platform:r,rects:a,elements:d,strategy:s}=e,{boundary:u="clippingAncestors",rootBoundary:c="viewport",elementContext:p="floating",altBoundary:m=!1,padding:f=0}=xe(n,e),h=Gl(f),w=d[m?p==="floating"?"reference":"floating":p],b=He(yield r.getClippingRect({element:(o=yield r.isElement==null?void 0:r.isElement(w))==null||o?w:w.contextElement||(yield r.getDocumentElement==null?void 0:r.getDocumentElement(d.floating)),boundary:u,rootBoundary:c,strategy:s})),y=p==="floating"?X(K({},a.floating),{x:l,y:i}):a.reference,k=yield r.getOffsetParent==null?void 0:r.getOffsetParent(d.floating),I=(yield r.isElement==null?void 0:r.isElement(k))?(yield r.getScale==null?void 0:r.getScale(k))||{x:1,y:1}:{x:1,y:1},E=He(r.convertOffsetParentRelativeRectToViewportRelativeRect?yield r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:y,offsetParent:k,strategy:s}):y);return{top:(b.top-E.top+h.top)/I.y,bottom:(E.bottom-b.bottom+h.bottom)/I.y,left:(b.left-E.left+h.left)/I.x,right:(E.right-b.right+h.right)/I.x}})}const Xl=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(o){return J(this,null,function*(){var l,i;const{placement:r,middlewareData:a,rects:d,initialPlacement:s,platform:u,elements:c}=o,F=xe(e,o),{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:w=!0}=F,b=ie(F,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const y=ve(r),k=ve(s)===s,I=yield u.isRTL==null?void 0:u.isRTL(c.floating),E=f||(k||!w?[Ke(s)]:ql(s));!f&&v!=="none"&&E.push(...Wl(s,w,v,I));const N=[s,...E],x=yield Ie(o,b),$=[];let C=((i=a.flip)==null?void 0:i.overflows)||[];if(p&&$.push(x[y]),m){const R=Ul(r,d,I);$.push(x[R[0]],x[R[1]])}if(C=[...C,{placement:r,overflows:$}],!$.every(R=>R<=0)){var g,T;const R=(((g=a.flip)==null?void 0:g.index)||0)+1,V=N[R];if(V)return{data:{index:R,overflows:C},reset:{placement:V}};let _=(T=C.filter(Q=>Q.overflows[0]<=0).sort((Q,G)=>Q.overflows[1]-G.overflows[1])[0])==null?void 0:T.placement;if(!_)switch(h){case"bestFit":{var A;const Q=(A=C.map(G=>[G.placement,G.overflows.filter(se=>se>0).reduce((se,ge)=>se+ge,0)]).sort((G,se)=>G[1]-se[1])[0])==null?void 0:A[0];Q&&(_=Q);break}case"initialPlacement":_=s;break}if(r!==_)return{reset:{placement:_}}}return{}})}}};function ht(e,n){return{top:e.top-n.height,right:e.right-n.width,bottom:e.bottom-n.height,left:e.left-n.width}}function vt(e){return Pl.some(n=>e[n]>=0)}const Jl=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(o){return J(this,null,function*(){const{rects:l}=o,a=xe(e,o),{strategy:i="referenceHidden"}=a,r=ie(a,["strategy"]);switch(i){case"referenceHidden":{const d=yield Ie(o,X(K({},r),{elementContext:"reference"})),s=ht(d,l.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:vt(s)}}}case"escaped":{const d=yield Ie(o,X(K({},r),{altBoundary:!0})),s=ht(d,l.floating);return{data:{escapedOffsets:s,escaped:vt(s)}}}default:return{}}})}}};function Zl(e,n){return J(this,null,function*(){const{placement:o,platform:l,elements:i}=e,r=yield l.isRTL==null?void 0:l.isRTL(i.floating),a=ve(o),d=Ae(o),s=De(o)==="y",u=["left","top"].includes(a)?-1:1,c=r&&s?-1:1,p=xe(n,e);let{mainAxis:m,crossAxis:f,alignmentAxis:h}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:K({mainAxis:0,crossAxis:0,alignmentAxis:null},p);return d&&typeof h=="number"&&(f=d==="end"?h*-1:h),s?{x:f*c,y:m*u}:{x:m*u,y:f*c}})}const Gt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(o){return J(this,null,function*(){var l,i;const{x:r,y:a,placement:d,middlewareData:s}=o,u=yield Zl(o,e);return d===((l=s.offset)==null?void 0:l.placement)&&(i=s.arrow)!=null&&i.alignmentOffset?{}:{x:r+u.x,y:a+u.y,data:X(K({},u),{placement:d})}})}}},ea=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(o){return J(this,null,function*(){const{x:l,y:i,placement:r}=o,b=xe(e,o),{mainAxis:a=!0,crossAxis:d=!1,limiter:s={fn:y=>{let{x:k,y:I}=y;return{x:k,y:I}}}}=b,u=ie(b,["mainAxis","crossAxis","limiter"]),c={x:l,y:i},p=yield Ie(o,u),m=De(ve(r)),f=jt(m);let h=c[f],v=c[m];if(a){const y=f==="y"?"top":"left",k=f==="y"?"bottom":"right",I=h+p[y],E=h-p[k];h=ft(I,h,E)}if(d){const y=m==="y"?"top":"left",k=m==="y"?"bottom":"right",I=v+p[y],E=v-p[k];v=ft(I,v,E)}const w=s.fn(X(K({},o),{[f]:h,[m]:v}));return X(K({},w),{data:{x:w.x-l,y:w.y-i}})})}}},ta=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(o){return J(this,null,function*(){const{placement:l,rects:i,platform:r,elements:a}=o,x=xe(e,o),{apply:d=()=>{}}=x,s=ie(x,["apply"]),u=yield Ie(o,s),c=ve(l),p=Ae(l),m=De(l)==="y",{width:f,height:h}=i.floating;let v,w;c==="top"||c==="bottom"?(v=c,w=p===((yield r.isRTL==null?void 0:r.isRTL(a.floating))?"start":"end")?"left":"right"):(w=c,v=p==="end"?"top":"bottom");const b=h-u[v],y=f-u[w],k=!o.middlewareData.shift;let I=b,E=y;if(m){const $=f-u.left-u.right;E=p||k?$e(y,$):$}else{const $=h-u.top-u.bottom;I=p||k?$e(b,$):$}if(k&&!p){const $=te(u.left,0),C=te(u.right,0),g=te(u.top,0),T=te(u.bottom,0);m?E=f-2*($!==0||C!==0?$+C:te(u.left,u.right)):I=h-2*(g!==0||T!==0?g+T:te(u.top,u.bottom))}yield d(X(K({},o),{availableWidth:E,availableHeight:I}));const N=yield r.getDimensions(a.floating);return f!==N.width||h!==N.height?{reset:{rects:!0}}:{}})}}};function ce(e){return st(e)?(e.nodeName||"").toLowerCase():"#document"}function ne(e){var n;return(e==null||(n=e.ownerDocument)==null?void 0:n.defaultView)||window}function me(e){var n;return(n=(st(e)?e.ownerDocument:e.document)||window.document)==null?void 0:n.documentElement}function st(e){return e instanceof Node||e instanceof ne(e).Node}function pe(e){return e instanceof Element||e instanceof ne(e).Element}function de(e){return e instanceof HTMLElement||e instanceof ne(e).HTMLElement}function gt(e){return typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof ne(e).ShadowRoot}function Te(e){const{overflow:n,overflowX:o,overflowY:l,display:i}=ae(e);return/auto|scroll|overlay|hidden|clip/.test(n+l+o)&&!["inline","contents"].includes(i)}function na(e){return["table","td","th"].includes(ce(e))}function it(e){const n=rt(),o=ae(e);return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!n&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!n&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(l=>(o.willChange||"").includes(l))||["paint","layout","strict","content"].some(l=>(o.contain||"").includes(l))}function oa(e){let n=Be(e);for(;de(n)&&!Ge(n);){if(it(n))return n;n=Be(n)}return null}function rt(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ge(e){return["html","body","#document"].includes(ce(e))}function ae(e){return ne(e).getComputedStyle(e)}function Ye(e){return pe(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Be(e){if(ce(e)==="html")return e;const n=e.assignedSlot||e.parentNode||gt(e)&&e.host||me(e);return gt(n)?n.host:n}function Yt(e){const n=Be(e);return Ge(n)?e.ownerDocument?e.ownerDocument.body:e.body:de(n)&&Te(n)?n:Yt(n)}function Ee(e,n,o){var l;n===void 0&&(n=[]),o===void 0&&(o=!0);const i=Yt(e),r=i===((l=e.ownerDocument)==null?void 0:l.body),a=ne(i);return r?n.concat(a,a.visualViewport||[],Te(i)?i:[],a.frameElement&&o?Ee(a.frameElement):[]):n.concat(i,Ee(i,[],o))}function Xt(e){const n=ae(e);let o=parseFloat(n.width)||0,l=parseFloat(n.height)||0;const i=de(e),r=i?e.offsetWidth:o,a=i?e.offsetHeight:l,d=Pe(o)!==r||Pe(l)!==a;return d&&(o=r,l=a),{width:o,height:l,$:d}}function dt(e){return pe(e)?e:e.contextElement}function ke(e){const n=dt(e);if(!de(n))return he(1);const o=n.getBoundingClientRect(),{width:l,height:i,$:r}=Xt(n);let a=(r?Pe(o.width):o.width)/l,d=(r?Pe(o.height):o.height)/i;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}const la=he(0);function Jt(e){const n=ne(e);return!rt()||!n.visualViewport?la:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function aa(e,n,o){return n===void 0&&(n=!1),!o||n&&o!==ne(e)?!1:n}function ye(e,n,o,l){n===void 0&&(n=!1),o===void 0&&(o=!1);const i=e.getBoundingClientRect(),r=dt(e);let a=he(1);n&&(l?pe(l)&&(a=ke(l)):a=ke(e));const d=aa(r,o,l)?Jt(r):he(0);let s=(i.left+d.x)/a.x,u=(i.top+d.y)/a.y,c=i.width/a.x,p=i.height/a.y;if(r){const m=ne(r),f=l&&pe(l)?ne(l):l;let h=m,v=h.frameElement;for(;v&&l&&f!==h;){const w=ke(v),b=v.getBoundingClientRect(),y=ae(v),k=b.left+(v.clientLeft+parseFloat(y.paddingLeft))*w.x,I=b.top+(v.clientTop+parseFloat(y.paddingTop))*w.y;s*=w.x,u*=w.y,c*=w.x,p*=w.y,s+=k,u+=I,h=ne(v),v=h.frameElement}}return He({width:c,height:p,x:s,y:u})}const sa=[":popover-open",":modal"];function Zt(e){return sa.some(n=>{try{return e.matches(n)}catch(o){return!1}})}function ia(e){let{elements:n,rect:o,offsetParent:l,strategy:i}=e;const r=i==="fixed",a=me(l),d=n?Zt(n.floating):!1;if(l===a||d&&r)return o;let s={scrollLeft:0,scrollTop:0},u=he(1);const c=he(0),p=de(l);if((p||!p&&!r)&&((ce(l)!=="body"||Te(a))&&(s=Ye(l)),de(l))){const m=ye(l);u=ke(l),c.x=m.x+l.clientLeft,c.y=m.y+l.clientTop}return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-s.scrollLeft*u.x+c.x,y:o.y*u.y-s.scrollTop*u.y+c.y}}function ra(e){return Array.from(e.getClientRects())}function en(e){return ye(me(e)).left+Ye(e).scrollLeft}function da(e){const n=me(e),o=Ye(e),l=e.ownerDocument.body,i=te(n.scrollWidth,n.clientWidth,l.scrollWidth,l.clientWidth),r=te(n.scrollHeight,n.clientHeight,l.scrollHeight,l.clientHeight);let a=-o.scrollLeft+en(e);const d=-o.scrollTop;return ae(l).direction==="rtl"&&(a+=te(n.clientWidth,l.clientWidth)-i),{width:i,height:r,x:a,y:d}}function ua(e,n){const o=ne(e),l=me(e),i=o.visualViewport;let r=l.clientWidth,a=l.clientHeight,d=0,s=0;if(i){r=i.width,a=i.height;const u=rt();(!u||u&&n==="fixed")&&(d=i.offsetLeft,s=i.offsetTop)}return{width:r,height:a,x:d,y:s}}function ca(e,n){const o=ye(e,!0,n==="fixed"),l=o.top+e.clientTop,i=o.left+e.clientLeft,r=de(e)?ke(e):he(1),a=e.clientWidth*r.x,d=e.clientHeight*r.y,s=i*r.x,u=l*r.y;return{width:a,height:d,x:s,y:u}}function bt(e,n,o){let l;if(n==="viewport")l=ua(e,o);else if(n==="document")l=da(me(e));else if(pe(n))l=ca(n,o);else{const i=Jt(e);l=X(K({},n),{x:n.x-i.x,y:n.y-i.y})}return He(l)}function tn(e,n){const o=Be(e);return o===n||!pe(o)||Ge(o)?!1:ae(o).position==="fixed"||tn(o,n)}function pa(e,n){const o=n.get(e);if(o)return o;let l=Ee(e,[],!1).filter(d=>pe(d)&&ce(d)!=="body"),i=null;const r=ae(e).position==="fixed";let a=r?Be(e):e;for(;pe(a)&&!Ge(a);){const d=ae(a),s=it(a);!s&&d.position==="fixed"&&(i=null),(r?!s&&!i:!s&&d.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Te(a)&&!s&&tn(e,a))?l=l.filter(c=>c!==a):i=d,a=Be(a)}return n.set(e,l),l}function fa(e){let{element:n,boundary:o,rootBoundary:l,strategy:i}=e;const a=[...o==="clippingAncestors"?pa(n,this._c):[].concat(o),l],d=a[0],s=a.reduce((u,c)=>{const p=bt(n,c,i);return u.top=te(p.top,u.top),u.right=$e(p.right,u.right),u.bottom=$e(p.bottom,u.bottom),u.left=te(p.left,u.left),u},bt(n,d,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function ma(e){const{width:n,height:o}=Xt(e);return{width:n,height:o}}function ha(e,n,o){const l=de(n),i=me(n),r=o==="fixed",a=ye(e,!0,r,n);let d={scrollLeft:0,scrollTop:0};const s=he(0);if(l||!l&&!r)if((ce(n)!=="body"||Te(i))&&(d=Ye(n)),l){const p=ye(n,!0,r,n);s.x=p.x+n.clientLeft,s.y=p.y+n.clientTop}else i&&(s.x=en(i));const u=a.left+d.scrollLeft-s.x,c=a.top+d.scrollTop-s.y;return{x:u,y:c,width:a.width,height:a.height}}function yt(e,n){return!de(e)||ae(e).position==="fixed"?null:n?n(e):e.offsetParent}function nn(e,n){const o=ne(e);if(!de(e)||Zt(e))return o;let l=yt(e,n);for(;l&&na(l)&&ae(l).position==="static";)l=yt(l,n);return l&&(ce(l)==="html"||ce(l)==="body"&&ae(l).position==="static"&&!it(l))?o:l||oa(e)||o}const va=function(e){return J(this,null,function*(){const n=this.getOffsetParent||nn,o=this.getDimensions;return{reference:ha(e.reference,yield n(e.floating),e.strategy),floating:K({x:0,y:0},yield o(e.floating))}})};function ga(e){return ae(e).direction==="rtl"}const ba={convertOffsetParentRelativeRectToViewportRelativeRect:ia,getDocumentElement:me,getClippingRect:fa,getOffsetParent:nn,getElementRects:va,getClientRects:ra,getDimensions:ma,getScale:ke,isElement:pe,isRTL:ga};function ya(e,n){let o=null,l;const i=me(e);function r(){var d;clearTimeout(l),(d=o)==null||d.disconnect(),o=null}function a(d,s){d===void 0&&(d=!1),s===void 0&&(s=1),r();const{left:u,top:c,width:p,height:m}=e.getBoundingClientRect();if(d||n(),!p||!m)return;const f=Oe(c),h=Oe(i.clientWidth-(u+p)),v=Oe(i.clientHeight-(c+m)),w=Oe(u),y={rootMargin:-f+"px "+-h+"px "+-v+"px "+-w+"px",threshold:te(0,$e(1,s))||1};let k=!0;function I(E){const N=E[0].intersectionRatio;if(N!==s){if(!k)return a();N?a(!1,N):l=setTimeout(()=>{a(!1,1e-7)},100)}k=!1}try{o=new IntersectionObserver(I,X(K({},y),{root:i.ownerDocument}))}catch(E){o=new IntersectionObserver(I,y)}o.observe(e)}return a(!0),r}function on(e,n,o,l){l===void 0&&(l={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:s=!1}=l,u=dt(e),c=i||r?[...u?Ee(u):[],...Ee(n)]:[];c.forEach(b=>{i&&b.addEventListener("scroll",o,{passive:!0}),r&&b.addEventListener("resize",o)});const p=u&&d?ya(u,o):null;let m=-1,f=null;a&&(f=new ResizeObserver(b=>{let[y]=b;y&&y.target===u&&f&&(f.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var k;(k=f)==null||k.observe(n)})),o()}),u&&!s&&f.observe(u),f.observe(n));let h,v=s?ye(e):null;s&&w();function w(){const b=ye(e);v&&(b.x!==v.x||b.y!==v.y||b.width!==v.width||b.height!==v.height)&&o(),v=b,h=requestAnimationFrame(w)}return o(),()=>{var b;c.forEach(y=>{i&&y.removeEventListener("scroll",o),r&&y.removeEventListener("resize",o)}),p==null||p(),(b=f)==null||b.disconnect(),f=null,s&&cancelAnimationFrame(h)}}const Ca=ea,ln=Xl,wa=ta,et=Jl,an=(e,n,o)=>{const l=new Map,i=K({platform:ba},o),r=X(K({},i.platform),{_c:l});return Yl(e,n,X(K({},i),{platform:r}))};function ka(e){return e!=null&&typeof e=="object"&&"$el"in e}function Ct(e){if(ka(e)){const n=e.$el;return st(n)&&ce(n)==="#comment"?null:n}return e}function sn(e){return typeof window=="undefined"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function wt(e,n){const o=sn(e);return Math.round(n*o)/o}function $a(e,n,o){o===void 0&&(o={});const l=o.whileElementsMounted,i=t.computed(()=>{var x;return(x=t.unref(o.open))!=null?x:!0}),r=t.computed(()=>t.unref(o.middleware)),a=t.computed(()=>{var x;return(x=t.unref(o.placement))!=null?x:"bottom"}),d=t.computed(()=>{var x;return(x=t.unref(o.strategy))!=null?x:"absolute"}),s=t.computed(()=>{var x;return(x=t.unref(o.transform))!=null?x:!0}),u=t.computed(()=>Ct(e.value)),c=t.computed(()=>Ct(n.value)),p=t.ref(0),m=t.ref(0),f=t.ref(d.value),h=t.ref(a.value),v=t.shallowRef({}),w=t.ref(!1),b=t.computed(()=>{const x={position:f.value,left:"0",top:"0"};if(!c.value)return x;const $=wt(c.value,p.value),C=wt(c.value,m.value);return s.value?K(X(K({},x),{transform:"translate("+$+"px, "+C+"px)"}),sn(c.value)>=1.5&&{willChange:"transform"}):{position:f.value,left:$+"px",top:C+"px"}});let y;function k(){u.value==null||c.value==null||an(u.value,c.value,{middleware:r.value,placement:a.value,strategy:d.value}).then(x=>{p.value=x.x,m.value=x.y,f.value=x.strategy,h.value=x.placement,v.value=x.middlewareData,w.value=!0})}function I(){typeof y=="function"&&(y(),y=void 0)}function E(){if(I(),l===void 0){k();return}if(u.value!=null&&c.value!=null){y=l(u.value,c.value,k);return}}function N(){i.value||(w.value=!1)}return t.watch([r,a,d],k,{flush:"sync"}),t.watch([u,c],E,{flush:"sync"}),t.watch(i,N,{flush:"sync"}),t.getCurrentScope()&&t.onScopeDispose(I),{x:t.shallowReadonly(p),y:t.shallowReadonly(m),strategy:t.shallowReadonly(f),placement:t.shallowReadonly(h),middlewareData:t.shallowReadonly(v),isPositioned:t.shallowReadonly(w),floatingStyles:b,update:k}}function Ba(e){return e&&"$el"in e?e.$el:e}const kt=16,Sa=128;function Le(e,n,o){var p;const l=()=>{var m;return(m=n.value)==null?void 0:m.isExpanded()},i=[Gt(o==null?void 0:o.offset),wa({padding:kt,apply({rects:m,elements:f,availableHeight:h,availableWidth:v}){Object.assign(f.floating.style,{width:"".concat(o!=null&&o.useAvailableWidth?v:m.reference.width,"px"),maxHeight:"".concat(Math.max(Sa,h),"px")})}}),ln({padding:kt}),et({strategy:"escaped"}),et()],{floatingStyles:r,placement:a,middlewareData:d,update:s}=$a(e,n,{middleware:i,placement:(p=o==null?void 0:o.placement)!=null?p:"bottom"}),u=t.computed(()=>{var f,h;return!l()||!!((f=d.value.hide)!=null&&f.escaped)||((h=d.value.hide)==null?void 0:h.referenceHidden)?"hidden":"visible"});t.watch([r,u,a],([m,f,h])=>{var v,w,b,y,k;Object.assign((w=(v=n.value)==null?void 0:v.$el.style)!=null?w:{},{visibility:f,position:m.position,top:"".concat(m.top,"px"),right:"unset",left:"".concat(m.left,"px"),transform:(b=m.transform)!=null?b:"none",borderTopLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderTopRightRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="top"&&f==="visible"?"0":"",borderBottomRightRadius:h==="top"&&f==="visible"?"0":""}),Object.assign((k=(y=Ba(e.value))==null?void 0:y.style)!=null?k:{},{borderTopLeftRadius:h==="top"&&f==="visible"?"0":"",borderTopRightRadius:h==="top"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomRightRadius:h==="bottom"&&f==="visible"?"0":""})});let c=null;t.watch(l,m=>{var f;m?c=on(e.value&&"$el"in e.value?e.value.$el:e,(f=n.value)==null?void 0:f.$el,s):c&&(c(),c=null)})}const xa=Y(fe),Ia=t.defineComponent({name:"CdxCombobox",components:{CdxButton:ue,CdxIcon:U,CdxMenu:Se,CdxTextInput:Qe},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:xa}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:l}){const i=t.ref(),r=t.ref(),a=t.ref(),d=H("combobox"),s=t.toRef(e,"selected"),u=Z(s,n,"update:selected"),c=t.ref(!1),p=t.ref(!1),m=t.computed(()=>{var x,$;return($=(x=a.value)==null?void 0:x.getHighlightedMenuItem())==null?void 0:$.id}),{computedDisabled:f}=oe(t.toRef(e,"disabled")),h=t.computed(()=>({"cdx-combobox--expanded":c.value,"cdx-combobox--disabled":f.value})),{rootClasses:v,rootStyle:w,otherAttrs:b}=le(o,h);function y(x){p.value&&c.value?c.value=!1:(e.menuItems.length>0||l["no-results"])&&(c.value=!0),n("focus",x)}function k(x){c.value=p.value&&c.value,n("blur",x)}function I(){f.value||(p.value=!0)}function E(){var x;f.value||(x=i.value)==null||x.focus()}function N(x){!a.value||f.value||e.menuItems.length===0||x.key===" "||a.value.delegateKeyNavigation(x)}return Le(i,a),t.watch(c,()=>{p.value=!1}),{input:i,inputWrapper:r,menu:a,menuId:d,modelWrapper:u,expanded:c,highlightedId:m,computedDisabled:f,onInputFocus:y,onInputBlur:k,onKeydown:N,onButtonClick:E,onButtonMousedown:I,cdxIconExpand:St,rootClasses:v,rootStyle:w,otherAttrs:b}}}),Ea={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Va(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Ea,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=c=>e.modelWrapper=c)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.status,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=c=>e.$emit("input",c)),onChange:n[2]||(n[2]=c=>e.$emit("change",c)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(s,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=c=>e.modelWrapper=c),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=c=>e.expanded=c),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=c=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:c})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:c})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Na=O(Ia,[["render",Va]]);function rn(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(i=>{const r=i[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let l=!1;return t.onMounted(()=>{l=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{l=!1,o.disconnect()}),t.watch(e,i=>{l&&(o.disconnect(),n.value={width:void 0,height:void 0},i&&o.observe(i))}),n}const Aa=t.defineComponent({name:"CdxDialog",components:{CdxButton:ue,CdxIcon:U},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:n}){const o=H("dialog-label"),l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),s=t.ref();let u=null;const c=t.computed(()=>e.useCloseButton||e.closeButtonLabel.length>0),p=We(t.toRef(e,"closeButtonLabel"),"cdx-dialog-close-button-label","Close"),m=t.computed(()=>!e.hideTitle||c.value),f=t.computed(()=>!!e.primaryAction||!!e.defaultAction),h=rn(r),v=t.computed(()=>{var V;return(V=h.value.height)!=null?V:0}),w=t.ref(!1),b=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":w.value})),y=t.inject("CdxTeleportTarget",void 0),k=t.computed(()=>{var V,_;return(_=(V=e.target)!=null?V:y)!=null?_:"body"}),I=t.ref(0);function E(){n("update:open",!1)}function N(){$(i.value)}function x(){$(i.value,!0)}function $(V,_=!1){let Q=Array.from(V.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));_&&(Q=Q.reverse());for(const G of Q)if(G.focus(),document.activeElement===G)return!0;return!1}let C=[],g=[];function T(){let V=l.value;for(;V.parentElement&&V.nodeName!=="BODY";){for(const _ of Array.from(V.parentElement.children))_===V||_.nodeName==="SCRIPT"||(_.hasAttribute("aria-hidden")||(_.setAttribute("aria-hidden","true"),C.push(_)),_.hasAttribute("inert")||(_.setAttribute("inert",""),g.push(_)));V=V.parentElement}}function A(){for(const V of C)V.removeAttribute("aria-hidden");for(const V of g)V.removeAttribute("inert");C=[],g=[]}function F(){return J(this,null,function*(){var V;yield t.nextTick(),I.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(I.value,"px")),document.body.classList.add("cdx-dialog-open"),T(),u=document.activeElement,$(r.value)||(V=a.value)==null||V.focus()})}function R(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),A(),u instanceof HTMLElement&&document.contains(u)&&(u.focus(),u=null)}return t.onMounted(()=>{e.open&&F()}),t.onUnmounted(()=>{e.open&&R()}),t.watch(t.toRef(e,"open"),V=>{V?F():R()}),t.watch(v,()=>{r.value&&(w.value=r.value.clientHeight<r.value.scrollHeight)}),{close:E,cdxIconClose:tt,labelId:o,rootClasses:b,backdrop:l,dialogElement:i,focusTrapStart:d,focusTrapEnd:s,focusFirst:N,focusLast:x,dialogBody:r,focusHolder:a,showHeader:m,showFooterActions:f,useCloseButtonOrLabel:c,translatedCloseButtonLabel:p,computedTarget:k}}}),Da=["aria-label","aria-labelledby"],Ta={key:0,class:"cdx-dialog__header__title-group"},La=["id"],Ma={key:0,class:"cdx-dialog__header__subtitle"},Ra={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},Oa={key:0,class:"cdx-dialog__footer__text"},Fa={key:1,class:"cdx-dialog__footer__actions"};function _a(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Teleport,{to:e.computedTarget,disabled:e.renderInPlace},[t.createVNode(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...s)=>e.close&&e.close(...s)),onKeyup:n[6]||(n[6]=t.withKeys((...s)=>e.close&&e.close(...s),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...s)=>e.focusLast&&e.focusLast(...s))},null,544),t.createElementVNode("div",t.mergeProps({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:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",Ta,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,La),e.subtitle?(t.openBlock(),t.createElementBlock("p",Ma,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("v-if",!0)])),e.useCloseButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Ra,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["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"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",Oa,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("v-if",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",Fa,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=s=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("v-if",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=s=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0)],16,Da),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...s)=>e.focusFirst&&e.focusFirst(...s))},null,544)],544)):t.createCommentVNode("v-if",!0)]),_:3})],8,["to","disabled"])}const za=O(Aa,[["render",_a]]),Pa={notice:Fn,error:Bt,warning:$t,success:Et},Ka=t.defineComponent({name:"CdxMessage",components:{CdxButton:ue,CdxIcon:U},props:{type:{type:String,default:"notice",validator:Nt},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:n}){const o=t.ref(!1),l=t.computed(()=>e.inline===!1&&(e.dismissButtonLabel.length>0||e.allowUserDismiss)),i=We(t.toRef(e,"dismissButtonLabel"),"cdx-message-dismiss-button-label","Close"),r=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),a=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),d=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Pa[e.type]),s=t.ref("");function u(c){o.value||(s.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(c))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>u("auto-dismissed"),r.value)}),{dismissed:o,userDismissable:l,translatedDismissButtonLabel:i,rootClasses:a,leaveActiveClass:s,computedIcon:d,onDismiss:u,cdxIconClose:tt}}}),Ha=["aria-live","role"],Ua={class:"cdx-message__content"};function qa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Ua,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.translatedDismissButtonLabel,onClick:n[0]||(n[0]=s=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label"])):t.createCommentVNode("v-if",!0)],10,Ha))]),_:3},8,["appear","leave-active-class"])}const dn=O(Ka,[["render",qa]]),ja=Y(fe),Wa=t.defineComponent({name:"CdxField",components:{CdxLabel:Ne,CdxMessage:dn},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:ja},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:l,isFieldset:i}=t.toRefs(e),r=ot(o),a=t.computed(()=>({"cdx-field--disabled":r.value,"cdx-field--is-fieldset":i.value})),d=H("label"),s=H("description"),u=H("input"),c=t.computed(()=>i.value?void 0:u);t.provide(Tt,c);const p=t.computed(()=>!i.value&&n.description?s:void 0);t.provide(Ue,p),t.provide(Mt,r),t.provide(Lt,l);const m=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),f=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:d,descriptionId:s,inputId:u,validationMessage:m,validationMessageType:f}}}),Qa={class:"cdx-field__control"},Ga={class:"cdx-field__help-text"},Ya={key:0,class:"cdx-field__validation-message"};function Xa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label"),d=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",Qa,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Ga,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",Ya,[t.createVNode(d,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const Ja=O(Wa,[["render",Xa]]),Za={error:Bt,warning:$t,success:Et},es=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:U},props:{status:{type:String,default:"notice",validator:Nt},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({["cdx-info-chip__icon--".concat(e.status)]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:Za[e.status]);return{iconClass:n,computedIcon:o}}}),ts={class:"cdx-info-chip"},ns={class:"cdx-info-chip--text"};function os(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",ts,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",ns,[t.renderSlot(e.$slots,"default")])])}const ls=O(es,[["render",os]]),as=Y(fe),ss=t.defineComponent({name:"CdxLookup",components:{CdxMenu:Se,CdxTextInput:Qe},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:as}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:l})=>{const i=t.ref(),r=t.ref(),a=t.ref(),d=H("lookup-menu"),s=t.ref(!1),u=t.ref(!1),c=t.ref(!1),p=t.ref(e.menuItems),{computedDisabled:m}=oe(t.toRef(e,"disabled")),f=t.toRef(e,"selected"),h=Z(f,n,"update:selected"),v=t.computed(()=>e.menuItems.find(g=>g.value===e.selected)),w=t.computed(()=>{var g,T;return(T=(g=a.value)==null?void 0:g.getHighlightedMenuItem())==null?void 0:T.id}),b=t.ref(e.initialInputValue),y=t.computed(()=>({"cdx-lookup--disabled":m.value,"cdx-lookup--pending":s.value})),{rootClasses:k,rootStyle:I,otherAttrs:E}=le(o,y);function N(g){v.value&&v.value.label!==g&&v.value.value!==g&&(h.value=null),g===""&&p.value.length===0?(u.value=!1,s.value=!1):s.value=!0,n("input",g)}function x(g){c.value=!0;const T=b.value!==null&&b.value!=="";!!(e.menuItems.length>0||l["no-results"])&&(T||p.value.length>0)&&(u.value=!0),n("focus",g)}function $(g){c.value=!1,u.value=!1,n("blur",g)}function C(g){!a.value||m.value||e.menuItems.length===0&&!l["no-results"]||g.key===" "||a.value.delegateKeyNavigation(g)}return Le(r,a),t.watch(f,g=>{var T;if(g!==null){const A=v.value?(T=v.value.label)!=null?T:v.value.value:"";b.value!==A&&(b.value=A,n("input",b.value))}}),t.watch(t.toRef(e,"menuItems"),g=>{c.value&&s.value&&(g.length>0||l["no-results"])&&(u.value=!0),g.length===0&&!l["no-results"]&&(u.value=!1),s.value=!1}),{rootElement:i,textInput:r,menu:a,menuId:d,highlightedId:w,inputValue:b,modelWrapper:h,expanded:u,computedDisabled:m,onInputBlur:$,rootClasses:k,rootStyle:I,otherAttrs:E,onUpdateInput:N,onInputFocus:x,onKeydown:C}}});function is(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=s=>e.inputValue=s)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=s=>e.$emit("change",s)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const rs=O(ss,[["render",is]]),ds=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){const i=Ft(o.default,l,"CdxToggleButton"),r=t.ref(!1),a=t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":i.value,"cdx-toggle-button--is-active":r.value})),d=()=>{n("update:modelValue",!e.modelValue)},s=p=>{r.value=p};function u(){s(!0)}function c(){s(!1),d()}return{rootClasses:a,onClick:d,onKeyDown:u,onKeyUp:c}}}),us=["aria-pressed","disabled"];function cs(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,us)}const ut=O(ds,[["render",cs]]),ps=t.defineComponent({name:"CdxMenuButton",components:{CdxToggleButton:ut,CdxMenu:Se},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},menuConfig:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update:selected"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.toRef(e,"selected"),a=Z(r,n,"update:selected"),d=t.ref(!1),s=H("menuToggle"),u=H("menu"),{computedDisabled:c}=oe(t.toRef(e,"disabled")),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(o);function h(v){!l.value||c.value||e.menuItems.length===0||v.key===" "||l.value.delegateKeyNavigation(v)}return Le(i,l,{useAvailableWidth:!0,placement:"bottom-start",offset:4}),{computedDisabled:c,expanded:d,menu:l,menuId:u,modelWrapper:a,onKeydown:h,toggle:i,toggleId:s,rootClasses:p,rootStyle:m,otherAttrs:f}}}),fs={class:"cdx-menu-button__menu-wrapper"};function ms(e,n,o,l,i,r){const a=t.resolveComponent("cdx-toggle-button"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu-button",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({id:e.toggleId,ref:"toggle"},e.otherAttrs,{modelValue:e.expanded,"onUpdate:modelValue":n[0]||(n[0]=s=>e.expanded=s),disabled:e.computedDisabled,quiet:"","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":e.expanded,onBlur:n[1]||(n[1]=s=>e.expanded=!1),onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["id","modelValue","disabled","aria-controls","aria-expanded","onKeydown"]),t.createElementVNode("div",fs,[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{role:"menu","aria-labelledby":e.toggleId}),null,16,["id","selected","expanded","menu-items","aria-labelledby"])])],6)}const hs=O(ps,[["render",ms]]),vs=t.defineComponent({name:"CdxRadio",components:{CdxLabel:Ne},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;lt((m=o.default)==null?void 0:m.call(o),l,"CdxRadio");const i=t.computed(()=>({"cdx-radio--inline":e.inline})),r=t.computed(()=>({"cdx-radio__custom-input--inline":e.inline})),{computedDisabled:a}=oe(t.toRef(e,"disabled")),d=t.ref(),s=H("radio"),u=H("description"),c=()=>{d.value.focus()},p=Z(t.toRef(e,"modelValue"),n);return{rootClasses:i,computedDisabled:a,input:d,radioId:s,descriptionId:u,focusInput:c,wrappedModel:p,customInputClasses:r}}}),gs={class:"cdx-radio__wrapper"},bs=["id","aria-describedby","name","value","disabled"],ys=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function Cs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.createElementVNode("div",gs,[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),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,bs),[[t.vModelRadio,e.wrappedModel]]),ys,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-radio__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const ws=O(vs,[["render",Cs]]),ks=Y(fe),$s=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:ue,CdxTextInput:Qe},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:ks}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const l=Z(t.toRef(e,"modelValue"),n),{computedDisabled:i}=oe(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:a,rootStyle:d,otherAttrs:s}=le(o,r),u=We(t.toRef(e,"buttonLabel"),"cdx-search-input-search-button-label","Search"),c=t.computed(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:l,computedDisabled:i,rootClasses:a,rootStyle:d,otherAttrs:s,handleSubmit:()=>{n("submit-click",l.value)},searchIcon:Pn,translatedSearchButtonLabel:u,useButtonOrLabel:c}},methods:{focus(){this.$refs.textInput.focus()}}}),Bs={class:"cdx-search-input__input-wrapper"};function Ss(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Bs,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.useButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const un=O($s,[["render",Ss]]),xs=Y(fe),Is=t.defineComponent({name:"CdxSelect",components:{CdxIcon:U,CdxMenu:Se},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:xs}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.inject(Ue,void 0),a=H("select-menu"),d=t.ref(!1),s=o.id||H("select-handle"),{computedDisabled:u,computedStatus:c,computedInputId:p}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),s),m=Z(t.toRef(e,"selected"),n,"update:selected"),f=t.computed(()=>e.menuItems.find(C=>C.value===e.selected)),h=t.computed(()=>{var C;return f.value?(C=f.value.label)!=null?C:f.value.value:e.defaultLabel}),v=t.computed(()=>{var C;if(e.defaultIcon&&!f.value)return e.defaultIcon;if((C=f.value)!=null&&C.icon)return f.value.icon}),w=t.computed(()=>({"cdx-select-vue--enabled":!u.value,"cdx-select-vue--disabled":u.value,"cdx-select-vue--expanded":d.value,"cdx-select-vue--value-selected":!!f.value,"cdx-select-vue--no-selections":!f.value,"cdx-select-vue--has-start-icon":!!v.value,["cdx-select-vue--status-".concat(c.value)]:!0})),{rootClasses:b,rootStyle:y,otherAttrs:k}=le(o,w),I=t.computed(()=>{const T=k.value,{id:C}=T;return ie(T,["id"])}),E=t.computed(()=>{var C,g;return(g=(C=i.value)==null?void 0:C.getHighlightedMenuItem())==null?void 0:g.id});function N(){d.value=!1}function x(){var C;u.value||(d.value=!d.value,(C=l.value)==null||C.focus())}function $(C){var g;u.value||(g=i.value)==null||g.delegateKeyNavigation(C,{characterNavigation:!0})}return Le(l,i),{handle:l,menu:i,computedHandleId:p,descriptionId:r,menuId:a,modelWrapper:m,selectedMenuItem:f,highlightedId:E,expanded:d,computedDisabled:u,onBlur:N,currentLabel:h,rootClasses:b,rootStyle:y,otherAttrsMinusId:I,onClick:x,onKeydown:$,startIcon:v,cdxIconExpand:St}}}),Es=["aria-disabled"],Vs=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function Ns(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...s)=>e.onClick&&e.onClick(...s)),onBlur:n[1]||(n[1]=(...s)=>e.onBlur&&e.onBlur(...s)),onKeydown:n[2]||(n[2]=(...s)=>e.onKeydown&&e.onKeydown(...s))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,Vs),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),_:3},16,["id","selected","expanded","menu-items"])],14,Es)}const cn=O(Is,[["render",Ns]]),As=t.defineComponent({name:"CdxTablePager",components:{CdxButton:ue,CdxIcon:U,CdxSelect:cn},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(e,{emit:n}){const o=Z(t.toRef(e,"itemsPerPage"),n,"update:itemsPerPage"),l=j("cdx-table-pager-items-per-page-default","Results per page"),i=j("cdx-table-pager-items-per-page-current",u=>"".concat(u," rows"),[o]),r=j("cdx-table-pager-button-first-page","First page"),a=j("cdx-table-pager-button-next-page","Next page"),d=j("cdx-table-pager-button-prev-page","Previous page"),s=j("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:l,currentItemsPerPageLabel:i,btnLabelFirst:r,btnLabelNext:a,btnLabelPrev:d,btnLabelLast:s,wrappedItemsPerPage:o,cdxIconPrevious:It,cdxIconNext:xt,cdxIconMoveFirst:_n,cdxIconMoveLast:zn}}}),Ds={class:"cdx-table-pager"},Ts={class:"cdx-table-pager__start"},Ls={key:0},Ms={key:1},Rs={class:"cdx-table-pager__center"},Os={class:"cdx-table-pager__end"};function Fs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-select"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Ds,[t.createElementVNode("div",Ts,[t.createVNode(a,{selected:e.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=u=>e.wrappedItemsPerPage=u),"default-label":e.defaultItemsPerPageLabel,"menu-items":e.paginationSizeOptions},{label:t.withCtx(({selectedMenuItem:u,defaultLabel:c})=>[u?(t.openBlock(),t.createElementBlock("span",Ls,[t.createElementVNode("span",null,t.toDisplayString(e.currentItemsPerPageLabel),1)])):(t.openBlock(),t.createElementBlock("span",Ms,t.toDisplayString(c),1))]),_:1},8,["selected","default-label","menu-items"])]),t.createElementVNode("div",Rs,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Os,[t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":e.btnLabelFirst,onClick:n[1]||(n[1]=u=>e.$emit("first"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":e.btnLabelPrev,onClick:n[2]||(n[2]=u=>e.$emit("prev"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":e.btnLabelNext,onClick:n[3]||(n[3]=u=>e.$emit("next"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled||e.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":e.btnLabelLast,onClick:n[4]||(n[4]=u=>e.$emit("last"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const _s=O(As,[["render",Fs]]),zs=Y(Jn),Ps=Y(no),Ks={none:Kn,asc:Hn,desc:Rn},Hs={none:"none",asc:"ascending",desc:"descending"},Us=t.defineComponent({name:"CdxTable",components:{CdxCheckbox:Pt,CdxIcon:U,CdxTablePager:_s,CdxProgressBar:at},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:e=>{const n=e.map(l=>l.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(e,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||e.length===0)return!0;const o=n.columns.some(i=>"allowSort"in i),l=e.every(i=>_e in i);return o&&n.useRowSelection&&!l?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:Ps},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:e=>{const n=o=>typeof o.value=="number";return e.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:e=>e.paginate&&e.serverPagination?e.data.length:e.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(e,{emit:n}){const o=t.ref(0),l=t.ref(e.paginationSizeDefault),i=t.computed(()=>e.serverPagination&&e.paginate?e.data:e.paginate?e.data.slice(o.value,l.value+o.value):e.data),r=t.computed(()=>{var S;return e.serverPagination?(S=e.totalRows)!=null?S:NaN:e.data.length}),a=t.computed(()=>isNaN(r.value)),d=t.computed(()=>i.value.length),s=t.computed(()=>o.value+1),u=t.computed(()=>o.value+d.value),c=t.computed(()=>a.value),p=t.computed(()=>o.value<=0),m=t.computed(()=>a.value?d.value<l.value:o.value+l.value>=r.value),f=j("cdx-table-pagination-status-message-determinate-short",(S,D,z)=>"".concat(S,"–").concat(D," of ").concat(z),[s,u,r]),h=j("cdx-table-pagination-status-message-determinate-long",(S,D,z)=>"Showing results ".concat(S,"–").concat(D," of ").concat(z),[s,u,r]),v=j("cdx-table-pagination-status-message-indeterminate-short",(S,D)=>"".concat(S,"–").concat(D," of many"),[s,u]),w=j("cdx-table-pagination-status-message-indeterminate-long",(S,D)=>"Showing results ".concat(S,"–").concat(D," of many"),[s,u]),b=j("cdx-table-pagination-status-message-indeterminate-final",S=>"Showing the last ".concat(S," results"),[d]),y=j("cdx-table-pagination-status-message-pending","Loading results..."),k=t.computed(()=>e.pending?y.value:a.value&&m.value?b.value:a.value?v.value:f.value),I=t.computed(()=>e.pending?y.value:a.value&&m.value?b.value:a.value?w.value:h.value);function E(){o.value+=l.value,e.serverPagination&&n("load-more",o.value,l.value)}function N(){o.value-l.value<1?x():(o.value-=l.value,e.serverPagination&&n("load-more",o.value,l.value))}function x(){o.value=0,e.serverPagination&&n("load-more",o.value,l.value)}function $(){r.value%l.value===0?(o.value=r.value-l.value,n("load-more",o.value,l.value)):(o.value=Math.floor(r.value/l.value)*l.value,n("load-more",o.value,l.value))}t.watch(l,S=>{e.serverPagination&&n("load-more",o.value,S)});const C=Z(t.toRef(e,"selectedRows"),n,"update:selectedRows"),g=t.ref(r.value===C.value.length),T=t.ref(!1),A=t.computed(()=>Object.keys(e.sort)[0]),F=t.computed(()=>e.columns.some(S=>S.allowSort)),R=t.computed(()=>{var D;return{"cdx-table__table--layout-fixed":(D=e.columns)==null?void 0:D.some(z=>"width"in z||"minWidth"in z),"cdx-table__table--borders-vertical":e.showVerticalBorders}}),V=j("cdx-table-sort-caption",S=>"".concat(S,", column headers with buttons are sortable."),[t.toRef(e,"caption")]),_=(S,D)=>j("cdx-table-select-row-label",(z,be)=>"Select row ".concat(z," of ").concat(be),[()=>S,()=>D]).value,Q=j("cdx-table-select-all-label","Select all rows");function G(S,D){return _e in S?S[_e]:D}function se(S,D){const z=G(S,D);return{"cdx-table__row--selected":C.value.indexOf(z)!==-1}}function ge(S){const D=e.columns[0].id;if(e.useRowHeaders===!0&&S===D)return"row"}function M(S){const D=e.columns[0].id;return e.useRowHeaders&&S===D?"th":"td"}function P(S,D=!1){if("textAlign"in S&&!zs(S.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(S.textAlign)]:"textAlign"in S&&S.textAlign!=="start","cdx-table__table__cell--has-sort":D}}function ee(S){const D={};return"width"in S&&(D.width=S.width),"minWidth"in S&&(D.minWidth=S.minWidth),D}function Ce(S){if(r.value===S.length){g.value=!0,T.value=!1;return}g.value=!1,r.value>S.length&&(T.value=!0),S.length===0&&(T.value=!1)}function B(S){T.value=!1,S?C.value=e.data.map((D,z)=>G(D,z)):C.value=[]}function L(S){var be;const D=(be=e.sort[S])!=null?be:"none";let z="asc";D==="asc"&&(z="desc"),D==="desc"&&(z="none"),n("update:sort",{[S]:z})}function W(S){var z;const D=(z=e.sort[S])!=null?z:"none";return Ks[D]}function q(S,D=!1){var z;if(D){const be=(z=e.sort[S])!=null?z:"none";return be==="none"?void 0:Hs[be]}}return{dataForDisplay:i,pageSize:l,onNext:E,onPrev:N,onFirst:x,onLast:$,nextDisabled:m,prevDisabled:p,lastDisabled:c,paginationStatusMessageShort:k,paginationStatusMessageLong:I,wrappedSelectedRows:C,selectAll:g,selectAllIndeterminate:T,activeSortColumn:A,hasSortableColumns:F,tableClasses:R,getRowKey:G,getRowClass:se,getRowHeaderScope:ge,getCellElement:M,getCellClass:P,getCellStyle:ee,handleRowSelection:Ce,handleSelectAll:B,handleSort:L,getSortIcon:W,getSortOrder:q,translatedSortCaption:V,translatedSelectRowLabel:_,translatedSelectAllLabel:Q}}}),qs={class:"cdx-table",tabindex:"0"},js={key:0,class:"cdx-table__header"},Ws=["aria-hidden"],Qs={class:"cdx-table__header__content"},Gs={class:"cdx-table__pagination-status--long"},Ys={class:"cdx-table__pagination-status--short"},Xs={class:"cdx-table__table-wrapper"},Js={key:0},Zs={key:0,class:"cdx-table__table__select-rows"},ei=["aria-sort"],ti=["aria-selected","onClick"],ni={key:0},oi={key:0},li={key:1},ai={class:"cdx-table__table__empty-state"},si={class:"cdx-table__table__empty-state-content"},ii={class:"cdx-table__pagination-status--long"},ri={class:"cdx-table__pagination-status--short"},di={key:3,class:"cdx-table__footer"};function ui(e,n,o,l,i,r){const a=t.resolveComponent("cdx-table-pager"),d=t.resolveComponent("cdx-checkbox"),s=t.resolveComponent("cdx-icon"),u=t.resolveComponent("cdx-progress-bar");return t.openBlock(),t.createElementBlock("div",qs,[!e.hideCaption||e.$slots.header&&e.$slots.header().length>0?(t.openBlock(),t.createElementBlock("div",js,[t.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":e.$slots.header&&e.$slots.header().length>0?void 0:!0},[e.hideCaption?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))],8,Ws),t.createElementVNode("div",Qs,[t.renderSlot(e.$slots,"header")])])):t.createCommentVNode("v-if",!0),e.paginate&&(e.paginationPosition==="top"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:1,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=c=>e.pageSize=c),class:"cdx-table__pagination--top","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",Gs,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",Ys,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Xs,[t.createElementVNode("table",{class:t.normalizeClass(["cdx-table__table",e.tableClasses])},[t.createElementVNode("caption",null,[e.hasSortableColumns?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.translatedSortCaption),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))]),t.renderSlot(e.$slots,"thead",{},()=>[e.columns.length>0?(t.openBlock(),t.createElementBlock("thead",Js,[t.createElementVNode("tr",null,[e.useRowSelection?(t.openBlock(),t.createElementBlock("th",Zs,[t.createVNode(d,{modelValue:e.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=c=>e.selectAll=c),e.handleSelectAll],"hide-label":!0,indeterminate:e.selectAllIndeterminate},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,c=>(t.openBlock(),t.createElementBlock("th",{key:c.id,scope:"col",class:t.normalizeClass(e.getCellClass(c,c.allowSort)),"aria-sort":e.getSortOrder(c.id,c.allowSort),style:t.normalizeStyle(e.getCellStyle(c))},[c.allowSort?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-selected":c.id===e.activeSortColumn,class:"cdx-table__table__sort-button",onClick:p=>e.handleSort(c.id)},[t.createTextVNode(t.toDisplayString(c.label)+" ",1),t.createVNode(s,{icon:e.getSortIcon(c.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,ti)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(c.label),1)],64))],14,ei))),128))])])):t.createCommentVNode("v-if",!0)]),e.pending?(t.openBlock(),t.createBlock(u,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"tbody",{},()=>[e.dataForDisplay.length>0?(t.openBlock(),t.createElementBlock("tbody",ni,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.dataForDisplay,(c,p)=>(t.openBlock(),t.createElementBlock("tr",{key:e.getRowKey(c,p),class:t.normalizeClass(e.getRowClass(c,p))},[e.useRowSelection?(t.openBlock(),t.createElementBlock("td",oi,[t.createVNode(d,{modelValue:e.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=m=>e.wrappedSelectedRows=m),e.handleRowSelection],"input-value":e.getRowKey(c,p),"hide-label":!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectRowLabel(p+1,e.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,m=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.getCellElement(m.id)),{key:m.id,scope:e.getRowHeaderScope(m.id),class:t.normalizeClass(e.getCellClass(m))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"item-"+m.id,{item:c[m.id],row:c},()=>[t.createTextVNode(t.toDisplayString(c[m.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):e.$slots["empty-state"]&&e.$slots["empty-state"]().length>0?(t.openBlock(),t.createElementBlock("tbody",li,[t.createElementVNode("tr",ai,[t.createElementVNode("td",si,[t.renderSlot(e.$slots,"empty-state")])])])):t.createCommentVNode("v-if",!0)]),t.renderSlot(e.$slots,"tfoot")],2)]),e.paginate&&(e.paginationPosition==="bottom"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:2,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=c=>e.pageSize=c),class:"cdx-table__pagination--bottom","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",ii,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",ri,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),e.$slots.footer&&e.$slots.footer().length>0?(t.openBlock(),t.createElementBlock("div",di,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])}const ci=O(Us,[["render",ui]]),pi=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){var r;const n=t.inject(At),o=t.inject(Dt);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const l=(r=n.value.get(e.name))!=null?r:{},i=t.computed(()=>e.name===o.value);return{tab:l,isActive:i}}}),fi=["id","aria-hidden","aria-labelledby"];function mi(e,n,o,l,i,r){return t.withDirectives((t.openBlock(),t.createElementBlock("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"},[t.renderSlot(e.$slots,"default")],8,fi)),[[t.vShow,e.isActive]])}const pn=O(pi,[["render",mi]]),hi=t.defineComponent({name:"CdxTabs",components:{CdxButton:ue,CdxIcon:U},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=Ve(l),s=t.computed(()=>{const $=qe(n.default);if(!$.every(C=>typeof C=="object"&&Ot(C,pn.name)))throw new Error("Slot content may only contain CdxTab components");if($.length===0)throw new Error("Slot content cannot be empty");return $}),u=t.computed(()=>s.value.reduce(($,C)=>{var g;if((g=C.props)!=null&&g.name&&typeof C.props.name=="string"){if($.get(C.props.name))throw new Error("Tab names must be unique");$.set(C.props.name,{name:C.props.name,id:H(C.props.name),label:C.props.label||C.props.name,disabled:C.props.disabled})}return $},new Map)),c=Z(t.toRef(e,"active"),o,"update:active"),p=t.computed(()=>Array.from(u.value.keys())),m=t.computed(()=>p.value.indexOf(c.value)),f=t.computed(()=>{var $;return($=u.value.get(c.value))==null?void 0:$.id});t.provide(Dt,c),t.provide(At,u);const h=t.ref(new Map),v=t.ref(),w=t.ref(),b=ze(v,{threshold:.95}),y=ze(w,{threshold:.95});function k($,C){const g=$;g&&(h.value.set(C,g),C===0?v.value=g:C===p.value.length-1&&(w.value=g))}const I=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function E(){var $;($=h.value.get(m.value))==null||$.focus()}function N($){if(!i.value||!r.value||!a.value)return 0;const C=d.value==="rtl"?a.value:r.value,g=d.value==="rtl"?r.value:a.value,T=$.offsetLeft,A=T+$.clientWidth,F=i.value.scrollLeft+C.clientWidth,R=i.value.scrollLeft+i.value.clientWidth-g.clientWidth;return T<F?T-F:A>R?A-R:0}function x($){if(!i.value||!r.value||!a.value)return;const C=$==="next"&&d.value==="ltr"||$==="prev"&&d.value==="rtl"?1:-1;let g=0,T=$==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;T;){const A=$==="next"?T.nextElementSibling:T.previousElementSibling;if(g=N(T),Math.sign(g)===C){A&&Math.abs(g)<.25*i.value.clientWidth&&(g=N(A));break}T=A}i.value.scrollBy({left:g,behavior:"smooth"}),E()}return t.watch(c,()=>{if(f.value===void 0||!i.value||!r.value||!a.value)return;const $=document.getElementById("".concat(f.value,"-label"));$&&i.value.scrollBy({left:N($),behavior:"smooth"})}),{activeTab:c,activeTabIndex:m,activeTabId:f,currentDirection:d,rootElement:l,tabListElement:i,prevScroller:r,nextScroller:a,rootClasses:I,tabNames:p,tabsData:u,firstLabelVisible:b,lastLabelVisible:y,assignTemplateRefForTabButton:k,scrollTabs:x,focusActiveTab:E,cdxIconPrevious:It,cdxIconNext:xt}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&t.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(e,n,o){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n,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())}}}),vi={class:"cdx-tabs__header"},gi={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},bi={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},yi=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],Ci={ref:"nextScroller",class:"cdx-tabs__next-scroller"},wi={class:"cdx-tabs__content"};function ki(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",vi,[t.withDirectives(t.createElementVNode("div",gi,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=s=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",bi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(s,u)=>(t.openBlock(),t.createElementBlock("button",{id:"".concat(s.id,"-label"),key:u,ref_for:!0,ref:c=>e.assignTemplateRefForTabButton(c,u),disabled:s.disabled?!0:void 0,"aria-controls":s.id,"aria-selected":s.name===e.activeTab,tabindex:s.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(c=>e.select(s.name),["prevent"]),onKeyup:t.withKeys(c=>e.select(s.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...c)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...c),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...c)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...c),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...c)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...c),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(s.label),1)],40,yi))),128))],512),t.withDirectives(t.createElementVNode("div",Ci,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=s=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",wi,[t.renderSlot(e.$slots,"default")])],2)}const $i=O(hi,[["render",ki]]),Bi=Y(fe),Si=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:U},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:Bi},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const l=Z(t.toRef(e,"modelValue"),o),i=n.id,{computedDisabled:r,computedStatus:a,computedInputId:d}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),i),s=t.inject(Ue,void 0),u=t.computed(()=>({"cdx-text-area__textarea--has-value":!!l.value,"cdx-text-area__textarea--is-autosize":e.autosize})),c=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(n,c),h=t.computed(()=>{const k=f.value,{id:b}=k;return ie(k,["id"])}),v=t.ref();function w(){v.value&&e.autosize&&(v.value.style.height="auto",v.value.style.height="".concat(v.value.scrollHeight,"px"))}return{rootClasses:p,rootStyle:m,wrappedModel:l,computedDisabled:r,computedInputId:d,descriptionId:s,textareaClasses:u,otherAttrsMinusId:h,textarea:v,onInput:w}}}),xi=["id","aria-describedby","disabled"];function Ii(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d))}),null,16,xi),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const Ei=O(Si,[["render",Ii]]),Vi=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:U,CdxToggleButton:ut},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a}=zt(t.toRef(e,"buttons"));function d(u){return Array.isArray(e.modelValue)?e.modelValue.indexOf(u.value)!==-1:e.modelValue!==null?e.modelValue===u.value:!1}function s(u,c){if(Array.isArray(e.modelValue)){const p=e.modelValue.indexOf(u.value)!==-1;c&&!p?n("update:modelValue",e.modelValue.concat(u.value)):!c&&p&&n("update:modelValue",e.modelValue.filter(m=>m!==u.value))}else c&&e.modelValue!==u.value&&n("update:modelValue",u.value)}return{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a,getButtonLabel:_t,isSelected:d,onUpdate:s}}}),Ni={ref:"rootElement",class:"cdx-toggle-button-group"};function Ai(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Ni,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,u)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:c=>e.assignTemplateRef(c,u),"model-value":e.isSelected(s),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(s,c),onFocus:c=>e.onFocus(u),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s,selected:e.isSelected(s)},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue","onFocus","onBlur","onKeydown"]))),128))],512)}const Di=O(Vi,[["render",Ai]]),Ti=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:Ne},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var h;lt((h=o.default)==null?void 0:h.call(o),l,"CdxToggleSwitch");const i=t.ref(),r=H("toggle-switch"),a=H("description"),d=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:s,rootStyle:u,otherAttrs:c}=le(l,d),{computedDisabled:p}=oe(t.toRef(e,"disabled")),m=Z(t.toRef(e,"modelValue"),n);return{input:i,inputId:r,descriptionId:a,rootClasses:s,rootStyle:u,otherAttrs:c,computedDisabled:p,wrappedModel:m,clickInput:()=>{i.value.click()}}}}),Li=["id","aria-describedby","value","disabled"],Mi=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Ri(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...d)=>e.clickInput&&e.clickInput(...d),["prevent"]),["enter"]))}),null,16,Li),[[t.vModelCheckbox,e.wrappedModel]]),Mi,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("v-if",!0)],6)}const Oi=O(Ti,[["render",Ri]]);class Fi{constructor(n,o){re(this,"referenceElement");re(this,"tooltipElement");re(this,"textContent");re(this,"placement");re(this,"autoUpdateCleanup");re(this,"referenceElementHandlers");re(this,"tooltipElementHandlers");re(this,"escapeHandler");re(this,"timeoutId");var r,a;const l=n.ownerDocument,i=H("tooltip");this.referenceElement=n,this.textContent=o.textContent,this.placement=(r=o.placement)!=null?r:"bottom",this.timeoutId=null,this.tooltipElement=l.createElement("div"),this.tooltipElement.classList.add("cdx-tooltip"),this.tooltipElement.role="tooltip",this.tooltipElement.id=i,this.referenceElement.setAttribute("aria-describedby",i),this.tooltipElement.textContent=this.textContent,(a=this.referenceElement.parentElement)==null||a.appendChild(this.tooltipElement),this.referenceElementHandlers={},this.referenceElementHandlers.mouseenter=this.show.bind(this),this.referenceElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.referenceElementHandlers.focus=this.show.bind(this),this.referenceElementHandlers.blur=this.hide.bind(this),this.tooltipElementHandlers={},this.tooltipElementHandlers.mouseenter=this.show.bind(this),this.tooltipElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.escapeHandler=this.onKeyup.bind(this),this.addEventListeners(),this.autoUpdateCleanup=on(this.referenceElement,this.tooltipElement,()=>this.update())}isVisible(){return this.tooltipElement.style.display==="block"}show(){this.timeoutId&&clearTimeout(this.timeoutId),this.tooltipElement.style.display="block",this.tooltipElement.ownerDocument.addEventListener("keyup",this.escapeHandler)}hide(){this.tooltipElement.style.display="none",this.tooltipElement.ownerDocument.removeEventListener("keyup",this.escapeHandler)}hideAfterDelay(){this.timeoutId=setTimeout(this.hide.bind(this),250)}onKeyup(n){n.key==="Escape"&&this.isVisible()&&this.hide()}addEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.addEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.addEventListener(n,this.tooltipElementHandlers[n])})}removeEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.removeEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.removeEventListener(n,this.tooltipElementHandlers[n])})}update(){an(this.referenceElement,this.tooltipElement,{placement:this.placement,middleware:[Gt(4),ln(),Ca(),et()]}).then(({x:n,y:o,middlewareData:l})=>{var a,d,s;const i=(d=(a=l.offset)==null?void 0:a.placement)!=null?d:this.placement,r={left:"right","left-start":"right","left-end":"right",top:"bottom","top-start":"bottom","top-end":"bottom",bottom:"top","bottom-start":"top","bottom-end":"top",right:"left","right-start":"left","right-end":"left"};Object.assign(this.tooltipElement.style,{left:"".concat(n,"px"),top:"".concat(o,"px"),visibility:(s=l.hide)!=null&&s.referenceHidden?"hidden":"visible",transformOrigin:r[i]})})}remove(){this.tooltipElement.remove(),this.autoUpdateCleanup(),this.removeEventListeners()}}const _i={mounted(e,{value:n,arg:o}){e.tooltip=new Fi(e,{textContent:String(n),placement:o})},beforeUnmount(e){e.tooltip&&e.tooltip.remove()}},zi=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:U,CdxMenu:Se,CdxSearchInput:un},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:Zn},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:n,emit:o,slots:l}){const i=t.ref(),r=t.ref(),a=H("typeahead-search-menu"),d=j("cdx-typeahead-search-search-results-label","Search results"),s=t.ref(!1),u=t.ref(!1),c=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),h=t.computed(()=>{var M,P;return(P=(M=r.value)==null?void 0:M.getHighlightedMenuItem())==null?void 0:P.id}),v=t.ref(null),w=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),b=t.computed(()=>e.searchResults.find(M=>M.value===v.value)),y=t.computed(()=>e.searchFooterUrl?{value:we,url:e.searchFooterUrl}:void 0),k=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:I,rootStyle:E,otherAttrs:N}=le(n,k);function x(M){return M}const $=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let C,g;function T(M,P=!1){b.value&&b.value.label!==M&&b.value.value!==M&&(v.value=null),g!==void 0&&(clearTimeout(g),g=void 0),M===""?s.value=!1:(u.value=!0,l["search-results-pending"]&&(g=setTimeout(()=>{p.value&&(s.value=!0),c.value=!0},eo))),C!==void 0&&(clearTimeout(C),C=void 0);const ee=()=>{o("input",M)};P?ee():C=setTimeout(()=>{ee()},e.debounceInterval)}function A(M){var P;if(M===we){v.value=null,m.value=f.value;return}v.value=M,M!==null&&(m.value=b.value?(P=b.value.label)!=null?P:String(b.value.value):"")}function F(){p.value=!0,(f.value||c.value)&&(s.value=!0)}function R(){p.value=!1,s.value=!1}function V(M){const Ce=M,{id:P}=Ce,ee=ie(Ce,["id"]);if(ee.value===we){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}_(ee)}function _(M){const P={searchResult:M,index:e.searchResults.findIndex(ee=>ee.value===M.value),numberOfResults:e.searchResults.length};o("search-result-click",P)}function Q(M){var P;if(M.value===we){m.value=f.value;return}m.value=M.value?(P=M.label)!=null?P:String(M.value):""}function G(M){var P;s.value=!1,(P=r.value)==null||P.clearActive(),V(M)}function se(M){if(b.value)_(b.value),M.stopPropagation(),window.location.assign(b.value.url),M.preventDefault();else{const P={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",P)}}function ge(M){if(!r.value||!f.value||M.key===" ")return;const P=r.value.getHighlightedMenuItem(),ee=r.value.getHighlightedViaKeyboard();switch(M.key){case"Enter":P&&(P.value===we&&ee?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(M,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:r.value.delegateKeyNavigation(M);break}}return t.onMounted(()=>{e.initialInputValue&&T(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&u.value&&f.value.length>0&&(s.value=!0),g!==void 0&&(clearTimeout(g),g=void 0),u.value=!1,c.value=!1}),{form:i,menu:r,menuId:a,highlightedId:h,selection:v,menuMessageClass:w,footer:y,asSearchResult:x,inputValue:m,searchQuery:f,expanded:s,showPending:c,rootClasses:I,rootStyle:E,otherAttrs:N,menuConfig:$,onUpdateInputValue:T,onUpdateMenuSelection:A,onFocus:F,onBlur:R,onSearchResultClick:V,onSearchResultKeyboardNavigation:Q,onSearchFooterClick:G,onSubmit:se,onKeydown:ge,MenuFooterValue:we,articleIcon:Ln,translatedSearchResultsLabel:d}},methods:{focus(){this.$refs.searchInput.focus()}}}),Pi=["id","action"],Ki={class:"cdx-typeahead-search__menu-message__text"},Hi={class:"cdx-typeahead-search__menu-message__text"},Ui=["href","onClickCapture"],qi={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},ji={class:"cdx-typeahead-search__search-footer__query"};function Wi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"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:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),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:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ki,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Hi,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:c})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":c}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(p=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",qi,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",ji,t.toDisplayString(e.searchQuery),1)])])],42,Ui)):t.createCommentVNode("v-if",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","use-button","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Pi)],6)}const Qi=O(zi,[["render",Wi]]);exports.CdxAccordion=wo;exports.CdxButton=ue;exports.CdxButtonGroup=So;exports.CdxCard=Ro;exports.CdxCheckbox=Pt;exports.CdxChipInput=cl;exports.CdxCombobox=Na;exports.CdxDialog=za;exports.CdxField=Ja;exports.CdxIcon=U;exports.CdxInfoChip=ls;exports.CdxLabel=Ne;exports.CdxLookup=rs;exports.CdxMenu=Se;exports.CdxMenuButton=hs;exports.CdxMenuItem=qt;exports.CdxMessage=dn;exports.CdxProgressBar=at;exports.CdxRadio=ws;exports.CdxSearchInput=un;exports.CdxSearchResultTitle=Ut;exports.CdxSelect=cn;exports.CdxTab=pn;exports.CdxTable=ci;exports.CdxTabs=$i;exports.CdxTextArea=Ei;exports.CdxTextInput=Qe;exports.CdxThumbnail=nt;exports.CdxToggleButton=ut;exports.CdxToggleButtonGroup=Di;exports.CdxToggleSwitch=Oi;exports.CdxTooltip=_i;exports.CdxTypeaheadSearch=Qi;exports.TableRowIdentifier=_e;exports.stringHelpers=fl;exports.useComputedDirection=Ve;exports.useComputedDisabled=ot;exports.useComputedLanguage=Vt;exports.useFieldData=oe;exports.useFloatingMenu=Le;exports.useGeneratedId=H;exports.useI18n=j;exports.useIntersectionObserver=ze;exports.useModelWrapper=Z;exports.useResizeObserver=rn;exports.useSlotContents=qe;exports.useSplitAttributes=le;exports.useWarnOnce=je; +"use strict";var mn=Object.defineProperty,hn=Object.defineProperties;var vn=Object.getOwnPropertyDescriptors;var Le=Object.getOwnPropertySymbols;var pt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var Xe=(e,n,o)=>n in e?mn(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,U=(e,n)=>{for(var o in n||(n={}))pt.call(n,o)&&Xe(e,o,n[o]);if(Le)for(var o of Le(n))ft.call(n,o)&&Xe(e,o,n[o]);return e},Z=(e,n)=>hn(e,vn(n));var re=(e,n)=>{var o={};for(var l in e)pt.call(e,l)&&n.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&Le)for(var l of Le(e))n.indexOf(l)<0&&ft.call(e,l)&&(o[l]=e[l]);return o};var de=(e,n,o)=>(Xe(e,typeof n!="symbol"?n+"":n,o),o);var ee=(e,n,o)=>new Promise((l,i)=>{var r=s=>{try{d(o.next(s))}catch(u){i(u)}},a=s=>{try{d(o.throw(s))}catch(u){i(u)}},d=s=>s.done?l(s.value):Promise.resolve(s.value).then(r,a);d((o=o.apply(e,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),gn='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',bn='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',yn='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',Cn='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',wn='<path d="M10 15 2 5h16z"/>',kn='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',$n='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',Bn='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',Sn='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',xn='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',In='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',Vn='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',En='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',Nn='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',An='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',Dn='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',Mn='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',Tn='<path d="m10 5 8 10H2z"/>',Bt=gn,Ln=bn,Rn=yn,tt=Cn,Fn=wn,St=kn,xt=$n,On=Bn,_n={langCodeMap:{ar:Sn},default:xn},zn={ltr:In,shouldFlip:!0},Pn={ltr:Vn,shouldFlip:!0},It={ltr:En,shouldFlip:!0},Vt={ltr:Nn,shouldFlip:!0},Kn=An,Hn=Dn,Et=Mn,Un=Tn;function qn(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof l=="string"||"path"in l?l:l.ltr}function jn(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function Ee(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function Nt(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function J(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Oe="cdx",Wn=["default","progressive","destructive"],Qn=["normal","primary","quiet"],Gn=["medium","large"],Yn=["x-small","small","medium"],Xn=["notice","warning","error","success"],At=J(Xn),Jn=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],me=["default","warning","error","success"],Zn=["start","center","end","number"],eo=120,to=500,we="cdx-menu-footer-item",Dt=Symbol("CdxTabs"),Mt=Symbol("CdxActiveTab"),Tt=Symbol("CdxFieldInputId"),Ue=Symbol("CdxFieldDescriptionId"),Lt=Symbol("CdxFieldStatus"),Rt=Symbol("CdxDisabled"),no="".concat(Oe,"-no-invert"),_e=Symbol("CdxTableRowIdentifier"),oo=["top","bottom","both"],lo=J(Yn),ao=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:lo}},setup(e){const n=t.ref(),o=Ee(n),l=Nt(n),i=t.computed(()=>{var c;return(c=e.dir)!=null?c:o.value}),r=t.computed(()=>{var c;return(c=e.lang)!=null?c:l.value}),a=t.computed(()=>({"cdx-icon--flipped":i.value==="rtl"&&r.value!==null&&jn(e.icon,r.value),["cdx-icon--".concat(e.size)]:!0})),d=t.computed(()=>{var c,p;return qn(e.icon,(c=r.value)!=null?c:"",(p=i.value)!=null?p:"ltr")}),s=t.computed(()=>typeof d.value=="string"?d.value:""),u=t.computed(()=>typeof d.value!="string"?d.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:s,iconPath:u}}}),F=(e,n)=>{const o=e.__vccOpts||e;for(const[l,i]of n)o[l]=i;return o},so=["aria-hidden"],io={key:0},ro=["innerHTML"],uo=["d"];function co(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",io,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,ro)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,uo))],8,so))],2)}const W=F(ao,[["render",co]]);function Ft(e){const n=[];for(const o of e)typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...Ft(o.children)));return n}function Ot(e,n){return typeof e.type=="object"&&"name"in e.type?n!==void 0?e.type.name===n:!0:!1}function po(e,n){return typeof e.type=="string"?e.type===n.toLowerCase():!1}function qe(e){const n=typeof e=="function"?e():e;return n?Ft(n):[]}function je(e,n){if(e()){t.warn(n);return}const o=t.watch(e,l=>{l&&(t.warn(n),o())})}function _t(e,n,o){const l=t.computed(()=>{const i=qe(e);if(i.length!==1)return!1;const r=i[0];return!!(typeof r=="object"&&(Ot(r,"CdxIcon")||po(r,"svg")))});return je(()=>l.value&&!n["aria-label"]&&!n["aria-hidden"],"".concat(o,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),l}const fo=J(Wn),mo=J(Qn),ho=J(Gn),vo=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:fo},weight:{type:String,default:"normal",validator:mo},size:{type:String,default:"medium",validator:ho}},emits:["click"],setup(e,{emit:n,slots:o,attrs:l}){const i=_t(o.default,l,"CdxButton"),r=t.ref(!1),a=t.computed(()=>({["cdx-button--action-".concat(e.action)]:!0,["cdx-button--weight-".concat(e.weight)]:!0,["cdx-button--size-".concat(e.size)]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":i.value,"cdx-button--is-active":r.value})),d=p=>{n("click",p)},s=p=>{r.value=p};function u(){s(!0)}function c(p){s(!1),n("click",p)}return{rootClasses:a,onClick:d,onKeyDown:u,onKeyUp:c}}});function go(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onKeydown:n[0]||(n[0]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[1]||(n[1]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"])),onClick:n[2]||(n[2]=(...a)=>e.onClick&&e.onClick(...a))},[t.renderSlot(e.$slots,"default")],34)}const ce=F(vo,[["render",go]]),bo=t.defineComponent({name:"CdxAccordion",components:{CdxButton:ce,CdxIcon:W},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:n,emit:o}){const l=t.ref("open"in n),i=()=>{o("action-button-click")},r=s=>{l.value=s.newState==="open"},a=t.computed(()=>e.actionIcon&&(l.value||e.actionAlwaysVisible)),d=t.computed(()=>({"cdx-accordion--has-icon":a.value}));return{emitActionButtonClick:i,rootClasses:d,shouldShowActionButton:a,onToggle:r}}}),yo={class:"cdx-accordion__header__title"},Co={class:"cdx-accordion__header__description"};function wo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("details",{class:t.normalizeClass(["cdx-accordion",e.rootClasses]),onToggle:n[1]||(n[1]=(...s)=>e.onToggle&&e.onToggle(...s))},[t.createElementVNode("summary",null,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createElementVNode("span",yo,[t.renderSlot(e.$slots,"title")]),t.createElementVNode("span",Co,[t.renderSlot(e.$slots,"description")])]),_:3})),e.shouldShowActionButton?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:t.withModifiers(e.emitActionButtonClick,["stop"])},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)]),t.createElementVNode("div",{class:"cdx-accordion__content",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default")])],34)}const ko=F(bo,[["render",wo]]);function zt(e){return e.label===void 0?e.value:e.label===null?"":e.label}function Pt(e){const n=t.ref(),o=t.ref(),l=t.ref(new Map),i=Ee(n);function r(h,v){const w=h;w&&l.value.set(v,w)}function a(h){o.value=h}function d(){o.value=void 0}function s(h,v){var y;const w=h+v,C=e.value[w];if(C)if(C.disabled)s(w,v);else{const b=(y=l.value.get(w))==null?void 0:y.$el;b==null||b.focus()}}function u(){var h;s((h=o.value)!=null?h:-1,1)}function c(){var h;s((h=o.value)!=null?h:e.value.length,-1)}function p(){i.value==="rtl"?c():u()}function m(){i.value==="rtl"?u():c()}function f(h){switch(h.key){case"ArrowRight":h.preventDefault(),p();break;case"ArrowLeft":h.preventDefault(),m();break;case"ArrowDown":h.preventDefault(),u();break;case"ArrowUp":h.preventDefault(),c();break}}return{rootElement:n,assignTemplateRef:r,onFocus:a,onBlur:d,onKeydown:f}}const $o=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:ce,CdxIcon:W},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:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r}=Pt(t.toRef(e,"buttons"));return{rootElement:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r,getButtonLabel:zt}}}),Bo={ref:"rootElement",class:"cdx-button-group"};function So(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Bo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,u)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:c=>e.assignTemplateRef(c,u),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,onClick:c=>e.$emit("click",s.value),onFocus:c=>e.onFocus(u),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["disabled","aria-label","onClick","onFocus","onBlur","onKeydown"]))),128))],512)}const xo=F($o,[["render",So]]),Io=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:W},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:On}},setup:e=>{const n=t.ref(!1),o=t.ref({}),l=i=>{const r=i.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:'url("'.concat(r,'")')},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&l(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n,NoInvertClass:no}}}),Vo={class:"cdx-thumbnail"},Eo={key:0,class:"cdx-thumbnail__placeholder"};function No(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Vo,[e.thumbnailLoaded?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("span",Eo,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:t.normalizeClass([e.NoInvertClass,"cdx-thumbnail__image"])},null,6)):t.createCommentVNode("v-if",!0)]),_:1})])}const nt=F(Io,[["render",No]]),Ao=t.defineComponent({name:"CdxCard",components:{CdxIcon:W,CdxThumbnail:nt},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 n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),l=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:l}}}),Do={class:"cdx-card__text"},Mo={class:"cdx-card__text__title"},To={key:0,class:"cdx-card__text__description"},Lo={key:1,class:"cdx-card__text__supporting-text"};function Ro(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Do,[t.createElementVNode("span",Mo,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",To,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Lo,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("v-if",!0)])]),_:3},8,["href","class"])}const Fo=F(Ao,[["render",Ro]]);function ot(e){const n=t.inject(Rt,t.ref(!1));return t.computed(()=>n.value||e.value)}function le(e,n,o){const l=ot(e),i=t.inject(Lt,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),a=t.inject(Tt,void 0),d=t.computed(()=>{var s;return(s=a==null?void 0:a.value)!=null?s:o});return{computedDisabled:l,computedStatus:r,computedInputId:d}}function ae(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=re(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),l=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const s=e,{class:r,style:a}=s;return re(s,["class","style"])});return{rootClasses:o,rootStyle:l,otherAttrs:i}}function q(e,n,o=[]){const l=t.inject("CdxI18nFunction",void 0);return t.computed(()=>{const i=o.map(a=>typeof a=="function"?a():a.value),r=l==null?void 0:l(e,...i);return r!=null?r:typeof n=="function"?n(...i):n})}function We(e,n,o,l=[]){const i=q(n,o,l);return t.computed(()=>e.value||i.value)}const Oo=t.defineComponent({name:"CdxLabel",components:{CdxIcon:W},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optional:{type:Boolean,default:!1},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=le(t.toRef(e,"disabled")),l=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:i,rootStyle:r,otherAttrs:a}=ae(n,l),d=We(t.toRef(e,"optionalFlag"),"cdx-label-optional-flag","(optional)");return{rootClasses:i,rootStyle:r,otherAttrs:a,translatedOptionalFlag:d}}}),_o=["for"],zo={class:"cdx-label__label__text"},Po={key:1,class:"cdx-label__label__optional-flag"},Ko=["id"],Ho={class:"cdx-label__label"},Uo={class:"cdx-label__label__text"},qo={key:1,class:"cdx-label__label__optional-flag"},jo={key:0,class:"cdx-label__description"};function Wo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",Ho,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Uo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",qo,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",jo,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",zo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Po,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)],16,_o),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,Ko)):t.createCommentVNode("v-if",!0)],6))}const Ne=F(Oo,[["render",Wo]]);function lt(e,n,o){je(()=>qe(e).length===0&&!(n!=null&&n["aria-label"])&&!(n!=null&&n["aria-labelledby"]),"".concat(o,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}function se(e,n,o){return t.computed({get:()=>e.value,set:l=>n(o||"update:modelValue",l)})}let Je=0;function j(e){var l;const n=t.getCurrentInstance(),o=(l=n==null?void 0:n.props.id)!=null?l:n==null?void 0:n.attrs.id;return e?"".concat(Oe,"-").concat(e,"-").concat(Je++):o?"".concat(Oe,"-").concat(o,"-").concat(Je++):"".concat(Oe,"-").concat(Je++)}const Qo=J(me),Go=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:Ne},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Qo}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;lt((m=o.default)==null?void 0:m.call(o),l,"CdxCheckbox");const{computedDisabled:i,computedStatus:r}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),a=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),d=t.computed(()=>({"cdx-checkbox__custom-input--inline":e.inline})),s=t.ref(),u=j("checkbox"),c=j("description"),p=se(t.toRef(e,"modelValue"),n);return{rootClasses:a,computedDisabled:i,input:s,checkboxId:u,descriptionId:c,wrappedModel:p,customInputClasses:d}}}),Yo={class:"cdx-checkbox__wrapper"},Xo=["id","aria-describedby","value","name","disabled",".indeterminate"],Jo=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function Zo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.createElementVNode("div",Yo,[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,name:e.name,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,Xo),[[t.vModelCheckbox,e.wrappedModel]]),Jo,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,"visually-hidden":e.hideLabel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","visually-hidden"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-checkbox__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const Kt=F(Go,[["render",Zo]]),el=t.defineComponent({name:"CdxInputChip",components:{CdxButton:ce,CdxIcon:W},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const o=t.ref(),l=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),i=q("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function r(a){var d;switch(a.key){case"Enter":n("click-chip"),a.preventDefault(),a.stopPropagation();break;case"Escape":(d=o.value)==null||d.blur(),a.preventDefault(),a.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",a.key),a.preventDefault(),a.stopPropagation();break;case"ArrowLeft":n("arrow-left"),a.preventDefault(),a.stopPropagation();break;case"ArrowRight":n("arrow-right"),a.preventDefault(),a.stopPropagation();break}}return{rootElement:o,rootClasses:l,ariaDescription:i,onKeydown:r,cdxIconClose:tt}},methods:{focus(){this.$refs.rootElement.focus()}}}),tl=["aria-description"],nl={class:"cdx-input-chip__text"};function ol(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",nl,[t.renderSlot(e.$slots,"default")]),t.createVNode(d,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,tl)}const ll=F(el,[["render",ol]]);function at(e,n,o,l){return t.computed({get:()=>{var i;return(i=n.value)!=null?i:e.value},set:i=>{n.value!==null?o(l||"update:modelValue",i):e.value=i}})}const al=J(me),sl=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:ll},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},inputValue:{type:String,default:null},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:al},chipValidator:{type:Function,default:e=>!0},disabled:{type:Boolean,default:!1}},emits:["update:input-chips","update:input-value"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(""),r=Ee(l),a=t.ref(),d=t.ref(""),s=at(d,t.toRef(e,"inputValue"),n,"update:input-value"),u=t.ref("default"),c=t.computed(()=>u.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:p,computedStatus:m}=le(t.toRef(e,"disabled"),c),f=t.ref(!1),h=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(m.value)]:!0,"cdx-chip-input--focused":f.value,"cdx-chip-input--disabled":p.value})),{rootClasses:v,rootStyle:w,otherAttrs:C}=ae(o,h),y=[],b=t.ref(null),E=t.computed(()=>b.value?b.value.value:""),N=q("cdx-chip-input-chip-added",V=>"Chip ".concat(V," was added."),[s]),D=q("cdx-chip-input-chip-removed",V=>"Chip ".concat(V," was removed."),[E]);function I(V,P){V!==null&&(y[P]=V)}const S=()=>{a.value.focus()};function g(){e.inputChips.find(V=>V.value===s.value)||!e.chipValidator(s.value)?u.value="error":s.value.length>0&&(i.value=N.value,n("update:input-chips",e.inputChips.concat({value:s.value})),s.value="")}function $(V){n("update:input-chips",e.inputChips.filter(P=>P.value!==V.value))}function T(V,P){const Y=r.value==="ltr"&&V==="left"||r.value==="rtl"&&V==="right"?-1:1,x=P+Y;if(!(x<0)){if(x>=e.inputChips.length){S();return}y[x].focus()}}function M(V){return ee(this,null,function*(){g(),yield t.nextTick(),$(V),s.value=V.value,S()})}function z(V,P,Y){if(b.value=V,i.value=D.value,Y==="button")S();else if(Y==="Backspace"){const x=P===0?1:P-1;x<e.inputChips.length?y[x].focus():S()}else if(Y==="Delete"){const x=P+1;x<e.inputChips.length?y[x].focus():S()}$(V)}function _(V){var Y,x;const P=r.value==="rtl"?"ArrowRight":"ArrowLeft";switch(V.key){case"Enter":if(s.value.length>0){g(),V.preventDefault(),V.stopPropagation();return}break;case"Escape":(Y=a.value)==null||Y.blur(),V.preventDefault(),V.stopPropagation();return;case"Backspace":case P:if(((x=a.value)==null?void 0:x.selectionStart)===0&&a.value.selectionEnd===0&&e.inputChips.length>0){y[e.inputChips.length-1].focus(),V.preventDefault(),V.stopPropagation();return}break}}function L(){f.value=!0}function O(){f.value=!1}function Q(V){var P;(P=l.value)!=null&&P.contains(V.relatedTarget)||g()}return t.watch(t.toRef(e,"inputChips"),V=>{const P=V.find(Y=>Y.value===s.value);u.value=P?"error":"default"}),t.watch(s,()=>{u.value==="error"&&(u.value="default")}),{rootElement:l,input:a,computedInputValue:s,rootClasses:v,rootStyle:w,otherAttrs:C,assignChipTemplateRef:I,handleChipClick:M,handleChipRemove:z,moveChipFocus:T,onInputKeydown:_,focusInput:S,onInputFocus:L,onInputBlur:O,onFocusOut:Q,computedDisabled:p,statusMessageContent:i}}}),il={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},rl=["disabled"],dl={key:0,class:"cdx-chip-input__separate-input"},ul=["disabled"],cl={class:"cdx-chip-input__aria-status",role:"status","aria-live":"polite"};function pl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...d)=>e.focusInput&&e.focusInput(...d)),onFocusout:n[9]||(n[9]=(...d)=>e.onFocusOut&&e.onFocusOut(...d))},[t.createElementVNode("div",il,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(d,s)=>(t.openBlock(),t.createBlock(a,{key:d.value,ref_for:!0,ref:u=>e.assignChipTemplateRef(u,s),class:"cdx-chip-input__item",icon:d.icon,disabled:e.computedDisabled,onClickChip:u=>e.handleChipClick(d),onRemoveChip:u=>e.handleChipRemove(d,s,u),onArrowLeft:u=>e.moveChipFocus("left",s),onArrowRight:u=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.computedInputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[2]||(n[2]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[3]||(n[3]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,rl)),[[t.vModelDynamic,e.computedInputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",dl,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=d=>e.computedInputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[6]||(n[6]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[7]||(n[7]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,ul),[[t.vModelDynamic,e.computedInputValue]])])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",cl,t.toDisplayString(e.statusMessageContent),1)],38)}const fl=F(sl,[["render",pl]]);function Ht(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const ml="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Ut(e,n){if(!e)return[n,"",""];const o=Ht(e),l=new RegExp(o+ml+"*","i").exec(n);if(!l||l.index===void 0)return[n,"",""];const i=l.index,r=i+l[0].length,a=n.slice(i,r),d=n.slice(0,i),s=n.slice(r,n.length);return[d,a,s]}const hl=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:Ht,splitStringAtMatch:Ut},Symbol.toStringTag,{value:"Module"})),vl=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Ut(e.searchQuery,String(e.title)))})}),gl={class:"cdx-search-result-title"},bl={class:"cdx-search-result-title__match"};function yl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",gl,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",bl,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const qt=F(vl,[["render",yl]]),Cl=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:W,CdxThumbnail:nt,CdxSearchResultTitle:qt},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})},action:{type:String,default:"default"},multiselect:{type:Boolean,default:!1}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},l=()=>{n("change","highlighted",!1)},i=c=>{c.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--destructive":e.action&&e.action==="destructive","cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),u=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:l,onMouseDown:i,onClick:r,highlightQuery:a,rootClasses:d,contentTag:s,title:u}}}),wl=["id","aria-disabled","aria-selected","aria-checked"],kl={class:"cdx-menu-item__text"},$l=["lang"],Bl=["lang"],Sl=["lang"],xl=["lang"];function Il(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected&&!e.multiselect?!0:void 0,"aria-checked":e.selected&&e.multiselect?!0:void 0,onMousemove:n[0]||(n[0]=(...u)=>e.onMouseMove&&e.onMouseMove(...u)),onMouseleave:n[1]||(n[1]=(...u)=>e.onMouseLeave&&e.onMouseLeave(...u)),onMousedown:n[2]||(n[2]=t.withModifiers((...u)=>e.onMouseDown&&e.onMouseDown(...u),["prevent"])),onClick:n[3]||(n[3]=(...u)=>e.onClick&&e.onClick(...u))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var u,c,p,m,f,h;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",kl,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(u=e.language)==null?void 0:u.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(c=e.language)==null?void 0:c.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,$l)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(p=e.language)==null?void 0:p.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(m=e.language)==null?void 0:m.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Bl))],64)):t.createCommentVNode("v-if",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(f=e.language)==null?void 0:f.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,Sl)],64)):t.createCommentVNode("v-if",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(h=e.language)==null?void 0:h.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,xl)):t.createCommentVNode("v-if",!0)])]}),_:1},8,["href"]))])],42,wl)}const jt=F(Cl,[["render",Il]]),Vl=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){je(()=>!e.inline&&!n["aria-label"]&&!n["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const o=t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),l=t.computed(()=>e.inline?"true":void 0);return{rootClasses:o,computedAriaHidden:l}}}),El=["aria-hidden","aria-disabled"],Nl=t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1),Al=[Nl];function Dl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},Al,10,El)}const st=F(Vl,[["render",Dl]]);function ze(e,n){const o=t.ref(!1);let l=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{l=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{l=!1,i.disconnect()}),t.watch(e,r=>{l&&(i.disconnect(),o.value=!1,r&&i.observe(r))}),o}function Re(e){return e!==null&&Array.isArray(e)}const Ml=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:jt,CdxProgressBar:st},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,Array,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:l}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(R=>Z(U({},R),{id:j("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),a=t.ref(null),d=t.ref(!1),s=t.ref(null),u="additions removals";let c="",p=null;function m(){c="",p!==null&&(clearTimeout(p),p=null)}function f(){p!==null&&clearTimeout(p),p=setTimeout(m,1500)}function h(){var k;return(k=i.value.find(R=>Re(e.selected)?e.selected.indexOf(R.value)!==-1:R.value===e.selected))!=null?k:null}const v=t.computed(()=>Re(e.selected));function w(k){return Re(e.selected)?e.selected.indexOf(k)!==-1:k===e.selected}function C(k){if(Re(e.selected)){const R=e.selected.indexOf(k)===-1?e.selected.concat(k):e.selected.filter(X=>X!==k);n("update:selected",R)}else n("update:selected",k)}function y(k,R){if(!(R&&R.disabled))switch(k){case"selected":R&&C(R.value),v.value||n("update:expanded",!1),s.value=null;break;case"highlighted":a.value=R!=null?R:null,d.value=!1;break;case"highlightedViaKeyboard":a.value=R!=null?R:null,d.value=!0;break;case"active":s.value=R!=null?R:null;break}}const b=t.computed(()=>{if(a.value!==null)return i.value.findIndex(k=>k.value===a.value.value)});function E(k){k&&(y("highlightedViaKeyboard",k),n("menu-item-keyboard-navigation",k))}function N(k){var G;const R=B=>{for(let A=B-1;A>=0;A--)if(!i.value[A].disabled)return i.value[A]};k=k!=null?k:i.value.length;const X=(G=R(k))!=null?G:R(i.value.length);E(X)}function D(k){var G;const R=B=>i.value.find((A,K)=>!A.disabled&&K>B);k=k!=null?k:-1;const X=(G=R(k))!=null?G:R(-1);E(X)}function I(k){if(k.key==="Clear")return m(),!0;if(k.key==="Backspace")return c=c.slice(0,-1),f(),!0;if(k.key.length===1&&!k.metaKey&&!k.ctrlKey&&!k.altKey){if(e.expanded||n("update:expanded",!0),k.key===" "&&c.length<1)return!1;c+=k.key.toLowerCase();const R=c.length>1&&c.split("").every(A=>A===c[0]);let X=i.value,G=c;R&&b.value!==void 0&&(X=X.slice(b.value+1).concat(X.slice(0,b.value)),G=c[0]);const B=X.find(A=>{var K;return!A.disabled&&String((K=A.label)!=null?K:A.value).toLowerCase().startsWith(G)});return B&&(y("highlightedViaKeyboard",B),_()),f(),!0}return!1}function S(k,{prevent:R=!0,characterNavigation:X=!1}={}){if(X){if(I(k))return k.preventDefault(),!0;m()}function G(){R&&(k.preventDefault(),k.stopPropagation())}switch(k.key){case"Enter":case" ":return G(),e.expanded?(a.value&&d.value&&C(a.value.value),v.value||n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(a.value&&d.value&&C(a.value.value),v.value||n("update:expanded",!1)),!0;case"ArrowUp":return G(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),N(b.value)):n("update:expanded",!0),_(),!0;case"ArrowDown":return G(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),D(b.value)):n("update:expanded",!0),_(),!0;case"Home":return G(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),D()):n("update:expanded",!0),_(),!0;case"End":return G(),e.expanded?(a.value===null&&y("highlightedViaKeyboard",h()),N()):n("update:expanded",!0),_(),!0;case"Escape":return G(),n("update:expanded",!1),!0;default:return!1}}function g(){y("active",null)}const $=[],T=t.ref(void 0),M=ze(T,{threshold:.8});t.watch(M,k=>{k&&n("load-more")});function z(k,R){if(k){$[R]=k.$el;const X=e.visibleItemLimit;if(!X||e.menuItems.length<X)return;const G=Math.min(X,Math.max(2,Math.floor(.2*e.menuItems.length)));R===e.menuItems.length-G&&(T.value=k.$el)}}function _(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||b.value===void 0)return;const k=b.value>=0?b.value:0;$[k].scrollIntoView({behavior:"smooth",block:"nearest"})}const L=t.ref(null),O=t.ref(null);function Q(){return ee(this,null,function*(){yield t.nextTick(),V(),P(),yield t.nextTick(),_()})}function V(){if(e.footer){const k=$[$.length-1];O.value=k.scrollHeight}else O.value=null}function P(){if(!e.visibleItemLimit||$.length<=e.visibleItemLimit){L.value=null;return}const k=$[0].getBoundingClientRect().top,R=$[e.visibleItemLimit].getBoundingClientRect().top;L.value=R-k+2}t.onMounted(()=>{document.addEventListener("mouseup",g)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",g)}),t.watch(t.toRef(e,"expanded"),k=>ee(this,null,function*(){if(k){const R=h();R&&!a.value&&y("highlighted",R),yield Q()}else y("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),k=>ee(this,null,function*(){k.length<$.length&&($.length=k.length),e.expanded&&(yield Q())}),{deep:!0});const Y=t.computed(()=>({"max-height":L.value?"".concat(L.value,"px"):void 0,"margin-bottom":O.value?"".concat(O.value,"px"):void 0})),x=t.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:H,rootStyle:te,otherAttrs:Ce}=ae(l,x);return{listBoxStyle:Y,rootClasses:H,rootStyle:te,otherAttrs:Ce,assignTemplateRef:z,computedMenuItems:i,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:s,handleMenuItemChange:y,handleKeyNavigation:S,ariaRelevant:u,isMultiselect:v,isItemSelected:w}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),Tl=["aria-live","aria-relevant","aria-multiselectable"],Ll={key:0,class:"cdx-menu__pending cdx-menu-item"},Rl={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Fl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0,"aria-multiselectable":e.isMultiselect?!0:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Ll,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("v-if",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Rl,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,u)=>{var c,p;return t.openBlock(),t.createBlock(a,t.mergeProps({key:s.value,ref_for:!0,ref:m=>e.assignTemplateRef(m,u)},s,{selected:e.isItemSelected(s.value),active:s.value===((c=e.activeMenuItem)==null?void 0:c.value),highlighted:s.value===((p=e.highlightedMenuItem)==null?void 0:p.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,multiselect:e.isMultiselect,onChange:(m,f)=>e.handleMenuItemChange(m,f?s:null),onClick:m=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var m,f;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((m=e.activeMenuItem)==null?void 0:m.value)&&s.value===((f=e.highlightedMenuItem)==null?void 0:f.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","multiselect","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("v-if",!0)],16,Tl)],6)),[[t.vShow,e.expanded]])}const Se=F(Ml,[["render",Fl]]),Ol=J(Jn),_l=J(me),zl=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:W},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Ol},status:{type:String,default:"default",validator:_l},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const l=o.id,{computedDisabled:i,computedStatus:r,computedInputId:a}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),l),d=t.inject(Ue,void 0),s=se(t.toRef(e,"modelValue"),n),u=t.computed(()=>e.clearable&&!!s.value&&!i.value),c=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":u.value,["cdx-text-input--status-".concat(r.value)]:!0})),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(o,c),h=t.computed(()=>{const S=f.value,{id:D}=S;return re(S,["id"])}),v=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{computedInputId:a,descriptionId:d,wrappedModel:s,isClearable:u,rootClasses:p,rootStyle:m,otherAttrsMinusId:h,inputClasses:v,computedDisabled:i,onClear:D=>{s.value="",n("clear",D)},onInput:D=>{n("input",D)},onChange:D=>{n("change",D)},onKeydown:D=>{(D.key==="Home"||D.key==="End")&&!D.ctrlKey&&!D.metaKey||n("keydown",D)},onFocus:D=>{n("focus",D)},onBlur:D=>{n("blur",D)},cdxIconClear:Rn}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Pl=["id","type","aria-describedby","disabled"];function Kl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,Pl),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("v-if",!0)],6)}const Qe=F(zl,[["render",Kl]]),Hl=["top","right","bottom","left"],$e=Math.min,ne=Math.max,Pe=Math.round,Fe=Math.floor,ve=e=>({x:e,y:e}),Ul={left:"right",right:"left",bottom:"top",top:"bottom"},ql={start:"end",end:"start"};function mt(e,n,o){return ne(e,$e(n,o))}function xe(e,n){return typeof e=="function"?e(n):e}function ge(e){return e.split("-")[0]}function Ae(e){return e.split("-")[1]}function Wt(e){return e==="x"?"y":"x"}function Qt(e){return e==="y"?"height":"width"}function De(e){return["top","bottom"].includes(ge(e))?"y":"x"}function Gt(e){return Wt(De(e))}function jl(e,n,o){o===void 0&&(o=!1);const l=Ae(e),i=Gt(e),r=Qt(i);let a=i==="x"?l===(o?"end":"start")?"right":"left":l==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(a=Ke(a)),[a,Ke(a)]}function Wl(e){const n=Ke(e);return[Ze(e),n,Ze(n)]}function Ze(e){return e.replace(/start|end/g,n=>ql[n])}function Ql(e,n,o){const l=["left","right"],i=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(e){case"top":case"bottom":return o?n?i:l:n?l:i;case"left":case"right":return n?r:a;default:return[]}}function Gl(e,n,o,l){const i=Ae(e);let r=Ql(ge(e),o==="start",l);return i&&(r=r.map(a=>a+"-"+i),n&&(r=r.concat(r.map(Ze)))),r}function Ke(e){return e.replace(/left|right|bottom|top/g,n=>Ul[n])}function Yl(e){return U({top:0,right:0,bottom:0,left:0},e)}function Xl(e){return typeof e!="number"?Yl(e):{top:e,right:e,bottom:e,left:e}}function He(e){return Z(U({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}function ht(e,n,o){let{reference:l,floating:i}=e;const r=De(n),a=Gt(n),d=Qt(a),s=ge(n),u=r==="y",c=l.x+l.width/2-i.width/2,p=l.y+l.height/2-i.height/2,m=l[d]/2-i[d]/2;let f;switch(s){case"top":f={x:c,y:l.y-i.height};break;case"bottom":f={x:c,y:l.y+l.height};break;case"right":f={x:l.x+l.width,y:p};break;case"left":f={x:l.x-i.width,y:p};break;default:f={x:l.x,y:l.y}}switch(Ae(n)){case"start":f[a]-=m*(o&&u?-1:1);break;case"end":f[a]+=m*(o&&u?-1:1);break}return f}const Jl=(e,n,o)=>ee(exports,null,function*(){const{placement:l="bottom",strategy:i="absolute",middleware:r=[],platform:a}=o,d=r.filter(Boolean),s=yield a.isRTL==null?void 0:a.isRTL(n);let u=yield a.getElementRects({reference:e,floating:n,strategy:i}),{x:c,y:p}=ht(u,l,s),m=l,f={},h=0;for(let v=0;v<d.length;v++){const{name:w,fn:C}=d[v],{x:y,y:b,data:E,reset:N}=yield C({x:c,y:p,initialPlacement:l,placement:m,strategy:i,middlewareData:f,rects:u,platform:a,elements:{reference:e,floating:n}});c=y!=null?y:c,p=b!=null?b:p,f=Z(U({},f),{[w]:U(U({},f[w]),E)}),N&&h<=50&&(h++,typeof N=="object"&&(N.placement&&(m=N.placement),N.rects&&(u=N.rects===!0?yield a.getElementRects({reference:e,floating:n,strategy:i}):N.rects),{x:c,y:p}=ht(u,m,s)),v=-1)}return{x:c,y:p,placement:m,strategy:i,middlewareData:f}});function Ie(e,n){return ee(this,null,function*(){var o;n===void 0&&(n={});const{x:l,y:i,platform:r,rects:a,elements:d,strategy:s}=e,{boundary:u="clippingAncestors",rootBoundary:c="viewport",elementContext:p="floating",altBoundary:m=!1,padding:f=0}=xe(n,e),h=Xl(f),w=d[m?p==="floating"?"reference":"floating":p],C=He(yield r.getClippingRect({element:(o=yield r.isElement==null?void 0:r.isElement(w))==null||o?w:w.contextElement||(yield r.getDocumentElement==null?void 0:r.getDocumentElement(d.floating)),boundary:u,rootBoundary:c,strategy:s})),y=p==="floating"?Z(U({},a.floating),{x:l,y:i}):a.reference,b=yield r.getOffsetParent==null?void 0:r.getOffsetParent(d.floating),E=(yield r.isElement==null?void 0:r.isElement(b))?(yield r.getScale==null?void 0:r.getScale(b))||{x:1,y:1}:{x:1,y:1},N=He(r.convertOffsetParentRelativeRectToViewportRelativeRect?yield r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:y,offsetParent:b,strategy:s}):y);return{top:(C.top-N.top+h.top)/E.y,bottom:(N.bottom-C.bottom+h.bottom)/E.y,left:(C.left-N.left+h.left)/E.x,right:(N.right-C.right+h.right)/E.x}})}const Zl=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(o){return ee(this,null,function*(){var l,i;const{placement:r,middlewareData:a,rects:d,initialPlacement:s,platform:u,elements:c}=o,z=xe(e,o),{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:w=!0}=z,C=re(z,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const y=ge(r),b=ge(s)===s,E=yield u.isRTL==null?void 0:u.isRTL(c.floating),N=f||(b||!w?[Ke(s)]:Wl(s));!f&&v!=="none"&&N.push(...Gl(s,w,v,E));const D=[s,...N],I=yield Ie(o,C),S=[];let g=((i=a.flip)==null?void 0:i.overflows)||[];if(p&&S.push(I[y]),m){const _=jl(r,d,E);S.push(I[_[0]],I[_[1]])}if(g=[...g,{placement:r,overflows:S}],!S.every(_=>_<=0)){var $,T;const _=((($=a.flip)==null?void 0:$.index)||0)+1,L=D[_];if(L)return{data:{index:_,overflows:g},reset:{placement:L}};let O=(T=g.filter(Q=>Q.overflows[0]<=0).sort((Q,V)=>Q.overflows[1]-V.overflows[1])[0])==null?void 0:T.placement;if(!O)switch(h){case"bestFit":{var M;const Q=(M=g.map(V=>[V.placement,V.overflows.filter(P=>P>0).reduce((P,Y)=>P+Y,0)]).sort((V,P)=>V[1]-P[1])[0])==null?void 0:M[0];Q&&(O=Q);break}case"initialPlacement":O=s;break}if(r!==O)return{reset:{placement:O}}}return{}})}}};function vt(e,n){return{top:e.top-n.height,right:e.right-n.width,bottom:e.bottom-n.height,left:e.left-n.width}}function gt(e){return Hl.some(n=>e[n]>=0)}const ea=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(o){return ee(this,null,function*(){const{rects:l}=o,a=xe(e,o),{strategy:i="referenceHidden"}=a,r=re(a,["strategy"]);switch(i){case"referenceHidden":{const d=yield Ie(o,Z(U({},r),{elementContext:"reference"})),s=vt(d,l.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:gt(s)}}}case"escaped":{const d=yield Ie(o,Z(U({},r),{altBoundary:!0})),s=vt(d,l.floating);return{data:{escapedOffsets:s,escaped:gt(s)}}}default:return{}}})}}};function ta(e,n){return ee(this,null,function*(){const{placement:o,platform:l,elements:i}=e,r=yield l.isRTL==null?void 0:l.isRTL(i.floating),a=ge(o),d=Ae(o),s=De(o)==="y",u=["left","top"].includes(a)?-1:1,c=r&&s?-1:1,p=xe(n,e);let{mainAxis:m,crossAxis:f,alignmentAxis:h}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:U({mainAxis:0,crossAxis:0,alignmentAxis:null},p);return d&&typeof h=="number"&&(f=d==="end"?h*-1:h),s?{x:f*c,y:m*u}:{x:m*u,y:f*c}})}const Yt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(o){return ee(this,null,function*(){var l,i;const{x:r,y:a,placement:d,middlewareData:s}=o,u=yield ta(o,e);return d===((l=s.offset)==null?void 0:l.placement)&&(i=s.arrow)!=null&&i.alignmentOffset?{}:{x:r+u.x,y:a+u.y,data:Z(U({},u),{placement:d})}})}}},na=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(o){return ee(this,null,function*(){const{x:l,y:i,placement:r}=o,C=xe(e,o),{mainAxis:a=!0,crossAxis:d=!1,limiter:s={fn:y=>{let{x:b,y:E}=y;return{x:b,y:E}}}}=C,u=re(C,["mainAxis","crossAxis","limiter"]),c={x:l,y:i},p=yield Ie(o,u),m=De(ge(r)),f=Wt(m);let h=c[f],v=c[m];if(a){const y=f==="y"?"top":"left",b=f==="y"?"bottom":"right",E=h+p[y],N=h-p[b];h=mt(E,h,N)}if(d){const y=m==="y"?"top":"left",b=m==="y"?"bottom":"right",E=v+p[y],N=v-p[b];v=mt(E,v,N)}const w=s.fn(Z(U({},o),{[f]:h,[m]:v}));return Z(U({},w),{data:{x:w.x-l,y:w.y-i}})})}}},oa=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(o){return ee(this,null,function*(){const{placement:l,rects:i,platform:r,elements:a}=o,I=xe(e,o),{apply:d=()=>{}}=I,s=re(I,["apply"]),u=yield Ie(o,s),c=ge(l),p=Ae(l),m=De(l)==="y",{width:f,height:h}=i.floating;let v,w;c==="top"||c==="bottom"?(v=c,w=p===((yield r.isRTL==null?void 0:r.isRTL(a.floating))?"start":"end")?"left":"right"):(w=c,v=p==="end"?"top":"bottom");const C=h-u[v],y=f-u[w],b=!o.middlewareData.shift;let E=C,N=y;if(m){const S=f-u.left-u.right;N=p||b?$e(y,S):S}else{const S=h-u.top-u.bottom;E=p||b?$e(C,S):S}if(b&&!p){const S=ne(u.left,0),g=ne(u.right,0),$=ne(u.top,0),T=ne(u.bottom,0);m?N=f-2*(S!==0||g!==0?S+g:ne(u.left,u.right)):E=h-2*($!==0||T!==0?$+T:ne(u.top,u.bottom))}yield d(Z(U({},o),{availableWidth:N,availableHeight:E}));const D=yield r.getDimensions(a.floating);return f!==D.width||h!==D.height?{reset:{rects:!0}}:{}})}}};function pe(e){return it(e)?(e.nodeName||"").toLowerCase():"#document"}function oe(e){var n;return(e==null||(n=e.ownerDocument)==null?void 0:n.defaultView)||window}function he(e){var n;return(n=(it(e)?e.ownerDocument:e.document)||window.document)==null?void 0:n.documentElement}function it(e){return e instanceof Node||e instanceof oe(e).Node}function fe(e){return e instanceof Element||e instanceof oe(e).Element}function ue(e){return e instanceof HTMLElement||e instanceof oe(e).HTMLElement}function bt(e){return typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof oe(e).ShadowRoot}function Me(e){const{overflow:n,overflowX:o,overflowY:l,display:i}=ie(e);return/auto|scroll|overlay|hidden|clip/.test(n+l+o)&&!["inline","contents"].includes(i)}function la(e){return["table","td","th"].includes(pe(e))}function rt(e){const n=dt(),o=ie(e);return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!n&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!n&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(l=>(o.willChange||"").includes(l))||["paint","layout","strict","content"].some(l=>(o.contain||"").includes(l))}function aa(e){let n=Be(e);for(;ue(n)&&!Ge(n);){if(rt(n))return n;n=Be(n)}return null}function dt(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ge(e){return["html","body","#document"].includes(pe(e))}function ie(e){return oe(e).getComputedStyle(e)}function Ye(e){return fe(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Be(e){if(pe(e)==="html")return e;const n=e.assignedSlot||e.parentNode||bt(e)&&e.host||he(e);return bt(n)?n.host:n}function Xt(e){const n=Be(e);return Ge(n)?e.ownerDocument?e.ownerDocument.body:e.body:ue(n)&&Me(n)?n:Xt(n)}function Ve(e,n,o){var l;n===void 0&&(n=[]),o===void 0&&(o=!0);const i=Xt(e),r=i===((l=e.ownerDocument)==null?void 0:l.body),a=oe(i);return r?n.concat(a,a.visualViewport||[],Me(i)?i:[],a.frameElement&&o?Ve(a.frameElement):[]):n.concat(i,Ve(i,[],o))}function Jt(e){const n=ie(e);let o=parseFloat(n.width)||0,l=parseFloat(n.height)||0;const i=ue(e),r=i?e.offsetWidth:o,a=i?e.offsetHeight:l,d=Pe(o)!==r||Pe(l)!==a;return d&&(o=r,l=a),{width:o,height:l,$:d}}function ut(e){return fe(e)?e:e.contextElement}function ke(e){const n=ut(e);if(!ue(n))return ve(1);const o=n.getBoundingClientRect(),{width:l,height:i,$:r}=Jt(n);let a=(r?Pe(o.width):o.width)/l,d=(r?Pe(o.height):o.height)/i;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}const sa=ve(0);function Zt(e){const n=oe(e);return!dt()||!n.visualViewport?sa:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ia(e,n,o){return n===void 0&&(n=!1),!o||n&&o!==oe(e)?!1:n}function ye(e,n,o,l){n===void 0&&(n=!1),o===void 0&&(o=!1);const i=e.getBoundingClientRect(),r=ut(e);let a=ve(1);n&&(l?fe(l)&&(a=ke(l)):a=ke(e));const d=ia(r,o,l)?Zt(r):ve(0);let s=(i.left+d.x)/a.x,u=(i.top+d.y)/a.y,c=i.width/a.x,p=i.height/a.y;if(r){const m=oe(r),f=l&&fe(l)?oe(l):l;let h=m,v=h.frameElement;for(;v&&l&&f!==h;){const w=ke(v),C=v.getBoundingClientRect(),y=ie(v),b=C.left+(v.clientLeft+parseFloat(y.paddingLeft))*w.x,E=C.top+(v.clientTop+parseFloat(y.paddingTop))*w.y;s*=w.x,u*=w.y,c*=w.x,p*=w.y,s+=b,u+=E,h=oe(v),v=h.frameElement}}return He({width:c,height:p,x:s,y:u})}const ra=[":popover-open",":modal"];function en(e){return ra.some(n=>{try{return e.matches(n)}catch(o){return!1}})}function da(e){let{elements:n,rect:o,offsetParent:l,strategy:i}=e;const r=i==="fixed",a=he(l),d=n?en(n.floating):!1;if(l===a||d&&r)return o;let s={scrollLeft:0,scrollTop:0},u=ve(1);const c=ve(0),p=ue(l);if((p||!p&&!r)&&((pe(l)!=="body"||Me(a))&&(s=Ye(l)),ue(l))){const m=ye(l);u=ke(l),c.x=m.x+l.clientLeft,c.y=m.y+l.clientTop}return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-s.scrollLeft*u.x+c.x,y:o.y*u.y-s.scrollTop*u.y+c.y}}function ua(e){return Array.from(e.getClientRects())}function tn(e){return ye(he(e)).left+Ye(e).scrollLeft}function ca(e){const n=he(e),o=Ye(e),l=e.ownerDocument.body,i=ne(n.scrollWidth,n.clientWidth,l.scrollWidth,l.clientWidth),r=ne(n.scrollHeight,n.clientHeight,l.scrollHeight,l.clientHeight);let a=-o.scrollLeft+tn(e);const d=-o.scrollTop;return ie(l).direction==="rtl"&&(a+=ne(n.clientWidth,l.clientWidth)-i),{width:i,height:r,x:a,y:d}}function pa(e,n){const o=oe(e),l=he(e),i=o.visualViewport;let r=l.clientWidth,a=l.clientHeight,d=0,s=0;if(i){r=i.width,a=i.height;const u=dt();(!u||u&&n==="fixed")&&(d=i.offsetLeft,s=i.offsetTop)}return{width:r,height:a,x:d,y:s}}function fa(e,n){const o=ye(e,!0,n==="fixed"),l=o.top+e.clientTop,i=o.left+e.clientLeft,r=ue(e)?ke(e):ve(1),a=e.clientWidth*r.x,d=e.clientHeight*r.y,s=i*r.x,u=l*r.y;return{width:a,height:d,x:s,y:u}}function yt(e,n,o){let l;if(n==="viewport")l=pa(e,o);else if(n==="document")l=ca(he(e));else if(fe(n))l=fa(n,o);else{const i=Zt(e);l=Z(U({},n),{x:n.x-i.x,y:n.y-i.y})}return He(l)}function nn(e,n){const o=Be(e);return o===n||!fe(o)||Ge(o)?!1:ie(o).position==="fixed"||nn(o,n)}function ma(e,n){const o=n.get(e);if(o)return o;let l=Ve(e,[],!1).filter(d=>fe(d)&&pe(d)!=="body"),i=null;const r=ie(e).position==="fixed";let a=r?Be(e):e;for(;fe(a)&&!Ge(a);){const d=ie(a),s=rt(a);!s&&d.position==="fixed"&&(i=null),(r?!s&&!i:!s&&d.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Me(a)&&!s&&nn(e,a))?l=l.filter(c=>c!==a):i=d,a=Be(a)}return n.set(e,l),l}function ha(e){let{element:n,boundary:o,rootBoundary:l,strategy:i}=e;const a=[...o==="clippingAncestors"?ma(n,this._c):[].concat(o),l],d=a[0],s=a.reduce((u,c)=>{const p=yt(n,c,i);return u.top=ne(p.top,u.top),u.right=$e(p.right,u.right),u.bottom=$e(p.bottom,u.bottom),u.left=ne(p.left,u.left),u},yt(n,d,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function va(e){const{width:n,height:o}=Jt(e);return{width:n,height:o}}function ga(e,n,o){const l=ue(n),i=he(n),r=o==="fixed",a=ye(e,!0,r,n);let d={scrollLeft:0,scrollTop:0};const s=ve(0);if(l||!l&&!r)if((pe(n)!=="body"||Me(i))&&(d=Ye(n)),l){const p=ye(n,!0,r,n);s.x=p.x+n.clientLeft,s.y=p.y+n.clientTop}else i&&(s.x=tn(i));const u=a.left+d.scrollLeft-s.x,c=a.top+d.scrollTop-s.y;return{x:u,y:c,width:a.width,height:a.height}}function Ct(e,n){return!ue(e)||ie(e).position==="fixed"?null:n?n(e):e.offsetParent}function on(e,n){const o=oe(e);if(!ue(e)||en(e))return o;let l=Ct(e,n);for(;l&&la(l)&&ie(l).position==="static";)l=Ct(l,n);return l&&(pe(l)==="html"||pe(l)==="body"&&ie(l).position==="static"&&!rt(l))?o:l||aa(e)||o}const ba=function(e){return ee(this,null,function*(){const n=this.getOffsetParent||on,o=this.getDimensions;return{reference:ga(e.reference,yield n(e.floating),e.strategy),floating:U({x:0,y:0},yield o(e.floating))}})};function ya(e){return ie(e).direction==="rtl"}const Ca={convertOffsetParentRelativeRectToViewportRelativeRect:da,getDocumentElement:he,getClippingRect:ha,getOffsetParent:on,getElementRects:ba,getClientRects:ua,getDimensions:va,getScale:ke,isElement:fe,isRTL:ya};function wa(e,n){let o=null,l;const i=he(e);function r(){var d;clearTimeout(l),(d=o)==null||d.disconnect(),o=null}function a(d,s){d===void 0&&(d=!1),s===void 0&&(s=1),r();const{left:u,top:c,width:p,height:m}=e.getBoundingClientRect();if(d||n(),!p||!m)return;const f=Fe(c),h=Fe(i.clientWidth-(u+p)),v=Fe(i.clientHeight-(c+m)),w=Fe(u),y={rootMargin:-f+"px "+-h+"px "+-v+"px "+-w+"px",threshold:ne(0,$e(1,s))||1};let b=!0;function E(N){const D=N[0].intersectionRatio;if(D!==s){if(!b)return a();D?a(!1,D):l=setTimeout(()=>{a(!1,1e-7)},100)}b=!1}try{o=new IntersectionObserver(E,Z(U({},y),{root:i.ownerDocument}))}catch(N){o=new IntersectionObserver(E,y)}o.observe(e)}return a(!0),r}function ln(e,n,o,l){l===void 0&&(l={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:s=!1}=l,u=ut(e),c=i||r?[...u?Ve(u):[],...Ve(n)]:[];c.forEach(C=>{i&&C.addEventListener("scroll",o,{passive:!0}),r&&C.addEventListener("resize",o)});const p=u&&d?wa(u,o):null;let m=-1,f=null;a&&(f=new ResizeObserver(C=>{let[y]=C;y&&y.target===u&&f&&(f.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var b;(b=f)==null||b.observe(n)})),o()}),u&&!s&&f.observe(u),f.observe(n));let h,v=s?ye(e):null;s&&w();function w(){const C=ye(e);v&&(C.x!==v.x||C.y!==v.y||C.width!==v.width||C.height!==v.height)&&o(),v=C,h=requestAnimationFrame(w)}return o(),()=>{var C;c.forEach(y=>{i&&y.removeEventListener("scroll",o),r&&y.removeEventListener("resize",o)}),p==null||p(),(C=f)==null||C.disconnect(),f=null,s&&cancelAnimationFrame(h)}}const ka=na,an=Zl,$a=oa,et=ea,sn=(e,n,o)=>{const l=new Map,i=U({platform:Ca},o),r=Z(U({},i.platform),{_c:l});return Jl(e,n,Z(U({},i),{platform:r}))};function Ba(e){return e!=null&&typeof e=="object"&&"$el"in e}function wt(e){if(Ba(e)){const n=e.$el;return it(n)&&pe(n)==="#comment"?null:n}return e}function rn(e){return typeof window=="undefined"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function kt(e,n){const o=rn(e);return Math.round(n*o)/o}function Sa(e,n,o){o===void 0&&(o={});const l=o.whileElementsMounted,i=t.computed(()=>{var I;return(I=t.unref(o.open))!=null?I:!0}),r=t.computed(()=>t.unref(o.middleware)),a=t.computed(()=>{var I;return(I=t.unref(o.placement))!=null?I:"bottom"}),d=t.computed(()=>{var I;return(I=t.unref(o.strategy))!=null?I:"absolute"}),s=t.computed(()=>{var I;return(I=t.unref(o.transform))!=null?I:!0}),u=t.computed(()=>wt(e.value)),c=t.computed(()=>wt(n.value)),p=t.ref(0),m=t.ref(0),f=t.ref(d.value),h=t.ref(a.value),v=t.shallowRef({}),w=t.ref(!1),C=t.computed(()=>{const I={position:f.value,left:"0",top:"0"};if(!c.value)return I;const S=kt(c.value,p.value),g=kt(c.value,m.value);return s.value?U(Z(U({},I),{transform:"translate("+S+"px, "+g+"px)"}),rn(c.value)>=1.5&&{willChange:"transform"}):{position:f.value,left:S+"px",top:g+"px"}});let y;function b(){u.value==null||c.value==null||sn(u.value,c.value,{middleware:r.value,placement:a.value,strategy:d.value}).then(I=>{p.value=I.x,m.value=I.y,f.value=I.strategy,h.value=I.placement,v.value=I.middlewareData,w.value=!0})}function E(){typeof y=="function"&&(y(),y=void 0)}function N(){if(E(),l===void 0){b();return}if(u.value!=null&&c.value!=null){y=l(u.value,c.value,b);return}}function D(){i.value||(w.value=!1)}return t.watch([r,a,d],b,{flush:"sync"}),t.watch([u,c],N,{flush:"sync"}),t.watch(i,D,{flush:"sync"}),t.getCurrentScope()&&t.onScopeDispose(E),{x:t.shallowReadonly(p),y:t.shallowReadonly(m),strategy:t.shallowReadonly(f),placement:t.shallowReadonly(h),middlewareData:t.shallowReadonly(v),isPositioned:t.shallowReadonly(w),floatingStyles:C,update:b}}function xa(e){return e&&"$el"in e?e.$el:e}const $t=16,Ia=128;function Te(e,n,o){var p;const l=()=>{var m;return(m=n.value)==null?void 0:m.isExpanded()},i=[Yt(o==null?void 0:o.offset),$a({padding:$t,apply({rects:m,elements:f,availableHeight:h,availableWidth:v}){Object.assign(f.floating.style,{width:"".concat(o!=null&&o.useAvailableWidth?v:m.reference.width,"px"),maxHeight:"".concat(Math.max(Ia,h),"px")})}}),an({padding:$t}),et({strategy:"escaped"}),et()],{floatingStyles:r,placement:a,middlewareData:d,update:s}=Sa(e,n,{middleware:i,placement:(p=o==null?void 0:o.placement)!=null?p:"bottom"}),u=t.computed(()=>{var f,h;return!l()||!!((f=d.value.hide)!=null&&f.escaped)||((h=d.value.hide)==null?void 0:h.referenceHidden)?"hidden":"visible"});t.watch([r,u,a],([m,f,h])=>{var v,w,C,y,b;Object.assign((w=(v=n.value)==null?void 0:v.$el.style)!=null?w:{},{visibility:f,position:m.position,top:"".concat(m.top,"px"),right:"unset",left:"".concat(m.left,"px"),transform:(C=m.transform)!=null?C:"none",borderTopLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderTopRightRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="top"&&f==="visible"?"0":"",borderBottomRightRadius:h==="top"&&f==="visible"?"0":""}),Object.assign((b=(y=xa(e.value))==null?void 0:y.style)!=null?b:{},{borderTopLeftRadius:h==="top"&&f==="visible"?"0":"",borderTopRightRadius:h==="top"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomRightRadius:h==="bottom"&&f==="visible"?"0":""})});let c=null;t.watch(l,m=>{var f;m?c=ln(e.value&&"$el"in e.value?e.value.$el:e,(f=n.value)==null?void 0:f.$el,s):c&&(c(),c=null)})}const Va=J(me),Ea=t.defineComponent({name:"CdxCombobox",components:{CdxButton:ce,CdxIcon:W,CdxMenu:Se,CdxTextInput:Qe},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:Va}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:l}){const i=t.ref(),r=t.ref(),a=t.ref(),d=j("combobox"),s=t.toRef(e,"selected"),u=se(s,n,"update:selected"),c=t.ref(!1),p=t.ref(!1),m=t.computed(()=>{var S,g;return(g=(S=a.value)==null?void 0:S.getHighlightedMenuItem())==null?void 0:g.id}),{computedDisabled:f,computedStatus:h}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),v=t.computed(()=>({"cdx-combobox--expanded":c.value,"cdx-combobox--disabled":f.value})),{rootClasses:w,rootStyle:C,otherAttrs:y}=ae(o,v);function b(S){p.value&&c.value?c.value=!1:(e.menuItems.length>0||l["no-results"])&&(c.value=!0),n("focus",S)}function E(S){c.value=p.value&&c.value,n("blur",S)}function N(){f.value||(p.value=!0)}function D(){var S;f.value||(S=i.value)==null||S.focus()}function I(S){!a.value||f.value||e.menuItems.length===0||S.key===" "||a.value.delegateKeyNavigation(S)}return Te(i,a),t.watch(c,()=>{p.value=!1}),{input:i,inputWrapper:r,menu:a,menuId:d,modelWrapper:u,expanded:c,highlightedId:m,computedDisabled:f,computedStatus:h,onInputFocus:b,onInputBlur:E,onKeydown:I,onButtonClick:D,onButtonMousedown:N,cdxIconExpand:xt,rootClasses:w,rootStyle:C,otherAttrs:y}}}),Na={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Aa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button"),u=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Na,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=c=>e.modelWrapper=c)},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:n[1]||(n[1]=c=>e.$emit("input",c)),onChange:n[2]||(n[2]=c=>e.$emit("change",c)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(s,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(u,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=c=>e.modelWrapper=c),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=c=>e.expanded=c),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=c=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:c})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:c})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Da=F(Ea,[["render",Aa]]);function dn(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(i=>{const r=i[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let l=!1;return t.onMounted(()=>{l=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{l=!1,o.disconnect()}),t.watch(e,i=>{l&&(o.disconnect(),n.value={width:void 0,height:void 0},i&&o.observe(i))}),n}const Ma=t.defineComponent({name:"CdxDialog",components:{CdxButton:ce,CdxIcon:W},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:n}){const o=j("dialog-label"),l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),s=t.ref();let u=null;const c=t.computed(()=>e.useCloseButton||e.closeButtonLabel.length>0),p=We(t.toRef(e,"closeButtonLabel"),"cdx-dialog-close-button-label","Close"),m=t.computed(()=>!e.hideTitle||c.value),f=t.computed(()=>!!e.primaryAction||!!e.defaultAction),h=dn(r),v=t.computed(()=>{var L;return(L=h.value.height)!=null?L:0}),w=t.ref(!1),C=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":w.value})),y=t.inject("CdxTeleportTarget",void 0),b=t.computed(()=>{var L,O;return(O=(L=e.target)!=null?L:y)!=null?O:"body"}),E=t.ref(0);function N(){n("update:open",!1)}function D(){S(i.value)}function I(){S(i.value,!0)}function S(L,O=!1){let Q=Array.from(L.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));O&&(Q=Q.reverse());for(const V of Q)if(V.focus(),document.activeElement===V)return!0;return!1}let g=[],$=[];function T(){let L=l.value;for(;L.parentElement&&L.nodeName!=="BODY";){for(const O of Array.from(L.parentElement.children))O===L||O.nodeName==="SCRIPT"||(O.hasAttribute("aria-hidden")||(O.setAttribute("aria-hidden","true"),g.push(O)),O.hasAttribute("inert")||(O.setAttribute("inert",""),$.push(O)));L=L.parentElement}}function M(){for(const L of g)L.removeAttribute("aria-hidden");for(const L of $)L.removeAttribute("inert");g=[],$=[]}function z(){return ee(this,null,function*(){var L;yield t.nextTick(),E.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(E.value,"px")),document.body.classList.add("cdx-dialog-open"),T(),u=document.activeElement,S(r.value)||(L=a.value)==null||L.focus()})}function _(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),M(),u instanceof HTMLElement&&document.contains(u)&&(u.focus(),u=null)}return t.onMounted(()=>{e.open&&z()}),t.onUnmounted(()=>{e.open&&_()}),t.watch(t.toRef(e,"open"),L=>{L?z():_()}),t.watch(v,()=>{r.value&&(w.value=r.value.clientHeight<r.value.scrollHeight)}),{close:N,cdxIconClose:tt,labelId:o,rootClasses:C,backdrop:l,dialogElement:i,focusTrapStart:d,focusTrapEnd:s,focusFirst:D,focusLast:I,dialogBody:r,focusHolder:a,showHeader:m,showFooterActions:f,useCloseButtonOrLabel:c,translatedCloseButtonLabel:p,computedTarget:b}}}),Ta=["aria-label","aria-labelledby"],La={key:0,class:"cdx-dialog__header__title-group"},Ra=["id"],Fa={key:0,class:"cdx-dialog__header__subtitle"},Oa={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},_a={key:0,class:"cdx-dialog__footer__text"},za={key:1,class:"cdx-dialog__footer__actions"};function Pa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Teleport,{to:e.computedTarget,disabled:e.renderInPlace},[t.createVNode(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...s)=>e.close&&e.close(...s)),onKeyup:n[6]||(n[6]=t.withKeys((...s)=>e.close&&e.close(...s),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...s)=>e.focusLast&&e.focusLast(...s))},null,544),t.createElementVNode("div",t.mergeProps({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:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",La,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,Ra),e.subtitle?(t.openBlock(),t.createElementBlock("p",Fa,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("v-if",!0)])),e.useCloseButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Oa,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["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"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",_a,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("v-if",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",za,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=s=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("v-if",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=s=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0)],16,Ta),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...s)=>e.focusFirst&&e.focusFirst(...s))},null,544)],544)):t.createCommentVNode("v-if",!0)]),_:3})],8,["to","disabled"])}const Ka=F(Ma,[["render",Pa]]),Ha={notice:_n,error:St,warning:Bt,success:Et},Ua=t.defineComponent({name:"CdxMessage",components:{CdxButton:ce,CdxIcon:W},props:{type:{type:String,default:"notice",validator:At},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:n}){const o=t.ref(!1),l=t.computed(()=>e.inline===!1&&(e.dismissButtonLabel.length>0||e.allowUserDismiss)),i=We(t.toRef(e,"dismissButtonLabel"),"cdx-message-dismiss-button-label","Close"),r=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),a=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),d=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Ha[e.type]),s=t.ref("");function u(c){o.value||(s.value=c==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(c))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>u("auto-dismissed"),r.value)}),{dismissed:o,userDismissable:l,translatedDismissButtonLabel:i,rootClasses:a,leaveActiveClass:s,computedIcon:d,onDismiss:u,cdxIconClose:tt}}}),qa=["aria-live","role"],ja={class:"cdx-message__content"};function Wa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",ja,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.translatedDismissButtonLabel,onClick:n[0]||(n[0]=s=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label"])):t.createCommentVNode("v-if",!0)],10,qa))]),_:3},8,["appear","leave-active-class"])}const un=F(Ua,[["render",Wa]]),Qa=J(me),Ga=t.defineComponent({name:"CdxField",components:{CdxLabel:Ne,CdxMessage:un},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:Qa},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:l,isFieldset:i}=t.toRefs(e),r=ot(o),a=t.computed(()=>({"cdx-field--disabled":r.value,"cdx-field--is-fieldset":i.value})),d=j("label"),s=j("description"),u=j("input"),c=t.computed(()=>i.value?void 0:u);t.provide(Tt,c);const p=t.computed(()=>!i.value&&n.description?s:void 0);t.provide(Ue,p),t.provide(Rt,r),t.provide(Lt,l);const m=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),f=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:d,descriptionId:s,inputId:u,validationMessage:m,validationMessageType:f}}}),Ya={class:"cdx-field__control"},Xa={class:"cdx-field__help-text"},Ja={key:0,class:"cdx-field__validation-message"};function Za(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label"),d=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",Ya,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Xa,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",Ja,[t.createVNode(d,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const es=F(Ga,[["render",Za]]),ts={error:St,warning:Bt,success:Et},ns=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:W},props:{status:{type:String,default:"notice",validator:At},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({["cdx-info-chip__icon--".concat(e.status)]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:ts[e.status]);return{iconClass:n,computedIcon:o}}}),os={class:"cdx-info-chip"},ls={class:"cdx-info-chip--text"};function as(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",os,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",ls,[t.renderSlot(e.$slots,"default")])])}const ss=F(ns,[["render",as]]),is=J(me),rs=t.defineComponent({name:"CdxLookup",components:{CdxMenu:Se,CdxTextInput:Qe},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:is}},emits:["update:selected","update:input-value","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:l})=>{const i=t.ref(),r=t.ref(),a=t.ref(),d=j("lookup-menu"),s=t.ref(!1),u=t.ref(!1),c=t.ref(!1),p=t.ref(e.menuItems),{computedDisabled:m,computedStatus:f}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),h=t.toRef(e,"selected"),v=se(h,n,"update:selected"),w=t.computed(()=>e.menuItems.find(M=>M.value===e.selected)),C=t.computed(()=>{var M,z;return(z=(M=a.value)==null?void 0:M.getHighlightedMenuItem())==null?void 0:z.id}),y=t.ref(e.initialInputValue),b=at(y,t.toRef(e,"inputValue"),n,"update:input-value"),E=t.computed(()=>({"cdx-lookup--disabled":m.value,"cdx-lookup--pending":s.value})),{rootClasses:N,rootStyle:D,otherAttrs:I}=ae(o,E);function S(M){w.value?w.value.label!==M&&w.value.value!==M&&(v.value=null):e.selected!==M&&(v.value=null),M===""&&p.value.length===0?(u.value=!1,s.value=!1):s.value=!0,n("input",M)}function g(M){c.value=!0;const z=b.value!==null&&b.value!=="";!!(e.menuItems.length>0||l["no-results"])&&(z||p.value.length>0)&&(u.value=!0),n("focus",M)}function $(M){c.value=!1,u.value=!1,n("blur",M)}function T(M){!a.value||m.value||e.menuItems.length===0&&!l["no-results"]||M.key===" "||a.value.delegateKeyNavigation(M)}return Te(r,a),t.watch(h,M=>{var z;if(M!==null){const _=w.value?(z=w.value.label)!=null?z:w.value.value:"";b.value!==_&&(b.value=_,n("input",b.value))}}),t.watch(t.toRef(e,"menuItems"),M=>{c.value&&s.value&&(M.length>0||l["no-results"])&&(u.value=!0),M.length===0&&!l["no-results"]&&(u.value=!1),s.value=!1}),{rootElement:i,textInput:r,menu:a,menuId:d,highlightedId:C,computedInputValue:b,modelWrapper:v,expanded:u,computedDisabled:m,computedStatus:f,onInputBlur:$,rootClasses:N,rootStyle:D,otherAttrs:I,onUpdateInput:S,onInputFocus:g,onKeydown:T}}});function ds(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.computedInputValue,"onUpdate:modelValue":n[0]||(n[0]=s=>e.computedInputValue=s)},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:n[1]||(n[1]=s=>e.$emit("change",s)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const us=F(rs,[["render",ds]]),cs=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){const i=_t(o.default,l,"CdxToggleButton"),r=t.ref(!1),a=t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":i.value,"cdx-toggle-button--is-active":r.value})),d=()=>{n("update:modelValue",!e.modelValue)},s=p=>{r.value=p};function u(){s(!0)}function c(){s(!1),d()}return{rootClasses:a,onClick:d,onKeyDown:u,onKeyUp:c}}}),ps=["aria-pressed","disabled"];function fs(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,ps)}const ct=F(cs,[["render",fs]]),ms=t.defineComponent({name:"CdxMenuButton",components:{CdxToggleButton:ct,CdxMenu:Se},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},menuConfig:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update:selected"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.toRef(e,"selected"),a=se(r,n,"update:selected"),d=t.ref(!1),s=j("menuToggle"),u=j("menu"),{computedDisabled:c}=le(t.toRef(e,"disabled")),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(o);function h(v){!l.value||c.value||e.menuItems.length===0||v.key===" "||l.value.delegateKeyNavigation(v)}return Te(i,l,{useAvailableWidth:!0,placement:"bottom-start",offset:4}),{computedDisabled:c,expanded:d,menu:l,menuId:u,modelWrapper:a,onKeydown:h,toggle:i,toggleId:s,rootClasses:p,rootStyle:m,otherAttrs:f}}}),hs={class:"cdx-menu-button__menu-wrapper"};function vs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-toggle-button"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu-button",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({id:e.toggleId,ref:"toggle"},e.otherAttrs,{modelValue:e.expanded,"onUpdate:modelValue":n[0]||(n[0]=s=>e.expanded=s),disabled:e.computedDisabled,quiet:"","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":e.expanded,onBlur:n[1]||(n[1]=s=>e.expanded=!1),onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["id","modelValue","disabled","aria-controls","aria-expanded","onKeydown"]),t.createElementVNode("div",hs,[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{role:"menu","aria-labelledby":e.toggleId}),null,16,["id","selected","expanded","menu-items","aria-labelledby"])])],6)}const gs=F(ms,[["render",vs]]),bs=t.defineComponent({name:"CdxRadio",components:{CdxLabel:Ne},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;lt((m=o.default)==null?void 0:m.call(o),l,"CdxRadio");const i=t.computed(()=>({"cdx-radio--inline":e.inline})),r=t.computed(()=>({"cdx-radio__custom-input--inline":e.inline})),{computedDisabled:a}=le(t.toRef(e,"disabled")),d=t.ref(),s=j("radio"),u=j("description"),c=()=>{d.value.focus()},p=se(t.toRef(e,"modelValue"),n);return{rootClasses:i,computedDisabled:a,input:d,radioId:s,descriptionId:u,focusInput:c,wrappedModel:p,customInputClasses:r}}}),ys={class:"cdx-radio__wrapper"},Cs=["id","aria-describedby","name","value","disabled"],ws=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function ks(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.createElementVNode("div",ys,[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),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,Cs),[[t.vModelRadio,e.wrappedModel]]),ws,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-radio__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const $s=F(bs,[["render",ks]]),Bs=J(me),Ss=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:ce,CdxTextInput:Qe},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:Bs}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const l=se(t.toRef(e,"modelValue"),n),{computedDisabled:i}=le(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:a,rootStyle:d,otherAttrs:s}=ae(o,r),u=We(t.toRef(e,"buttonLabel"),"cdx-search-input-search-button-label","Search"),c=t.computed(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:l,computedDisabled:i,rootClasses:a,rootStyle:d,otherAttrs:s,handleSubmit:()=>{n("submit-click",l.value)},searchIcon:Kn,translatedSearchButtonLabel:u,useButtonOrLabel:c}},methods:{focus(){this.$refs.textInput.focus()}}}),xs={class:"cdx-search-input__input-wrapper"};function Is(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",xs,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.useButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const cn=F(Ss,[["render",Is]]),Vs=J(me),Es=t.defineComponent({name:"CdxSelect",components:{CdxIcon:W,CdxMenu:Se},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:Vs}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.inject(Ue,void 0),a=j("select-menu"),d=t.ref(!1),s=o.id||j("select-handle"),{computedDisabled:u,computedStatus:c,computedInputId:p}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),s),m=se(t.toRef(e,"selected"),n,"update:selected"),f=t.computed(()=>e.menuItems.find(g=>g.value===e.selected)),h=t.computed(()=>{var g;return f.value?(g=f.value.label)!=null?g:f.value.value:e.defaultLabel}),v=t.computed(()=>{var g;if(e.defaultIcon&&!f.value)return e.defaultIcon;if((g=f.value)!=null&&g.icon)return f.value.icon}),w=t.computed(()=>({"cdx-select-vue--enabled":!u.value,"cdx-select-vue--disabled":u.value,"cdx-select-vue--expanded":d.value,"cdx-select-vue--value-selected":!!f.value,"cdx-select-vue--no-selections":!f.value,"cdx-select-vue--has-start-icon":!!v.value,["cdx-select-vue--status-".concat(c.value)]:!0})),{rootClasses:C,rootStyle:y,otherAttrs:b}=ae(o,w),E=t.computed(()=>{const T=b.value,{id:g}=T;return re(T,["id"])}),N=t.computed(()=>{var g,$;return($=(g=i.value)==null?void 0:g.getHighlightedMenuItem())==null?void 0:$.id});function D(){d.value=!1}function I(){var g;u.value||(d.value=!d.value,(g=l.value)==null||g.focus())}function S(g){var $;u.value||($=i.value)==null||$.delegateKeyNavigation(g,{characterNavigation:!0})}return Te(l,i),{handle:l,menu:i,computedHandleId:p,descriptionId:r,menuId:a,modelWrapper:m,selectedMenuItem:f,highlightedId:N,expanded:d,computedDisabled:u,onBlur:D,currentLabel:h,rootClasses:C,rootStyle:y,otherAttrsMinusId:E,onClick:I,onKeydown:S,startIcon:v,cdxIconExpand:xt}}}),Ns=["aria-disabled"],As=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function Ds(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...s)=>e.onClick&&e.onClick(...s)),onBlur:n[1]||(n[1]=(...s)=>e.onBlur&&e.onBlur(...s)),onKeydown:n[2]||(n[2]=(...s)=>e.onKeydown&&e.onKeydown(...s))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,As),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),_:3},16,["id","selected","expanded","menu-items"])],14,Ns)}const pn=F(Es,[["render",Ds]]),Ms=t.defineComponent({name:"CdxTablePager",components:{CdxButton:ce,CdxIcon:W,CdxSelect:pn},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(e,{emit:n}){const o=se(t.toRef(e,"itemsPerPage"),n,"update:itemsPerPage"),l=q("cdx-table-pager-items-per-page-default","Results per page"),i=q("cdx-table-pager-items-per-page-current",u=>"".concat(u," rows"),[o]),r=q("cdx-table-pager-button-first-page","First page"),a=q("cdx-table-pager-button-next-page","Next page"),d=q("cdx-table-pager-button-prev-page","Previous page"),s=q("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:l,currentItemsPerPageLabel:i,btnLabelFirst:r,btnLabelNext:a,btnLabelPrev:d,btnLabelLast:s,wrappedItemsPerPage:o,cdxIconPrevious:Vt,cdxIconNext:It,cdxIconMoveFirst:zn,cdxIconMoveLast:Pn}}}),Ts={class:"cdx-table-pager"},Ls={class:"cdx-table-pager__start"},Rs={key:0},Fs={key:1},Os={class:"cdx-table-pager__center"},_s={class:"cdx-table-pager__end"};function zs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-select"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Ts,[t.createElementVNode("div",Ls,[t.createVNode(a,{selected:e.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=u=>e.wrappedItemsPerPage=u),"default-label":e.defaultItemsPerPageLabel,"menu-items":e.paginationSizeOptions},{label:t.withCtx(({selectedMenuItem:u,defaultLabel:c})=>[u?(t.openBlock(),t.createElementBlock("span",Rs,[t.createElementVNode("span",null,t.toDisplayString(e.currentItemsPerPageLabel),1)])):(t.openBlock(),t.createElementBlock("span",Fs,t.toDisplayString(c),1))]),_:1},8,["selected","default-label","menu-items"])]),t.createElementVNode("div",Os,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",_s,[t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":e.btnLabelFirst,onClick:n[1]||(n[1]=u=>e.$emit("first"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":e.btnLabelPrev,onClick:n[2]||(n[2]=u=>e.$emit("prev"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":e.btnLabelNext,onClick:n[3]||(n[3]=u=>e.$emit("next"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled||e.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":e.btnLabelLast,onClick:n[4]||(n[4]=u=>e.$emit("last"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const Ps=F(Ms,[["render",zs]]),Ks=J(Zn),Hs=J(oo),Us={none:Hn,asc:Un,desc:Fn},qs={none:"none",asc:"ascending",desc:"descending"},js=t.defineComponent({name:"CdxTable",components:{CdxCheckbox:Kt,CdxIcon:W,CdxTablePager:Ps,CdxProgressBar:st},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:e=>{const n=e.map(l=>l.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(e,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||e.length===0)return!0;const o=n.columns.some(i=>"allowSort"in i),l=e.every(i=>_e in i);return o&&n.useRowSelection&&!l?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:Hs},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:e=>{const n=o=>typeof o.value=="number";return e.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:e=>e.paginate&&e.serverPagination?e.data.length:e.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(e,{emit:n}){const o=t.ref(0),l=t.ref(e.paginationSizeDefault),i=t.computed(()=>e.serverPagination&&e.paginate?e.data:e.paginate?e.data.slice(o.value,l.value+o.value):e.data),r=t.computed(()=>{var B;return e.serverPagination?(B=e.totalRows)!=null?B:NaN:e.data.length}),a=t.computed(()=>isNaN(r.value)),d=t.computed(()=>i.value.length),s=t.computed(()=>o.value+1),u=t.computed(()=>o.value+d.value),c=t.computed(()=>a.value),p=t.computed(()=>o.value<=0),m=t.computed(()=>a.value?d.value<l.value:o.value+l.value>=r.value),f=q("cdx-table-pagination-status-message-determinate-short",(B,A,K)=>"".concat(B,"–").concat(A," of ").concat(K),[s,u,r]),h=q("cdx-table-pagination-status-message-determinate-long",(B,A,K)=>"Showing results ".concat(B,"–").concat(A," of ").concat(K),[s,u,r]),v=q("cdx-table-pagination-status-message-indeterminate-short",(B,A)=>"".concat(B,"–").concat(A," of many"),[s,u]),w=q("cdx-table-pagination-status-message-indeterminate-long",(B,A)=>"Showing results ".concat(B,"–").concat(A," of many"),[s,u]),C=q("cdx-table-pagination-status-message-indeterminate-final",B=>"Showing the last ".concat(B," results"),[d]),y=q("cdx-table-pagination-status-message-pending","Loading results..."),b=t.computed(()=>e.pending?y.value:a.value&&m.value?C.value:a.value?v.value:f.value),E=t.computed(()=>e.pending?y.value:a.value&&m.value?C.value:a.value?w.value:h.value);function N(){o.value+=l.value,e.serverPagination&&n("load-more",o.value,l.value)}function D(){o.value-l.value<1?I():(o.value-=l.value,e.serverPagination&&n("load-more",o.value,l.value))}function I(){o.value=0,e.serverPagination&&n("load-more",o.value,l.value)}function S(){r.value%l.value===0?(o.value=r.value-l.value,n("load-more",o.value,l.value)):(o.value=Math.floor(r.value/l.value)*l.value,n("load-more",o.value,l.value))}t.watch(l,B=>{e.serverPagination&&n("load-more",o.value,B)});const g=se(t.toRef(e,"selectedRows"),n,"update:selectedRows"),$=t.ref(r.value===g.value.length),T=t.ref(!1),M=t.computed(()=>Object.keys(e.sort)[0]),z=t.computed(()=>e.columns.some(B=>B.allowSort)),_=t.computed(()=>{var A;return{"cdx-table__table--layout-fixed":(A=e.columns)==null?void 0:A.some(K=>"width"in K||"minWidth"in K),"cdx-table__table--borders-vertical":e.showVerticalBorders}}),L=q("cdx-table-sort-caption",B=>"".concat(B,", column headers with buttons are sortable."),[t.toRef(e,"caption")]),O=(B,A)=>q("cdx-table-select-row-label",(K,be)=>"Select row ".concat(K," of ").concat(be),[()=>B,()=>A]).value,Q=q("cdx-table-select-all-label","Select all rows");function V(B,A){return _e in B?B[_e]:A}function P(B,A){const K=V(B,A);return{"cdx-table__row--selected":g.value.indexOf(K)!==-1}}function Y(B){const A=e.columns[0].id;if(e.useRowHeaders===!0&&B===A)return"row"}function x(B){const A=e.columns[0].id;return e.useRowHeaders&&B===A?"th":"td"}function H(B,A=!1){if("textAlign"in B&&!Ks(B.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(B.textAlign)]:"textAlign"in B&&B.textAlign!=="start","cdx-table__table__cell--has-sort":A}}function te(B){const A={};return"width"in B&&(A.width=B.width),"minWidth"in B&&(A.minWidth=B.minWidth),A}function Ce(B){if(r.value===B.length){$.value=!0,T.value=!1;return}$.value=!1,r.value>B.length&&(T.value=!0),B.length===0&&(T.value=!1)}function k(B){T.value=!1,B?g.value=e.data.map((A,K)=>V(A,K)):g.value=[]}function R(B){var be;const A=(be=e.sort[B])!=null?be:"none";let K="asc";A==="asc"&&(K="desc"),A==="desc"&&(K="none"),n("update:sort",{[B]:K})}function X(B){var K;const A=(K=e.sort[B])!=null?K:"none";return Us[A]}function G(B,A=!1){var K;if(A){const be=(K=e.sort[B])!=null?K:"none";return be==="none"?void 0:qs[be]}}return{dataForDisplay:i,pageSize:l,onNext:N,onPrev:D,onFirst:I,onLast:S,nextDisabled:m,prevDisabled:p,lastDisabled:c,paginationStatusMessageShort:b,paginationStatusMessageLong:E,wrappedSelectedRows:g,selectAll:$,selectAllIndeterminate:T,activeSortColumn:M,hasSortableColumns:z,tableClasses:_,getRowKey:V,getRowClass:P,getRowHeaderScope:Y,getCellElement:x,getCellClass:H,getCellStyle:te,handleRowSelection:Ce,handleSelectAll:k,handleSort:R,getSortIcon:X,getSortOrder:G,translatedSortCaption:L,translatedSelectRowLabel:O,translatedSelectAllLabel:Q}}}),Ws={class:"cdx-table",tabindex:"0"},Qs={key:0,class:"cdx-table__header"},Gs=["aria-hidden"],Ys={class:"cdx-table__header__content"},Xs={class:"cdx-table__pagination-status--long"},Js={class:"cdx-table__pagination-status--short"},Zs={class:"cdx-table__table-wrapper"},ei={key:0},ti={key:0,class:"cdx-table__table__select-rows"},ni=["aria-sort"],oi=["aria-selected","onClick"],li={class:"cdx-table__table__sort-label"},ai={key:0},si={key:0},ii={key:1},ri={class:"cdx-table__table__empty-state"},di={class:"cdx-table__table__empty-state-content"},ui={class:"cdx-table__pagination-status--long"},ci={class:"cdx-table__pagination-status--short"},pi={key:3,class:"cdx-table__footer"};function fi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-table-pager"),d=t.resolveComponent("cdx-checkbox"),s=t.resolveComponent("cdx-icon"),u=t.resolveComponent("cdx-progress-bar");return t.openBlock(),t.createElementBlock("div",Ws,[!e.hideCaption||e.$slots.header&&e.$slots.header().length>0?(t.openBlock(),t.createElementBlock("div",Qs,[t.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":e.$slots.header&&e.$slots.header().length>0?void 0:!0},[e.hideCaption?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))],8,Gs),t.createElementVNode("div",Ys,[t.renderSlot(e.$slots,"header")])])):t.createCommentVNode("v-if",!0),e.paginate&&(e.paginationPosition==="top"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:1,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=c=>e.pageSize=c),class:"cdx-table__pagination--top","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",Xs,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",Js,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Zs,[t.createElementVNode("table",{class:t.normalizeClass(["cdx-table__table",e.tableClasses])},[t.createElementVNode("caption",null,[e.hasSortableColumns?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.translatedSortCaption),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))]),t.renderSlot(e.$slots,"thead",{},()=>[e.columns.length>0?(t.openBlock(),t.createElementBlock("thead",ei,[t.createElementVNode("tr",null,[e.useRowSelection?(t.openBlock(),t.createElementBlock("th",ti,[t.createVNode(d,{modelValue:e.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=c=>e.selectAll=c),e.handleSelectAll],"hide-label":!0,indeterminate:e.selectAllIndeterminate},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,c=>(t.openBlock(),t.createElementBlock("th",{key:c.id,scope:"col",class:t.normalizeClass(e.getCellClass(c,c.allowSort)),"aria-sort":e.getSortOrder(c.id,c.allowSort),style:t.normalizeStyle(e.getCellStyle(c))},[c.allowSort?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-selected":c.id===e.activeSortColumn,class:"cdx-table__table__sort-button",onClick:p=>e.handleSort(c.id)},[t.createElementVNode("span",li,t.toDisplayString(c.label),1),t.createVNode(s,{icon:e.getSortIcon(c.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,oi)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(c.label),1)],64))],14,ni))),128))])])):t.createCommentVNode("v-if",!0)]),e.pending?(t.openBlock(),t.createBlock(u,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"tbody",{},()=>[e.dataForDisplay.length>0?(t.openBlock(),t.createElementBlock("tbody",ai,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.dataForDisplay,(c,p)=>(t.openBlock(),t.createElementBlock("tr",{key:e.getRowKey(c,p),class:t.normalizeClass(e.getRowClass(c,p))},[e.useRowSelection?(t.openBlock(),t.createElementBlock("td",si,[t.createVNode(d,{modelValue:e.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=m=>e.wrappedSelectedRows=m),e.handleRowSelection],"input-value":e.getRowKey(c,p),"hide-label":!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectRowLabel(p+1,e.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,m=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.getCellElement(m.id)),{key:m.id,scope:e.getRowHeaderScope(m.id),class:t.normalizeClass(e.getCellClass(m))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"item-"+m.id,{item:c[m.id],row:c},()=>[t.createTextVNode(t.toDisplayString(c[m.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):e.$slots["empty-state"]&&e.$slots["empty-state"]().length>0?(t.openBlock(),t.createElementBlock("tbody",ii,[t.createElementVNode("tr",ri,[t.createElementVNode("td",di,[t.renderSlot(e.$slots,"empty-state")])])])):t.createCommentVNode("v-if",!0)]),t.renderSlot(e.$slots,"tfoot")],2)]),e.paginate&&(e.paginationPosition==="bottom"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:2,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=c=>e.pageSize=c),class:"cdx-table__pagination--bottom","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",ui,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",ci,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),e.$slots.footer&&e.$slots.footer().length>0?(t.openBlock(),t.createElementBlock("div",pi,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])}const mi=F(js,[["render",fi]]),hi=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){var r;const n=t.inject(Dt),o=t.inject(Mt);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const l=(r=n.value.get(e.name))!=null?r:{},i=t.computed(()=>e.name===o.value);return{tab:l,isActive:i}}}),vi=["id","aria-hidden","aria-labelledby"];function gi(e,n,o,l,i,r){return t.withDirectives((t.openBlock(),t.createElementBlock("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"},[t.renderSlot(e.$slots,"default")],8,vi)),[[t.vShow,e.isActive]])}const fn=F(hi,[["render",gi]]),bi=t.defineComponent({name:"CdxTabs",components:{CdxButton:ce,CdxIcon:W},props:{active:{type:String,default:null},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=Ee(l),s=t.computed(()=>{const g=qe(n.default);if(!g.every($=>typeof $=="object"&&Ot($,fn.name)))throw new Error("Slot content may only contain CdxTab components");if(g.length===0)throw new Error("Slot content cannot be empty");return g}),u=t.computed(()=>s.value.reduce((g,$)=>{var T;if((T=$.props)!=null&&T.name&&typeof $.props.name=="string"){if(g.get($.props.name))throw new Error("Tab names must be unique");g.set($.props.name,{name:$.props.name,id:j($.props.name),label:$.props.label||$.props.name,disabled:$.props.disabled})}return g},new Map)),c=t.ref(Array.from(u.value.keys())[0]),p=at(c,t.toRef(e,"active"),o,"update:active"),m=t.computed(()=>Array.from(u.value.keys())),f=t.computed(()=>m.value.indexOf(p.value)),h=t.computed(()=>{var g;return(g=u.value.get(p.value))==null?void 0:g.id});t.provide(Mt,p),t.provide(Dt,u);const v=t.ref(new Map),w=t.ref(),C=t.ref(),y=ze(w,{threshold:.95}),b=ze(C,{threshold:.95});function E(g,$){const T=g;T&&(v.value.set($,T),$===0?w.value=T:$===m.value.length-1&&(C.value=T))}const N=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function D(){var g;(g=v.value.get(f.value))==null||g.focus()}function I(g){if(!i.value||!r.value||!a.value)return 0;const $=d.value==="rtl"?a.value:r.value,T=d.value==="rtl"?r.value:a.value,M=g.offsetLeft,z=M+g.clientWidth,_=i.value.scrollLeft+$.clientWidth,L=i.value.scrollLeft+i.value.clientWidth-T.clientWidth;return M<_?M-_:z>L?z-L:0}function S(g){if(!i.value||!r.value||!a.value)return;const $=g==="next"&&d.value==="ltr"||g==="prev"&&d.value==="rtl"?1:-1;let T=0,M=g==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;M;){const z=g==="next"?M.nextElementSibling:M.previousElementSibling;if(T=I(M),Math.sign(T)===$){z&&Math.abs(T)<.25*i.value.clientWidth&&(T=I(z));break}M=z}i.value.scrollBy({left:T,behavior:"smooth"}),D()}return t.watch(p,()=>{if(h.value===void 0||!i.value||!r.value||!a.value)return;const g=document.getElementById("".concat(h.value,"-label"));g&&i.value.scrollBy({left:I(g),behavior:"smooth"})}),{activeTab:p,activeTabIndex:f,activeTabId:h,currentDirection:d,rootElement:l,tabListElement:i,prevScroller:r,nextScroller:a,rootClasses:N,tabNames:m,tabsData:u,firstLabelVisible:y,lastLabelVisible:b,assignTemplateRefForTabButton:E,scrollTabs:S,focusActiveTab:D,cdxIconPrevious:Vt,cdxIconNext:It}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&t.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(e,n,o){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n,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())}}}),yi={class:"cdx-tabs__header"},Ci={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},wi={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},ki=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],$i={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Bi={class:"cdx-tabs__content"};function Si(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",yi,[t.withDirectives(t.createElementVNode("div",Ci,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=s=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",wi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(s,u)=>(t.openBlock(),t.createElementBlock("button",{id:"".concat(s.id,"-label"),key:u,ref_for:!0,ref:c=>e.assignTemplateRefForTabButton(c,u),disabled:s.disabled?!0:void 0,"aria-controls":s.id,"aria-selected":s.name===e.activeTab,tabindex:s.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(c=>e.select(s.name),["prevent"]),onKeyup:t.withKeys(c=>e.select(s.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...c)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...c),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...c)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...c),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...c)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...c),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(s.label),1)],40,ki))),128))],512),t.withDirectives(t.createElementVNode("div",$i,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=s=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",Bi,[t.renderSlot(e.$slots,"default")])],2)}const xi=F(bi,[["render",Si]]),Ii=J(me),Vi=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:W},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:Ii},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const l=se(t.toRef(e,"modelValue"),o),i=n.id,{computedDisabled:r,computedStatus:a,computedInputId:d}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),i),s=t.inject(Ue,void 0),u=t.computed(()=>({"cdx-text-area__textarea--has-value":!!l.value,"cdx-text-area__textarea--is-autosize":e.autosize})),c=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(n,c),h=t.computed(()=>{const b=f.value,{id:C}=b;return re(b,["id"])}),v=t.ref();function w(){v.value&&e.autosize&&(v.value.style.height="auto",v.value.style.height="".concat(v.value.scrollHeight,"px"))}return{rootClasses:p,rootStyle:m,wrappedModel:l,computedDisabled:r,computedInputId:d,descriptionId:s,textareaClasses:u,otherAttrsMinusId:h,textarea:v,onInput:w}}}),Ei=["id","aria-describedby","disabled"];function Ni(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d))}),null,16,Ei),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const Ai=F(Vi,[["render",Ni]]),Di=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:W,CdxToggleButton:ct},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a}=Pt(t.toRef(e,"buttons"));function d(u){return Array.isArray(e.modelValue)?e.modelValue.indexOf(u.value)!==-1:e.modelValue!==null?e.modelValue===u.value:!1}function s(u,c){if(Array.isArray(e.modelValue)){const p=e.modelValue.indexOf(u.value)!==-1;c&&!p?n("update:modelValue",e.modelValue.concat(u.value)):!c&&p&&n("update:modelValue",e.modelValue.filter(m=>m!==u.value))}else c&&e.modelValue!==u.value&&n("update:modelValue",u.value)}return{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a,getButtonLabel:zt,isSelected:d,onUpdate:s}}}),Mi={ref:"rootElement",class:"cdx-toggle-button-group"};function Ti(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Mi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,u)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:c=>e.assignTemplateRef(c,u),"model-value":e.isSelected(s),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,"onUpdate:modelValue":c=>e.onUpdate(s,c),onFocus:c=>e.onFocus(u),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s,selected:e.isSelected(s)},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue","onFocus","onBlur","onKeydown"]))),128))],512)}const Li=F(Di,[["render",Ti]]),Ri=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:Ne},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var h;lt((h=o.default)==null?void 0:h.call(o),l,"CdxToggleSwitch");const i=t.ref(),r=j("toggle-switch"),a=j("description"),d=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:s,rootStyle:u,otherAttrs:c}=ae(l,d),{computedDisabled:p}=le(t.toRef(e,"disabled")),m=se(t.toRef(e,"modelValue"),n);return{input:i,inputId:r,descriptionId:a,rootClasses:s,rootStyle:u,otherAttrs:c,computedDisabled:p,wrappedModel:m,clickInput:()=>{i.value.click()}}}}),Fi=["id","aria-describedby","value","disabled"],Oi=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function _i(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...d)=>e.clickInput&&e.clickInput(...d),["prevent"]),["enter"]))}),null,16,Fi),[[t.vModelCheckbox,e.wrappedModel]]),Oi,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("v-if",!0)],6)}const zi=F(Ri,[["render",_i]]);class Pi{constructor(n,o){de(this,"referenceElement");de(this,"tooltipElement");de(this,"textContent");de(this,"placement");de(this,"autoUpdateCleanup");de(this,"referenceElementHandlers");de(this,"tooltipElementHandlers");de(this,"escapeHandler");de(this,"timeoutId");var r,a;const l=n.ownerDocument,i=j("tooltip");this.referenceElement=n,this.textContent=o.textContent,this.placement=(r=o.placement)!=null?r:"bottom",this.timeoutId=null,this.tooltipElement=l.createElement("div"),this.tooltipElement.classList.add("cdx-tooltip"),this.tooltipElement.role="tooltip",this.tooltipElement.id=i,this.referenceElement.setAttribute("aria-describedby",i),this.tooltipElement.textContent=this.textContent,(a=this.referenceElement.parentElement)==null||a.appendChild(this.tooltipElement),this.referenceElementHandlers={},this.referenceElementHandlers.mouseenter=this.show.bind(this),this.referenceElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.referenceElementHandlers.focus=this.show.bind(this),this.referenceElementHandlers.blur=this.hide.bind(this),this.tooltipElementHandlers={},this.tooltipElementHandlers.mouseenter=this.show.bind(this),this.tooltipElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.escapeHandler=this.onKeyup.bind(this),this.addEventListeners(),this.autoUpdateCleanup=ln(this.referenceElement,this.tooltipElement,()=>this.update())}isVisible(){return this.tooltipElement.style.display==="block"}show(){this.timeoutId&&clearTimeout(this.timeoutId),this.tooltipElement.style.display="block",this.tooltipElement.ownerDocument.addEventListener("keyup",this.escapeHandler)}hide(){this.tooltipElement.style.display="none",this.tooltipElement.ownerDocument.removeEventListener("keyup",this.escapeHandler)}hideAfterDelay(){this.timeoutId=setTimeout(this.hide.bind(this),250)}onKeyup(n){n.key==="Escape"&&this.isVisible()&&this.hide()}addEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.addEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.addEventListener(n,this.tooltipElementHandlers[n])})}removeEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.removeEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.removeEventListener(n,this.tooltipElementHandlers[n])})}update(){sn(this.referenceElement,this.tooltipElement,{placement:this.placement,middleware:[Yt(4),an(),ka(),et()]}).then(({x:n,y:o,middlewareData:l})=>{var a,d,s;const i=(d=(a=l.offset)==null?void 0:a.placement)!=null?d:this.placement,r={left:"right","left-start":"right","left-end":"right",top:"bottom","top-start":"bottom","top-end":"bottom",bottom:"top","bottom-start":"top","bottom-end":"top",right:"left","right-start":"left","right-end":"left"};Object.assign(this.tooltipElement.style,{left:"".concat(n,"px"),top:"".concat(o,"px"),visibility:(s=l.hide)!=null&&s.referenceHidden?"hidden":"visible",transformOrigin:r[i]})})}remove(){this.tooltipElement.remove(),this.autoUpdateCleanup(),this.removeEventListeners()}}const Ki={mounted(e,{value:n,arg:o}){e.tooltip=new Pi(e,{textContent:String(n),placement:o})},beforeUnmount(e){e.tooltip&&e.tooltip.remove()}},Hi=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:W,CdxMenu:Se,CdxSearchInput:cn},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}},emits:["input","search-result-click","submit","load-more"],setup(e,{attrs:n,emit:o,slots:l}){const i=t.ref(),r=t.ref(),a=j("typeahead-search-menu"),d=q("cdx-typeahead-search-search-results-label","Search results"),s=t.ref(!1),u=t.ref(!1),c=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),h=t.computed(()=>{var x,H;return(H=(x=r.value)==null?void 0:x.getHighlightedMenuItem())==null?void 0:H.id}),v=t.ref(null),w=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),C=t.computed(()=>e.searchResults.find(x=>x.value===v.value)),y=t.computed(()=>e.searchFooterUrl?{value:we,url:e.searchFooterUrl}:void 0),b=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:E,rootStyle:N,otherAttrs:D}=ae(n,b);function I(x){return x}const S=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let g,$;function T(x,H=!1){C.value&&C.value.label!==x&&C.value.value!==x&&(v.value=null),$!==void 0&&(clearTimeout($),$=void 0),x===""?s.value=!1:(u.value=!0,l["search-results-pending"]&&($=setTimeout(()=>{p.value&&(s.value=!0),c.value=!0},to))),g!==void 0&&(clearTimeout(g),g=void 0);const te=()=>{o("input",x)};H?te():g=setTimeout(()=>{te()},e.debounceInterval)}function M(x){var H;if(x===we){v.value=null,m.value=f.value;return}v.value=x,x!==null&&(m.value=C.value?(H=C.value.label)!=null?H:String(C.value.value):"")}function z(){p.value=!0,(f.value||c.value)&&(s.value=!0)}function _(){p.value=!1,s.value=!1}function L(x){const Ce=x,{id:H}=Ce,te=re(Ce,["id"]);if(te.value===we){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}O(te)}function O(x){const H={searchResult:x,index:e.searchResults.findIndex(te=>te.value===x.value),numberOfResults:e.searchResults.length};o("search-result-click",H)}function Q(x){var H;if(x.value===we){m.value=f.value;return}m.value=x.value?(H=x.label)!=null?H:String(x.value):""}function V(x){var H;s.value=!1,(H=r.value)==null||H.clearActive(),L(x)}function P(x){if(C.value)O(C.value),x.stopPropagation(),window.location.assign(C.value.url),x.preventDefault();else{const H={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",H)}}function Y(x){if(!r.value||!f.value||x.key===" ")return;const H=r.value.getHighlightedMenuItem(),te=r.value.getHighlightedViaKeyboard();switch(x.key){case"Enter":H&&(H.value===we&&te?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(x,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:r.value.delegateKeyNavigation(x);break}}return t.onMounted(()=>{e.initialInputValue&&T(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&u.value&&f.value.length>0&&(s.value=!0),$!==void 0&&(clearTimeout($),$=void 0),u.value=!1,c.value=!1}),{form:i,menu:r,menuId:a,highlightedId:h,selection:v,menuMessageClass:w,footer:y,asSearchResult:I,inputValue:m,searchQuery:f,expanded:s,showPending:c,rootClasses:E,rootStyle:N,otherAttrs:D,menuConfig:S,onUpdateInputValue:T,onUpdateMenuSelection:M,onFocus:z,onBlur:_,onSearchResultClick:L,onSearchResultKeyboardNavigation:Q,onSearchFooterClick:V,onSubmit:P,onKeydown:Y,MenuFooterValue:we,articleIcon:Ln,translatedSearchResultsLabel:d}},methods:{focus(){this.$refs.searchInput.focus()}}}),Ui=["id","action"],qi={class:"cdx-typeahead-search__menu-message__text"},ji={class:"cdx-typeahead-search__menu-message__text"},Wi=["href","onClickCapture"],Qi={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Gi={class:"cdx-typeahead-search__search-footer__query"};function Yi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...u)=>e.onSubmit&&e.onSubmit(...u))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=u=>e.inputValue=u),"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:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=u=>e.expanded=u),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:n[1]||(n[1]=u=>e.onSearchResultClick(e.asSearchResult(u))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=u=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",qi,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",ji,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:u,active:c})=>[u.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":c}]),href:e.asSearchResult(u).url,onClickCapture:t.withModifiers(p=>e.onSearchFooterClick(e.asSearchResult(u)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Qi,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Gi,t.toDisplayString(e.searchQuery),1)])])],42,Wi)):t.createCommentVNode("v-if",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","use-button","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Ui)],6)}const Xi=F(Hi,[["render",Yi]]);exports.CdxAccordion=ko;exports.CdxButton=ce;exports.CdxButtonGroup=xo;exports.CdxCard=Fo;exports.CdxCheckbox=Kt;exports.CdxChipInput=fl;exports.CdxCombobox=Da;exports.CdxDialog=Ka;exports.CdxField=es;exports.CdxIcon=W;exports.CdxInfoChip=ss;exports.CdxLabel=Ne;exports.CdxLookup=us;exports.CdxMenu=Se;exports.CdxMenuButton=gs;exports.CdxMenuItem=jt;exports.CdxMessage=un;exports.CdxProgressBar=st;exports.CdxRadio=$s;exports.CdxSearchInput=cn;exports.CdxSearchResultTitle=qt;exports.CdxSelect=pn;exports.CdxTab=fn;exports.CdxTable=mi;exports.CdxTabs=xi;exports.CdxTextArea=Ai;exports.CdxTextInput=Qe;exports.CdxThumbnail=nt;exports.CdxToggleButton=ct;exports.CdxToggleButtonGroup=Li;exports.CdxToggleSwitch=zi;exports.CdxTooltip=Ki;exports.CdxTypeaheadSearch=Xi;exports.TableRowIdentifier=_e;exports.stringHelpers=hl;exports.useComputedDirection=Ee;exports.useComputedDisabled=ot;exports.useComputedLanguage=Nt;exports.useFieldData=le;exports.useFloatingMenu=Te;exports.useGeneratedId=j;exports.useI18n=q;exports.useIntersectionObserver=ze;exports.useModelWrapper=se;exports.useResizeObserver=dn;exports.useSlotContents=qe;exports.useSplitAttributes=ae;exports.useWarnOnce=je; diff --git a/resources/lib/codex/codex.js b/resources/lib/codex/codex.js index ad9e316c19f5..7d44616bd111 100644 --- a/resources/lib/codex/codex.js +++ b/resources/lib/codex/codex.js @@ -1169,7 +1169,7 @@ const _hoisted_3$c = { class: "cdx-label__label__optional-flag" }; const _hoisted_4$7 = ["id"]; -const _hoisted_5$6 = { class: "cdx-label__label" }; +const _hoisted_5$7 = { class: "cdx-label__label" }; const _hoisted_6$6 = { class: "cdx-label__label__text" }; const _hoisted_7$2 = { key: 1, @@ -1227,7 +1227,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) { style: _ctx.rootStyle }, _ctx.otherAttrs), [ - createElementVNode("span", _hoisted_5$6, [ + createElementVNode("span", _hoisted_5$7, [ _ctx.icon ? (openBlock(), createBlock(_component_cdx_icon, { key: 0, icon: _ctx.icon, @@ -1623,6 +1623,21 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) { ], 42, _hoisted_1$o); } const CdxInputChip = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]); +function useOptionalModelWrapper(internalValueRef, modelValueRef, emit, eventName) { + return computed({ + get: () => { + var _a; + return (_a = modelValueRef.value) != null ? _a : internalValueRef.value; + }, + set: (value) => { + if (modelValueRef.value !== null) { + emit(eventName || "update:modelValue", value); + } else { + internalValueRef.value = value; + } + } + }); +} const statusValidator$7 = makeStringTypeValidator(ValidationStatusTypes); const _sfc_main$o = defineComponent({ name: "CdxChipInput", @@ -1644,6 +1659,16 @@ const _sfc_main$o = defineComponent({ required: true }, /** + * Current value of the text input. This prop is optional and should only be used if you + * need to keep track of the text input value for some reason (e.g. for validation). + * + * Optionally provided by `v-model:input-value` binding in the parent component. + */ + inputValue: { + type: String, + default: null + }, + /** * Whether the text input should appear below the set of input chips. * * By default, the input chips are inline with the input. @@ -1661,6 +1686,15 @@ const _sfc_main$o = defineComponent({ validator: statusValidator$7 }, /** + * Validation function for chip text. If it returns false, the chip will not be added and + * the error status will be set. + */ + chipValidator: { + type: Function, + // eslint-disable-next-line @typescript-eslint/no-unused-vars + default: (value) => true + }, + /** * Whether the input is disabled. */ disabled: { @@ -1674,13 +1708,26 @@ const _sfc_main$o = defineComponent({ * * @property {ChipInputItem[]} inputChips The new set of inputChips */ - "update:input-chips" + "update:input-chips", + /** + * When the input value changes. Only emitted if the inputValue prop is provided. + * + * @property {string | number} inputValue The new input value + */ + "update:input-value" ], setup(props, { emit, attrs }) { const rootElement = ref(); + const statusMessageContent = ref(""); const computedDirection = useComputedDirection(rootElement); const input = ref(); - const inputValue = ref(""); + const internalInputValue = ref(""); + const computedInputValue = useOptionalModelWrapper( + internalInputValue, + toRef(props, "inputValue"), + emit, + "update:input-value" + ); const validatedStatus = ref("default"); const internalStatus = computed(() => { if (validatedStatus.value === "error" || props.status === "error") { @@ -1706,6 +1753,18 @@ const _sfc_main$o = defineComponent({ otherAttrs } = useSplitAttributes(attrs, internalClasses); const chipRefs = []; + const currentChipToRemove = ref(null); + const computedChipToRemove = computed(() => currentChipToRemove.value ? currentChipToRemove.value.value : ""); + const chipAddedMessage = useI18n( + "cdx-chip-input-chip-added", + (x) => "Chip ".concat(x, " was added."), + [computedInputValue] + ); + const chipRemovedMessage = useI18n( + "cdx-chip-input-chip-removed", + (x) => "Chip ".concat(x, " was removed."), + [computedChipToRemove] + ); function assignChipTemplateRef(chip, index) { if (chip !== null) { chipRefs[index] = chip; @@ -1715,11 +1774,16 @@ const _sfc_main$o = defineComponent({ input.value.focus(); }; function addChip() { - if (props.inputChips.find((chip) => chip.value === inputValue.value)) { + if ( + // If the input value is the same as a chip's value, or... + !!props.inputChips.find((chip) => chip.value === computedInputValue.value) || // ...validation fails, set status to error. + !props.chipValidator(computedInputValue.value) + ) { validatedStatus.value = "error"; - } else if (inputValue.value.length > 0) { - emit("update:input-chips", props.inputChips.concat({ value: inputValue.value })); - inputValue.value = ""; + } else if (computedInputValue.value.length > 0) { + statusMessageContent.value = chipAddedMessage.value; + emit("update:input-chips", props.inputChips.concat({ value: computedInputValue.value })); + computedInputValue.value = ""; } } function removeChip(chipToRemove) { @@ -1747,11 +1811,13 @@ const _sfc_main$o = defineComponent({ addChip(); yield nextTick(); removeChip(clickedChip); - inputValue.value = clickedChip.value; + computedInputValue.value = clickedChip.value; focusInput(); }); } function handleChipRemove(chipToRemove, index, method) { + currentChipToRemove.value = chipToRemove; + statusMessageContent.value = chipRemovedMessage.value; if (method === "button") { focusInput(); } else if (method === "Backspace") { @@ -1776,7 +1842,7 @@ const _sfc_main$o = defineComponent({ const prevArrow = computedDirection.value === "rtl" ? "ArrowRight" : "ArrowLeft"; switch (e.key) { case "Enter": - if (inputValue.value.length > 0) { + if (computedInputValue.value.length > 0) { addChip(); e.preventDefault(); e.stopPropagation(); @@ -1812,10 +1878,10 @@ const _sfc_main$o = defineComponent({ } } watch(toRef(props, "inputChips"), (newVal) => { - const matchingChip = newVal.find((chip) => chip.value === inputValue.value); + const matchingChip = newVal.find((chip) => chip.value === computedInputValue.value); validatedStatus.value = matchingChip ? "error" : "default"; }); - watch(inputValue, () => { + watch(computedInputValue, () => { if (validatedStatus.value === "error") { validatedStatus.value = "default"; } @@ -1823,7 +1889,7 @@ const _sfc_main$o = defineComponent({ return { rootElement, input, - inputValue, + computedInputValue, rootClasses, rootStyle, otherAttrs, @@ -1836,7 +1902,8 @@ const _sfc_main$o = defineComponent({ onInputFocus, onInputBlur, onFocusOut, - computedDisabled + computedDisabled, + statusMessageContent }; } }); @@ -1851,6 +1918,11 @@ const _hoisted_3$a = { class: "cdx-chip-input__separate-input" }; const _hoisted_4$6 = ["disabled"]; +const _hoisted_5$6 = { + class: "cdx-chip-input__aria-status", + role: "status", + "aria-live": "polite" +}; function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) { const _component_cdx_input_chip = resolveComponent("cdx-input-chip"); return openBlock(), createElementBlock( @@ -1897,7 +1969,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) { !_ctx.separateInput ? withDirectives((openBlock(), createElementBlock("input", mergeProps({ key: 0, ref: "input", - "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event), + "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.computedInputValue = $event), class: "cdx-chip-input__input", disabled: _ctx.computedDisabled }, _ctx.otherAttrs, { @@ -1905,13 +1977,13 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) { onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onInputFocus && _ctx.onInputFocus(...args)), onKeydown: _cache[3] || (_cache[3] = (...args) => _ctx.onInputKeydown && _ctx.onInputKeydown(...args)) }), null, 16, _hoisted_2$f)), [ - [vModelDynamic, _ctx.inputValue] + [vModelDynamic, _ctx.computedInputValue] ]) : createCommentVNode("v-if", true) ]), _ctx.separateInput ? (openBlock(), createElementBlock("div", _hoisted_3$a, [ withDirectives(createElementVNode("input", mergeProps({ ref: "input", - "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.inputValue = $event), + "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.computedInputValue = $event), class: "cdx-chip-input__input", disabled: _ctx.computedDisabled }, _ctx.otherAttrs, { @@ -1919,9 +1991,16 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) { onFocus: _cache[6] || (_cache[6] = (...args) => _ctx.onInputFocus && _ctx.onInputFocus(...args)), onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.onInputKeydown && _ctx.onInputKeydown(...args)) }), null, 16, _hoisted_4$6), [ - [vModelDynamic, _ctx.inputValue] + [vModelDynamic, _ctx.computedInputValue] ]) - ])) : createCommentVNode("v-if", true) + ])) : createCommentVNode("v-if", true), + createElementVNode( + "div", + _hoisted_5$6, + toDisplayString(_ctx.statusMessageContent), + 1 + /* TEXT */ + ) ], 38 /* CLASS, STYLE, NEED_HYDRATION */ @@ -5159,7 +5238,13 @@ const _sfc_main$i = defineComponent({ var _a, _b; return (_b = (_a = menu.value) == null ? void 0 : _a.getHighlightedMenuItem()) == null ? void 0 : _b.id; }); - const { computedDisabled } = useFieldData(toRef(props, "disabled")); + const { + computedDisabled, + computedStatus + } = useFieldData( + toRef(props, "disabled"), + toRef(props, "status") + ); const internalClasses = computed(() => { return { "cdx-combobox--expanded": expanded.value, @@ -5215,6 +5300,7 @@ const _sfc_main$i = defineComponent({ expanded, highlightedId, computedDisabled, + computedStatus, onInputFocus, onInputBlur, onKeydown, @@ -5257,7 +5343,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) { "aria-expanded": _ctx.expanded, "aria-controls": _ctx.menuId, disabled: _ctx.computedDisabled, - status: _ctx.status, + status: _ctx.computedStatus, autocomplete: "off", role: "combobox", onKeydown: _ctx.onKeydown, @@ -6301,11 +6387,32 @@ const _sfc_main$d = defineComponent({ required: true }, /** - * Initial value of the text input. + * Current value of the input. This prop is optional and should only be used if you need to + * keep track of the input value for some reason (e.g. to set an initial value). + * + * Optionally provided by `v-model:input-value` binding in the parent component. + */ + inputValue: { + type: [String, Number], + default: null + }, + // DEPRECATED: Remove (T373532). + /** + * Initial value of the text input. Non-reactive. + * + * @deprecated Use `inputValue` instead. */ initialInputValue: { type: [String, Number], - default: "" + default: "", + validator: (value) => { + if (value) { + console.warn( + "CdxLookup: prop initialInputValue is deprecated. Use inputValue instead." + ); + } + return true; + } }, /** * Whether the entire component is disabled. @@ -6343,6 +6450,12 @@ const _sfc_main$d = defineComponent({ */ "update:selected", /** + * When the input value changes. Only emitted if the inputValue prop is provided. + * + * @property {string | number} inputValue The new input value + */ + "update:input-value", + /** * When the user scrolls towards the bottom of the menu. * * If it is possible to add or load more menu items, then now would be a good moment @@ -6383,7 +6496,13 @@ const _sfc_main$d = defineComponent({ const expanded = ref(false); const isActive = ref(false); const initialMenuItems = ref(props.menuItems); - const { computedDisabled } = useFieldData(toRef(props, "disabled")); + const { + computedDisabled, + computedStatus + } = useFieldData( + toRef(props, "disabled"), + toRef(props, "status") + ); const selectedProp = toRef(props, "selected"); const modelWrapper = useModelWrapper(selectedProp, emit, "update:selected"); const selectedMenuItem = computed( @@ -6393,7 +6512,13 @@ const _sfc_main$d = defineComponent({ var _a, _b; return (_b = (_a = menu.value) == null ? void 0 : _a.getHighlightedMenuItem()) == null ? void 0 : _b.id; }); - const inputValue = ref(props.initialInputValue); + const internalInputValue = ref(props.initialInputValue); + const computedInputValue = useOptionalModelWrapper( + internalInputValue, + toRef(props, "inputValue"), + emit, + "update:input-value" + ); const internalClasses = computed(() => { return { "cdx-lookup--disabled": computedDisabled.value, @@ -6406,7 +6531,11 @@ const _sfc_main$d = defineComponent({ otherAttrs } = useSplitAttributes(attrs, internalClasses); function onUpdateInput(newVal) { - if (selectedMenuItem.value && selectedMenuItem.value.label !== newVal && selectedMenuItem.value.value !== newVal) { + if (selectedMenuItem.value) { + if (selectedMenuItem.value.label !== newVal && selectedMenuItem.value.value !== newVal) { + modelWrapper.value = null; + } + } else if (props.selected !== newVal) { modelWrapper.value = null; } if (newVal === "" && initialMenuItems.value.length === 0) { @@ -6419,7 +6548,7 @@ const _sfc_main$d = defineComponent({ } function onInputFocus(event) { isActive.value = true; - const hasInput = inputValue.value !== null && inputValue.value !== ""; + const hasInput = computedInputValue.value !== null && computedInputValue.value !== ""; const hasMenuItems = !!(props.menuItems.length > 0 || slots["no-results"]); if (hasMenuItems && (hasInput || initialMenuItems.value.length > 0)) { expanded.value = true; @@ -6442,9 +6571,9 @@ const _sfc_main$d = defineComponent({ var _a; if (newVal !== null) { const selectedValue = selectedMenuItem.value ? (_a = selectedMenuItem.value.label) != null ? _a : selectedMenuItem.value.value : ""; - if (inputValue.value !== selectedValue) { - inputValue.value = selectedValue; - emit("input", inputValue.value); + if (computedInputValue.value !== selectedValue) { + computedInputValue.value = selectedValue; + emit("input", computedInputValue.value); } } }); @@ -6468,10 +6597,11 @@ const _sfc_main$d = defineComponent({ menu, menuId, highlightedId, - inputValue, + computedInputValue, modelWrapper, expanded, computedDisabled, + computedStatus, onInputBlur, rootClasses, rootStyle, @@ -6495,8 +6625,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) { [ createVNode(_component_cdx_text_input, mergeProps({ ref: "textInput", - modelValue: _ctx.inputValue, - "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event) + modelValue: _ctx.computedInputValue, + "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.computedInputValue = $event) }, _ctx.otherAttrs, { class: "cdx-lookup__input", role: "combobox", @@ -6506,7 +6636,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) { "aria-expanded": _ctx.expanded, "aria-activedescendant": _ctx.highlightedId, disabled: _ctx.computedDisabled, - status: _ctx.status, + status: _ctx.computedStatus, "onUpdate:modelValue": _ctx.onUpdateInput, onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)), onFocus: _ctx.onInputFocus, @@ -8098,14 +8228,15 @@ const _hoisted_9 = { }; const _hoisted_10 = ["aria-sort"]; const _hoisted_11 = ["aria-selected", "onClick"]; -const _hoisted_12 = { key: 0 }; +const _hoisted_12 = { class: "cdx-table__table__sort-label" }; const _hoisted_13 = { key: 0 }; -const _hoisted_14 = { key: 1 }; -const _hoisted_15 = { class: "cdx-table__table__empty-state" }; -const _hoisted_16 = { class: "cdx-table__table__empty-state-content" }; -const _hoisted_17 = { class: "cdx-table__pagination-status--long" }; -const _hoisted_18 = { class: "cdx-table__pagination-status--short" }; -const _hoisted_19 = { +const _hoisted_14 = { key: 0 }; +const _hoisted_15 = { key: 1 }; +const _hoisted_16 = { class: "cdx-table__table__empty-state" }; +const _hoisted_17 = { class: "cdx-table__table__empty-state-content" }; +const _hoisted_18 = { class: "cdx-table__pagination-status--long" }; +const _hoisted_19 = { class: "cdx-table__pagination-status--short" }; +const _hoisted_20 = { key: 3, class: "cdx-table__footer" }; @@ -8246,8 +8377,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { class: "cdx-table__table__sort-button", onClick: ($event) => _ctx.handleSort(column.id) }, [ - createTextVNode( - toDisplayString(column.label) + " ", + createElementVNode( + "span", + _hoisted_12, + toDisplayString(column.label), 1 /* TEXT */ ), @@ -8284,7 +8417,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { class: "cdx-table__pending-indicator" })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "tbody", {}, () => [ - _ctx.dataForDisplay.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_12, [ + _ctx.dataForDisplay.length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_13, [ (openBlock(true), createElementBlock( Fragment, null, @@ -8296,7 +8429,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { class: normalizeClass(_ctx.getRowClass(row, rowIndex)) }, [ - _ctx.useRowSelection ? (openBlock(), createElementBlock("td", _hoisted_13, [ + _ctx.useRowSelection ? (openBlock(), createElementBlock("td", _hoisted_14, [ createVNode(_component_cdx_checkbox, { modelValue: _ctx.wrappedSelectedRows, "onUpdate:modelValue": [ @@ -8356,9 +8489,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { 128 /* KEYED_FRAGMENT */ )) - ])) : _ctx.$slots["empty-state"] && _ctx.$slots["empty-state"]().length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_14, [ - createElementVNode("tr", _hoisted_15, [ - createElementVNode("td", _hoisted_16, [ + ])) : _ctx.$slots["empty-state"] && _ctx.$slots["empty-state"]().length > 0 ? (openBlock(), createElementBlock("tbody", _hoisted_15, [ + createElementVNode("tr", _hoisted_16, [ + createElementVNode("td", _hoisted_17, [ renderSlot(_ctx.$slots, "empty-state") ]) ]) @@ -8387,14 +8520,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { default: withCtx(() => [ createElementVNode( "span", - _hoisted_17, + _hoisted_18, toDisplayString(_ctx.paginationStatusMessageLong), 1 /* TEXT */ ), createElementVNode( "span", - _hoisted_18, + _hoisted_19, toDisplayString(_ctx.paginationStatusMessageShort), 1 /* TEXT */ @@ -8403,7 +8536,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) { _: 1 /* STABLE */ }, 8, ["items-per-page", "pagination-size-options", "prev-disabled", "next-disabled", "last-disabled", "onNext", "onPrev", "onFirst", "onLast"])) : createCommentVNode("v-if", true), - _ctx.$slots.footer && _ctx.$slots.footer().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [ + _ctx.$slots.footer && _ctx.$slots.footer().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_20, [ renderSlot(_ctx.$slots, "footer") ])) : createCommentVNode("v-if", true) ]); @@ -8485,11 +8618,19 @@ const _sfc_main$4 = defineComponent({ /** * The `name` of the currently active Tab in the layout. * - * Provided by `v-model:active` binding in the parent component. + * This prop is optional; if it is provided, it should be bound + * using a `v-model:active` directive in the parent component. + * Two-way binding the active tab is only necessary if some tab + * other than the first should be active as soon as the component + * renders (such as in cases where the active tab is bound to URL + * params). If this prop is not provided, then the first tab will + * be active by default. Regardless, the active tab can be changed + * normally by user interaction (clicking on tab headings) or by + * using the exposed methods "select", "next", and "prev". */ active: { type: String, - required: true + default: null }, /** * Whether or not the component should be displayed in a framed @@ -8502,7 +8643,8 @@ const _sfc_main$4 = defineComponent({ }, emits: [ /** - * Emitted whenever the active tab changes + * Emitted whenever the active tab changes, assuming that an `active` + * prop has been provided in the parent. * * @property {string} active The `name` of the current active tab */ @@ -8552,7 +8694,8 @@ const _sfc_main$4 = defineComponent({ return map; }, /* @__PURE__ */ new Map()); }); - const activeTab = useModelWrapper(toRef(props, "active"), emit, "update:active"); + const internalRefForActiveTab = ref(Array.from(tabsData.value.keys())[0]); + const activeTab = useOptionalModelWrapper(internalRefForActiveTab, toRef(props, "active"), emit, "update:active"); const tabNames = computed(() => Array.from(tabsData.value.keys())); const activeTabIndex = computed(() => tabNames.value.indexOf(activeTab.value)); const activeTabId = computed(() => { diff --git a/resources/lib/codex/codex.style-bidi.css b/resources/lib/codex/codex.style-bidi.css new file mode 100644 index 000000000000..51fcace106de --- /dev/null +++ b/resources/lib/codex/codex.style-bidi.css @@ -0,0 +1 @@ +.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}[dir] .cdx-button{margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px}[dir] .cdx-button--size-large{padding-right:15px;padding-left:15px}.cdx-button--icon-only{min-width:32px}[dir] .cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px}[dir] .cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}[dir] .cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:var(--color-base, #202122)}[dir] .cdx-button:enabled,[dir] .cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-button:enabled:hover,[dir] .cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-button:enabled:active,[dir] .cdx-button.cdx-button--fake-button--enabled:active,[dir] .cdx-button:enabled.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}[dir] .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-button:enabled.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{color:var(--color-progressive--active, #2a4b8d)}[dir] .cdx-button:enabled.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242)}[dir] .cdx-button:enabled.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{color:var(--color-destructive--active, #b32424)}[dir] .cdx-button:enabled.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}[dir] .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-button:enabled.cdx-button--weight-quiet:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-button:enabled.cdx-button--weight-quiet:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{color:var(--color-inverted, #fff)}[dir] .cdx-button:disabled,[dir] .cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:disabled .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{color:var(--color-disabled, #72777d)}[dir] .cdx-button:disabled.cdx-button--weight-quiet,[dir] .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}}.cdx-accordion{position:relative}[dir] .cdx-accordion{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{list-style:none;display:flex;gap:8px;word-break:break-word;white-space:normal}[dir] .cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}[dir] .cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}[dir] .cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{outline:1px solid transparent}[dir] .cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c)}[dir] .cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;font-size:1rem}[dir] .cdx-accordion .cdx-accordion__header{margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;height:calc(1.375em + 26px);font-size:1rem}[dir] .cdx-accordion__action.cdx-button{padding-right:12px;padding-left:12px}[dir=ltr] .cdx-accordion__action.cdx-button{right:0}[dir=rtl] .cdx-accordion__action.cdx-button{left:0}[dir] .cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{font-size:1rem}[dir] .cdx-accordion__content{padding:8px 12px 12px}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em}[dir] .cdx-accordion>summary:before{transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}[dir] .cdx-accordion>summary:before{background-color:var(--color-base, #202122)}}[dir=ltr] .cdx-accordion[open]>summary:before{transform:rotate(-180deg)}[dir=rtl] .cdx-accordion[open]>summary:before{transform:rotate(180deg)}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}[dir] .cdx-button-group{border-radius:2px;padding-top:1px}[dir=ltr] .cdx-button-group{padding-left:1px}[dir=rtl] .cdx-button-group{padding-right:1px}.cdx-button-group .cdx-button{position:relative;z-index:1}[dir] .cdx-button-group .cdx-button{margin-top:-1px;border-radius:0}[dir=ltr] .cdx-button-group .cdx-button{margin-left:-1px}[dir=rtl] .cdx-button-group .cdx-button{margin-right:-1px}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0}[dir=ltr] .cdx-button-group .cdx-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-button-group .cdx-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem}[dir] .cdx-thumbnail__placeholder,[dir] .cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}[dir] .cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{display:inline-flex;align-items:center;justify-content:center}[dir] .cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}[dir] .cdx-thumbnail__placeholder__icon{background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-card{display:flex;align-items:flex-start;position:relative}[dir] .cdx-card{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}[dir] .cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}[dir] .cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{outline:1px solid transparent}[dir] .cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}[dir] .cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{font-size:.875rem}[dir] .cdx-card__text__supporting-text{margin-top:8px}[dir=ltr] .cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}[dir=rtl] .cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit}[dir=ltr] .cdx-card .cdx-card__icon{margin-right:12px}[dir=rtl] .cdx-card .cdx-card__icon{margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}[dir=ltr] .cdx-label__label__icon.cdx-icon{margin-right:4px}[dir=rtl] .cdx-label__label__icon.cdx-icon{margin-left:4px}.cdx-label__label__text{font-weight:700}[dir] legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-label--visually-hidden{margin:-1px;border:0;padding:0}[dir] .cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){[dir] .cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column}[dir] .cdx-checkbox:not(.cdx-checkbox--inline){margin-bottom:12px}[dir] .cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;white-space:nowrap}[dir=ltr] .cdx-checkbox--inline{margin-right:16px}[dir=rtl] .cdx-checkbox--inline{margin-left:16px}[dir=ltr] .cdx-checkbox--inline:last-child{margin-right:0}[dir=rtl] .cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;line-height:1.4285714}[dir=ltr] .cdx-checkbox__label,[dir=ltr] .cdx-checkbox__label.cdx-label{padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-checkbox__label,[dir=rtl] .cdx-checkbox__label.cdx-label{padding-right:calc(1.25rem + 8px)}[dir] .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{position:absolute;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-checkbox__icon{left:0}[dir=rtl] .cdx-checkbox__icon{right:0}.cdx-checkbox__input{opacity:0;position:absolute;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;font-size:inherit}[dir] .cdx-checkbox__input{margin:0;cursor:inherit}[dir=ltr] .cdx-checkbox__input{left:0}[dir=rtl] .cdx-checkbox__input{right:0}[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled,[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}[dir] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px}[dir=ltr] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-right:calc(1.25rem + 8px)}[dir] .cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";position:absolute;top:calc(50% - .5px);height:2px}[dir] .cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{background-color:var(--background-color-base-fixed, #fff);right:3px;left:3px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";position:absolute;width:100%;height:100%}[dir] .cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem}[dir] .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{outline:1px solid transparent}[dir] .cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}[dir] .cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-input-chip{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;font-size:.875rem;line-height:1.5714285}[dir] .cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px}[dir=ltr] .cdx-input-chip{padding:0 0 0 8px}[dir=rtl] .cdx-input-chip{padding:0 8px 0 0}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{color:var(--color-inverted, #fff)}[dir] .cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;font-size:.75rem}[dir] .cdx-input-chip__button.cdx-button{border-radius:9999px;padding-right:2px;padding-left:2px}[dir=ltr] .cdx-input-chip__button.cdx-button{margin-right:1px}[dir=rtl] .cdx-input-chip__button.cdx-button{margin-left:1px}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;line-height:1.4285714}[dir] .cdx-chip-input__chips,[dir] .cdx-chip-input__separate-input{border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;font-family:inherit;font-size:inherit;line-height:1}[dir] .cdx-chip-input__input{border:0}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}[dir] .cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}[dir] .cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-chip-input__aria-status{margin:-1px;border:0;padding:0}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{outline:1px solid transparent}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-error, #b32424)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-chip-input--disabled .cdx-chip-input__chips,[dir] .cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;line-height:1.6}[dir] .cdx-menu-item{padding:8px 12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}[dir=ltr] .cdx-menu-item__thumbnail.cdx-thumbnail{margin-right:8px}[dir=rtl] .cdx-menu-item__thumbnail.cdx-thumbnail{margin-left:8px}[dir=ltr] .cdx-menu-item__icon{margin-right:8px}[dir=rtl] .cdx-menu-item__icon{margin-left:8px}[dir=ltr] .cdx-menu-item__selected-icon{margin-left:auto}[dir=rtl] .cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{color:var(--color-base--hover, #404244)}[dir] .cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{color:var(--color-emphasized, #000)}[dir] .cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}[dir] .cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-menu-item--disabled{cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none}[dir] .cdx-progress-bar:not(.cdx-progress-bar--inline){border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}[dir] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}[dir=ltr] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{animation-name:cdx-animation-progress-bar__bar-ltr}[dir=rtl] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{animation-name:cdx-animation-progress-bar__bar-rtl}[dir] .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}[dir] .cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}[dir] .cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes cdx-animation-progress-bar__bar-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{display:flex;flex-direction:column;position:absolute;z-index:50;box-sizing:border-box;width:100%}[dir] .cdx-menu{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}[dir=ltr] .cdx-menu{left:0}[dir=rtl] .cdx-menu{right:0}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{overflow-y:auto}[dir] .cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}[dir] .cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;overflow:hidden}[dir] .cdx-text-input{border-radius:2px}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-text-input .cdx-text-input__start-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input .cdx-text-input__start-icon{left:9px}[dir=rtl] .cdx-text-input .cdx-text-input__start-icon{right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem}[dir] .cdx-text-input__clear-icon.cdx-icon,[dir] .cdx-text-input .cdx-text-input__end-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input__clear-icon.cdx-icon,[dir=ltr] .cdx-text-input .cdx-text-input__end-icon{right:9px}[dir=rtl] .cdx-text-input__clear-icon.cdx-icon,[dir=rtl] .cdx-text-input .cdx-text-input__end-icon{left:9px}[dir] .cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}[dir=ltr] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{right:calc(17px + 1rem)}[dir=rtl] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{left:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;font-family:inherit;font-size:inherit;line-height:1.375}[dir] .cdx-text-input__input{margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px}.cdx-text-input__input:enabled{color:var(--color-base, #202122)}[dir] .cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}[dir] .cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{outline:1px solid transparent}[dir] .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}[dir] .cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}[dir=ltr] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25rem)}[dir=rtl] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25rem)}[dir=ltr] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=ltr] .cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1rem)}[dir=rtl] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=rtl] .cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1rem)}[dir=ltr] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(24px + 2rem)}[dir=rtl] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(24px + 2rem)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px}[dir=ltr] .cdx-combobox__input.cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cdx-combobox__input.cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}[dir=ltr] .cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-right-width:0}[dir=rtl] .cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-left-width:0}.cdx-combobox__expand-button.cdx-button{position:relative}[dir=ltr] .cdx-combobox__expand-button.cdx-button{border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .cdx-combobox__expand-button.cdx-button{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem}[dir] .cdx-combobox__expand-icon.cdx-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-combobox__expand-icon.cdx-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .cdx-combobox__expand-icon.cdx-icon{right:50%;transform:translate(50%,-50%)}[dir=ltr] .cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-right-radius:0}[dir=rtl] .cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog-backdrop{display:flex;align-items:center;justify-content:center;position:fixed;top:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}[dir] .cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65))}[dir=ltr] .cdx-dialog-backdrop{left:0}[dir=rtl] .cdx-dialog-backdrop{right:0}.cdx-dialog{display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem)}[dir] .cdx-dialog{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}[dir] .cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}[dir] .cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);font-size:1rem;line-height:1.375}[dir] .cdx-dialog__header .cdx-dialog__header__subtitle{margin:0;padding:0}[dir=ltr] .cdx-dialog__header__close-button.cdx-button{margin-right:-8px}[dir=rtl] .cdx-dialog__header__close-button.cdx-button{margin-left:-8px}[dir] .cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;overflow-y:auto}[dir] .cdx-dialog__body{padding:16px 24px}[dir] .cdx-dialog__body--no-header{padding-top:24px}[dir] .cdx-dialog__body--no-footer{padding-bottom:24px}[dir] .cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}[dir] .cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}[dir] .cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;font-size:.875rem;line-height:1.5714285}[dir] .cdx-dialog__footer .cdx-dialog__footer__text{margin:0}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}[dir] .cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}[dir] .cdx-dialog-fade-enter-active,[dir] .cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative}[dir] .cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){[dir] .cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>')}[dir] .cdx-message .cdx-message__icon{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>')}[dir] .cdx-message .cdx-message__icon:lang(ar){background-color:var(--color-base, #202122)}}[dir] .cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}[dir] .cdx-message--warning .cdx-message__icon{background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}[dir] .cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}[dir] .cdx-message--error .cdx-message__icon{background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}[dir] .cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>')}[dir] .cdx-message--success .cdx-message__icon{background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}[dir=ltr] .cdx-message--user-dismissable{padding-right:48px}[dir=rtl] .cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){[dir=ltr] .cdx-message--user-dismissable{padding-right:56px}[dir=rtl] .cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{font-weight:700}[dir] .cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1}[dir=ltr] .cdx-message__content{margin-left:8px}[dir=rtl] .cdx-message__content{margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}[dir] .cdx-message__content>*:first-child{margin-top:0;padding-top:0}[dir] .cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;line-height:0}[dir] .cdx-message__dismiss-button.cdx-button{padding:5px}[dir=ltr] .cdx-message__dismiss-button.cdx-button{right:16px}[dir=rtl] .cdx-message__dismiss-button.cdx-button{left:16px}@media screen and (min-width: 640px){[dir=ltr] .cdx-message__dismiss-button.cdx-button{right:8px}[dir=rtl] .cdx-message__dismiss-button.cdx-button{left:8px}}[dir] .cdx-message+.cdx-message{margin-top:8px}[dir] .cdx-message-enter-active,[dir] .cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}[dir] .cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}[dir] .cdx-field{margin:16px 0 0;border:0;padding:0}[dir] .cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}[dir] .cdx-field__help-text,[dir] .cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){[dir] .cdx-field__help-text,[dir] .cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)}.cdx-info-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;line-height:1.5714285}[dir] .cdx-info-chip{background-color:var(--background-color-transparent, transparent);border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}[dir] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-size:1.25rem 1.25rem;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}[dir=ltr] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-image:linear-gradient(135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));animation-name:cdx-animation-pending-stripes-ltr}[dir=rtl] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-image:linear-gradient(-135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));animation-name:cdx-animation-pending-stripes-rtl}@keyframes cdx-animation-pending-stripes-ltr{0%{background-position:-1.25rem 0}to{background-position:0 0}}@keyframes cdx-animation-pending-stripes-rtl{0%{background-position:right -1.25rem top 0}to{background-position:100% 0}}.cdx-dialog .cdx-lookup{position:static}.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}[dir] .cdx-toggle-button{margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px}[dir] .cdx-toggle-button--size-large{padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{min-width:32px}[dir] .cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px}[dir] .cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}[dir] .cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}[dir] .cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{outline:1px solid transparent}[dir] .cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-toggle-button:enabled:active,[dir] .cdx-toggle-button:enabled.cdx-toggle-button--is-active{border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}[dir] .cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff)}[dir] .cdx-toggle-button--framed:enabled:active,[dir] .cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{color:var(--color-inverted, #fff)}[dir] .cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d);box-shadow:none}[dir] .cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}[dir] .cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-toggle-button--quiet:enabled:active,[dir] .cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)}.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static}.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column}[dir] .cdx-radio:not(.cdx-radio--inline){margin-bottom:12px}[dir] .cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;white-space:nowrap}[dir=ltr] .cdx-radio--inline{margin-right:16px}[dir=rtl] .cdx-radio--inline{margin-left:16px}[dir=ltr] .cdx-radio--inline:last-child{margin-right:0}[dir=rtl] .cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;line-height:1.4285714}[dir=ltr] .cdx-radio__label,[dir=ltr] .cdx-radio__label.cdx-label{padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-radio__label,[dir=rtl] .cdx-radio__label.cdx-label{padding-right:calc(1.25rem + 8px)}[dir] .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{position:absolute;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-radio__icon{left:0}[dir=rtl] .cdx-radio__icon{right:0}.cdx-radio__input{opacity:0;position:absolute;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;font-size:inherit}[dir] .cdx-radio__input{margin:0;cursor:inherit}[dir=ltr] .cdx-radio__input{left:0}[dir=rtl] .cdx-radio__input{right:0}[dir] .cdx-radio:hover>.cdx-radio__input:enabled,[dir] .cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,[dir] .cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}[dir] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px}[dir=ltr] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-right:calc(1.25rem + 8px)}[dir] .cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;bottom:-.25rem}[dir] .cdx-radio__icon:before{right:-.25rem;left:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}[dir] .cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}[dir] .cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}[dir] .cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}[dir] .cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}[dir] .cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}.cdx-search-input--has-end-button{display:flex}[dir] .cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1}[dir] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper{margin:-1px}[dir=ltr] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0}[dir=ltr] .cdx-search-input__end-button.cdx-button{margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .cdx-search-input__end-button.cdx-button{margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>')}[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-color:var(--color-base, #202122)}}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}[dir] .cdx-select{border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;background-repeat:no-repeat;background-size:max(.75rem,12px)}[dir=ltr] .cdx-select{padding-left:12px;padding-right:calc(16px + 1.25rem);background-position:center right 12px}[dir=rtl] .cdx-select{padding-right:12px;padding-left:calc(16px + 1.25rem);background-position:center left 12px}.cdx-select:disabled{color:var(--color-disabled, #72777d);opacity:1}[dir] .cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled{color:var(--color-base, #202122)}[dir] .cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{outline:1px solid transparent}[dir] .cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-select:enabled:active{color:var(--color-emphasized, #000)}[dir] .cdx-select:enabled:active{border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;font-size:inherit;line-height:1.375;position:relative;width:100%}[dir] .cdx-select-vue__handle{border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px}[dir=ltr] .cdx-select-vue__handle{padding-left:12px;padding-right:calc(16px + 1.25rem)}[dir=rtl] .cdx-select-vue__handle{padding-right:12px;padding-left:calc(16px + 1.25rem)}[dir=ltr] .cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25rem)}[dir=rtl] .cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-select-vue__start-icon.cdx-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-select-vue__start-icon.cdx-icon{left:12px}[dir=rtl] .cdx-select-vue__start-icon.cdx-icon{right:12px}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem}[dir] .cdx-select-vue__indicator.cdx-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-select-vue__indicator.cdx-icon{right:12px}[dir=rtl] .cdx-select-vue__indicator.cdx-icon{left:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{color:var(--color-base, #202122)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{outline:1px solid transparent}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:active{border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}[dir] .cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{color:var(--color-disabled, #72777d)}[dir] .cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px}[dir] .cdx-table-pager{padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem}[dir] .cdx-table-pager__center{text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}[dir] .cdx-table{border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px}[dir] .cdx-table__header{padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}[dir] .cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block}[dir=ltr] .cdx-table__pagination-status--short{text-align:right}[dir=rtl] .cdx-table__pagination-status--short{text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block}[dir] .cdx-table__pagination-status--long{text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-table__table caption{margin:-1px;border:0;padding:0}[dir] .cdx-table__table th,[dir] .cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000)}[dir=ltr] .cdx-table__table th{text-align:left}[dir=rtl] .cdx-table__table th{text-align:right}.cdx-table__table thead th{vertical-align:bottom}[dir] .cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table tfoot td,[dir] .cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{vertical-align:top}[dir] .cdx-table__table tbody td,[dir] .cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1)}[dir] .cdx-table__table tbody tr:first-child td,[dir] .cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{display:flex;align-items:flex-end;gap:8px;width:100%;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-decoration:none}[dir] .cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);border:0;padding:12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-table__table__sort-button{text-align:left}[dir=rtl] .cdx-table__table__sort-button{text-align:right}[dir] .cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}[dir] .cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}[dir] .cdx-table__table .cdx-table__table__cell--align-center{text-align:center}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-end{text-align:right}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{text-align:right}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{text-align:left}[dir] .cdx-table__table .cdx-table__table__cell--align-number,.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{text-align:right}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row}[dir] .cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}[dir] .cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}[dir=ltr] .cdx-table__table--borders-vertical th,[dir=ltr] .cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}[dir=rtl] .cdx-table__table--borders-vertical th,[dir=rtl] .cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}[dir=ltr] .cdx-table__table--borders-vertical th:last-child,[dir=ltr] .cdx-table__table--borders-vertical td:last-child{border-right:0}[dir=rtl] .cdx-table__table--borders-vertical th:last-child,[dir=rtl] .cdx-table__table--borders-vertical td:last-child{border-left:0}[dir] .cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px}[dir] .cdx-table__footer{border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{position:absolute;top:0;bottom:0}[dir] .cdx-tabs__prev-scroller,[dir] .cdx-tabs__next-scroller{background-color:inherit}[dir=ltr] .cdx-tabs__prev-scroller{left:0}[dir=rtl] .cdx-tabs__prev-scroller,[dir=ltr] .cdx-tabs__next-scroller{right:0}[dir=rtl] .cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}[dir=ltr] .cdx-tabs__prev-scroller:after{left:100%}[dir=rtl] .cdx-tabs__prev-scroller:after{right:100%}[dir=ltr] .cdx-tabs__next-scroller:before{right:100%}[dir=rtl] .cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{display:block;flex:0 0 auto;max-width:16rem;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir] .cdx-tabs__list__item:hover{cursor:pointer}[dir] .cdx-tabs__list__item[aria-selected=true]{cursor:default}[dir=ltr] .cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}[dir=rtl] .cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}[dir] .cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3))}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65))}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);cursor:default}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{cursor:default}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{outline:1px solid transparent;overflow:hidden}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c)}.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem}[dir] .cdx-text-area .cdx-text-area__start-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__start-icon{left:9px}[dir=rtl] .cdx-text-area .cdx-text-area__start-icon{right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem}[dir] .cdx-text-area .cdx-text-area__end-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__end-icon{right:9px}[dir=rtl] .cdx-text-area .cdx-text-area__end-icon{left:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}[dir] .cdx-text-area__textarea{border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{color:var(--color-base, #202122)}[dir] .cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}[dir] .cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{outline:1px solid transparent}[dir] .cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}[dir=ltr] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25rem)}[dir=rtl] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25rem)}[dir=ltr] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1rem)}[dir=rtl] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1rem)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}[dir] .cdx-toggle-button-group{border-radius:2px;padding-top:1px}[dir=ltr] .cdx-toggle-button-group{padding-left:1px}[dir=rtl] .cdx-toggle-button-group{padding-right:1px}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1}[dir] .cdx-toggle-button-group .cdx-toggle-button{margin-top:-1px;border-radius:0}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button{margin-left:-1px}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button{margin-right:-1px}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0}[dir] .cdx-toggle-switch{margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}[dir] .cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}[dir=ltr] .cdx-toggle-switch__label:not(:empty),[dir=ltr] .cdx-toggle-switch__label.cdx-label:not(:empty){padding-right:6px}[dir=rtl] .cdx-toggle-switch__label:not(:empty),[dir=rtl] .cdx-toggle-switch__label.cdx-label:not(:empty){padding-left:6px}[dir] .cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;overflow:hidden}[dir] .cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;bottom:1px;z-index:1}[dir] .cdx-toggle-switch__switch:before{right:1px;left:1px;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-toggle-switch__switch__grip{border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}[dir=ltr] .cdx-toggle-switch__switch__grip{transform:translate(.3125rem) translateY(-50%)}[dir=rtl] .cdx-toggle-switch__switch__grip{transform:translate(-.3125rem) translateY(-50%)}.cdx-toggle-switch__input{opacity:0;position:absolute;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;font-size:inherit}[dir] .cdx-toggle-switch__input{margin:0}[dir=ltr] .cdx-toggle-switch__input{right:0}[dir=rtl] .cdx-toggle-switch__input{left:0}[dir] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff)}[dir=ltr] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{transform:translate(calc(100% + .0625rem)) translateY(-50%)}[dir=rtl] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{transform:translate(calc(-1*(100% + .0625rem))) translateY(-50%)}[dir] .cdx-toggle-switch__input:enabled:hover,[dir] .cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,[dir] .cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}[dir] .cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}[dir] .cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{outline:1px solid transparent}[dir] .cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}[dir] .cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:disabled{cursor:default}[dir] .cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}[dir] .cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-tooltip{color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem}[dir] .cdx-tooltip{background-color:var(--background-color-inverted, #101418);border-radius:2px;padding:2px 6px;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}}[dir] .cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}[dir] .cdx-typeahead-search .cdx-menu-item{padding:0}[dir] .cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none}[dir] .cdx-typeahead-search__search-footer.cdx-menu-item:hover{cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}[dir=ltr] .cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}[dir=rtl] .cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}[dir] .cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}[dir=ltr] .cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}[dir=rtl] .cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{left:22px}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}[dir] .cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style-rtl.css b/resources/lib/codex/codex.style-rtl.css index bba3c5d2a68e..207b5453cc9d 100644 --- a/resources/lib/codex/codex.style-rtl.css +++ b/resources/lib/codex/codex.style-rtl.css @@ -1 +1 @@ -.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{min-width:32px;padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px;padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);color:var(--color-disabled, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}}.cdx-accordion{position:relative;border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent}.cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1rem}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1rem}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1rem}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base, #202122)}}.cdx-accordion[open]>summary:before{transform:rotate(180deg)}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-card{background-color:var(--background-color-base, #fff);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875rem}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon.cdx-icon{margin-left:4px}.cdx-label__label__text{font-weight:700}legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25rem + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px;padding-right:calc(1.25rem + 8px)}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:var(--background-color-base-fixed, #fff);position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px 0 0;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-left:1px;border-radius:9999px;padding-left:2px;padding-right:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-right-radius:0;border-top-left-radius:0}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-left:8px}.cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive, #eaecf0);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive,.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none;border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0;overflow-y:auto}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;border-radius:2px;overflow:hidden}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}.cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{left:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.375}.cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25rem)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1rem)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(24px + 2rem)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}.cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-left-width:0}.cdx-combobox__expand-button.cdx-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65));display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);margin:0;padding:0;font-size:1rem;line-height:1.375}.cdx-dialog__header__close-button.cdx-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;margin:0;font-size:.875rem;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5rem}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{margin:16px 0 0;border:0;padding:0}.cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}.cdx-field__help-text,.cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){.cdx-field__help-text,.cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)}.cdx-info-chip{background-color:var(--background-color-transparent, transparent);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-image:linear-gradient(-135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));background-size:1.25rem 1.25rem;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:right -1.25rem top 0}to{background-position:100% 0}}.cdx-dialog .cdx-lookup{position:static}.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{min-width:32px;padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px;padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244)}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)}.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static}.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25rem + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px;padding-right:calc(1.25rem + 8px)}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;left:-.25rem;bottom:-.25rem;right:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}.cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);display:flex;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');background-color:var(--color-base, #202122)}}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:right}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:16rem;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:right;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);margin-right:8px}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-icon{margin-left:8px;margin-right:0}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-left:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);display:block;flex:0 0 auto;max-width:16rem;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122);margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem;transition-property:color;transition-duration:.1s;left:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}.cdx-toggle-switch__label:not(:empty),.cdx-toggle-switch__label.cdx-label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transform:translate(-.3125rem) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff);transform:translate(calc(-1*(100% + .0625rem))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-tooltip{background-color:var(--background-color-inverted, #101418);color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;border-radius:2px;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}}.cdx-typeahead-search__menu.cdx-menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only{min-width:32px;padding-left:5px;padding-right:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px;padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);color:var(--color-disabled, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}}.cdx-accordion{position:relative;border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent}.cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1rem}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;left:0;height:calc(1.375em + 26px);padding-left:12px;padding-right:12px;font-size:1rem}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1rem}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base, #202122)}}.cdx-accordion[open]>summary:before{transform:rotate(180deg)}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-card{background-color:var(--background-color-base, #fff);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875rem}.cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit;margin-left:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon.cdx-icon{margin-left:4px}.cdx-label__label__text{font-weight:700}legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25rem + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px;padding-right:calc(1.25rem + 8px)}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:var(--background-color-base-fixed, #fff);position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px 0 0;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-left:1px;border-radius:9999px;padding-left:2px;padding-right:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-right-radius:0;border-top-left-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-left:8px}.cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base--hover, #404244);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none;border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(100%)}to{transform:translate(-300%)}}.cdx-menu{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;position:absolute;right:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0;overflow-y:auto}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;border-radius:2px;overflow:hidden}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}.cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{left:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.375}.cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25rem)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1rem)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(24px + 2rem)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}.cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-left-width:0}.cdx-combobox__expand-button.cdx-button{position:relative;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;right:50%;transform:translate(50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65));display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);margin:0;padding:0;font-size:1rem;line-height:1.375}.cdx-dialog__header__close-button.cdx-button{margin-left:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;margin:0;font-size:.875rem;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{margin:16px 0 0;border:0;padding:0}.cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}.cdx-field__help-text,.cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){.cdx-field__help-text,.cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)}.cdx-info-chip{background-color:var(--background-color-transparent, transparent);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-image:linear-gradient(-135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));background-size:1.25rem 1.25rem;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:right -1.25rem top 0}to{background-position:100% 0}}.cdx-dialog .cdx-lookup{position:static}.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only{min-width:32px;padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px;padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244)}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)}.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static}.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25rem + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px;padding-right:calc(1.25rem + 8px)}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;left:-.25rem;bottom:-.25rem;right:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}.cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);display:flex;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0;margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');background-color:var(--color-base, #202122)}}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center left 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-right:12px;padding-left:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:right}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1);vertical-align:bottom}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:flex-end;gap:8px;width:100%;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:right;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:left}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row;text-align:right}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-left:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{right:0}.cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{right:100%}.cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);display:block;flex:0 0 auto;max-width:16rem;border-width:0;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 12px;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122);margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem;transition-property:color;transition-duration:.1s;right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem;transition-property:color;transition-duration:.1s;left:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-right:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-right:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}.cdx-toggle-switch__label:not(:empty),.cdx-toggle-switch__label.cdx-label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transform:translate(-.3125rem) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff);transform:translate(calc(-1*(100% + .0625rem))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-tooltip{background-color:var(--background-color-inverted, #101418);color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;border-radius:2px;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}}.cdx-typeahead-search__menu.cdx-menu{border-top-right-radius:0;border-top-left-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;right:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.style.css b/resources/lib/codex/codex.style.css index c2dcc4bde640..65ea0d360352 100644 --- a/resources/lib/codex/codex.style.css +++ b/resources/lib/codex/codex.style.css @@ -1 +1 @@ -.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{min-width:32px;padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px;padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);color:var(--color-disabled, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}}.cdx-accordion{position:relative;border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent}.cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1rem}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1rem}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1rem}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base, #202122)}}.cdx-accordion[open]>summary:before{transform:rotate(-180deg)}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-card{background-color:var(--background-color-base, #fff);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875rem}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon.cdx-icon{margin-right:4px}.cdx-label__label__text{font-weight:700}legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25rem + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px;padding-left:calc(1.25rem + 8px)}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:var(--background-color-base-fixed, #fff);position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 0 0 8px;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-right:1px;border-radius:9999px;padding-right:2px;padding-left:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-right:8px}.cdx-menu-item__selected-icon{margin-left:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive, #eaecf0);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive,.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none;border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0;overflow-y:auto}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;border-radius:2px;overflow:hidden}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}.cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{right:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.375}.cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25rem)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1rem)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(24px + 2rem)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}.cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-right-width:0}.cdx-combobox__expand-button.cdx-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65));display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);margin:0;padding:0;font-size:1rem;line-height:1.375}.cdx-dialog__header__close-button.cdx-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;margin:0;font-size:.875rem;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5rem}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{margin:16px 0 0;border:0;padding:0}.cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}.cdx-field__help-text,.cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){.cdx-field__help-text,.cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)}.cdx-info-chip{background-color:var(--background-color-transparent, transparent);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-image:linear-gradient(135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));background-size:1.25rem 1.25rem;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25rem 0}to{background-position:0 0}}.cdx-dialog .cdx-lookup{position:static}.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{min-width:32px;padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px;padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244)}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)}.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static}.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25rem + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px;padding-left:calc(1.25rem + 8px)}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}.cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);display:flex;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');background-color:var(--color-base, #202122)}}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:right}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:left}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:16rem;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:left;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);margin-left:8px}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-right:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);display:block;flex:0 0 auto;max-width:16rem;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122);margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem;transition-property:color;transition-duration:.1s;right:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}.cdx-toggle-switch__label:not(:empty),.cdx-toggle-switch__label.cdx-label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transform:translate(.3125rem) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff);transform:translate(calc(100% + .0625rem)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-tooltip{background-color:var(--background-color-inverted, #101418);color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;border-radius:2px;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}}.cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} +.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px;padding-right:15px;padding-left:15px}.cdx-button--icon-only{min-width:32px;padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px;padding-right:11px;padding-left:11px}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,.cdx-button:enabled.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-button:enabled.cdx-button--weight-quiet:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6);color:var(--color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);color:var(--color-disabled, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}}.cdx-accordion{position:relative;border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);list-style:none;display:flex;gap:8px;border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;word-break:break-word;white-space:normal;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}.cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent}.cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0;font-size:1rem}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;right:0;height:calc(1.375em + 26px);padding-right:12px;padding-left:12px;font-size:1rem}.cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{padding:8px 12px 12px;font-size:1rem}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em;transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');background-color:var(--color-base, #202122)}}.cdx-accordion[open]>summary:before{transform:rotate(-180deg)}.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-button-group .cdx-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-card{background-color:var(--background-color-base, #fff);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}.cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}.cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);outline:1px solid transparent}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}.cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{margin-top:8px;font-size:.875rem}.cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit;margin-right:12px}.cdx-label{display:flex;flex-direction:column;line-height:1.375}.cdx-label__label__icon.cdx-icon{margin-right:4px}.cdx-label__label__text{font-weight:700}legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){.cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}}.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-right:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25rem + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px;padding-left:calc(1.25rem + 8px)}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:var(--background-color-base-fixed, #fff);position:absolute;top:calc(50% - .5px);right:3px;left:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 0 0 8px;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-right:1px;border-radius:9999px;padding-right:2px;padding-left:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-right:8px}.cdx-menu-item__selected-icon{margin-left:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base--hover, #404244);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none;border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}.cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;position:absolute;left:0;z-index:50;box-sizing:border-box;width:100%;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{margin:0;padding:0;overflow-y:auto}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}.cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;border-radius:2px;overflow:hidden}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:9px;transform:translateY(-50%)}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem;transition-property:color;transition-duration:.1s;right:9px;transform:translateY(-50%)}.cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}.cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{right:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.375}.cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25rem)}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1rem)}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(24px + 2rem)}.cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}.cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-right-width:0}.cdx-combobox__expand-button.cdx-button{position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;left:50%;transform:translate(-50%,-50%)}.cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-right-radius:0}.cdx-dialog .cdx-combobox{position:static}.cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65));display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}.cdx-dialog{background-color:var(--background-color-base, #fff);display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0;font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);margin:0;padding:0;font-size:1rem;line-height:1.375}.cdx-dialog__header__close-button.cdx-button{margin-right:-8px}.cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;padding:16px 24px;overflow-y:auto}.cdx-dialog__body--no-header{padding-top:24px}.cdx-dialog__body--no-footer{padding-bottom:24px}.cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}.cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;margin:0;font-size:.875rem;line-height:1.5714285}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}.cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}.cdx-dialog-fade-enter-active,.cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden}.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0}.cdx-field{margin:16px 0 0;border:0;padding:0}.cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}.cdx-field__help-text,.cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){.cdx-field__help-text,.cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)}.cdx-info-chip{background-color:var(--background-color-transparent, transparent);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px;line-height:1.5714285}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-image:linear-gradient(135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));background-size:1.25rem 1.25rem;animation-name:cdx-animation-pending-stripes;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cdx-animation-pending-stripes{0%{background-position:-1.25rem 0}to{background-position:0 0}}.cdx-dialog .cdx-lookup{position:static}.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px;padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{min-width:32px;padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px;padding-right:11px;padding-left:11px}.cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}.cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}.cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244)}.cdx-toggle-button--framed:enabled:active,.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);color:var(--color-inverted-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-toggle-button--quiet:enabled:active,.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)}.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static}.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25rem + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px;padding-left:calc(1.25rem + 8px)}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}.cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);display:flex;border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');background-color:var(--color-base, #202122)}}.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select:enabled:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:12px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);color:var(--color-base--hover, #404244);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000);border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static}.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:right}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:left}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1);vertical-align:bottom}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:flex-end;gap:8px;width:100%;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:left;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-right:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px}.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent}.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{background-color:inherit;position:absolute;top:0;bottom:0}.cdx-tabs__prev-scroller{left:0}.cdx-tabs__next-scroller{right:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}.cdx-tabs__prev-scroller:after{left:100%}.cdx-tabs__next-scroller:before{right:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);display:block;flex:0 0 auto;max-width:16rem;border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-tabs__list__item:hover{cursor:pointer}.cdx-tabs__list__item[aria-selected=true]{cursor:default}.cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122);margin:8px 4px 0 8px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65));color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c);box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c);outline:1px solid transparent;overflow:hidden}.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem;transition-property:color;transition-duration:.1s;left:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem;transition-property:color;transition-duration:.1s;right:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);color:var(--color-base, #202122);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}.cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #72777d);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25rem)}.cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1rem)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2px;padding-top:1px;padding-left:1px;overflow:hidden}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1;margin-top:-1px;margin-left:-1px;border-radius:0}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2;box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}.cdx-toggle-switch__label:not(:empty),.cdx-toggle-switch__label.cdx-label:not(:empty){padding-right:6px}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transform:translate(.3125rem) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;right:0;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff);transform:translate(calc(100% + .0625rem)) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-tooltip{background-color:var(--background-color-inverted, #101418);color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;border-radius:2px;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}}.cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:22px;transform:translateY(-50%)}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/codex.umd.cjs b/resources/lib/codex/codex.umd.cjs index 7dbb1f2fdc6d..eb7e7759df44 100644 --- a/resources/lib/codex/codex.umd.cjs +++ b/resources/lib/codex/codex.umd.cjs @@ -1 +1 @@ -(function(y,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis!="undefined"?globalThis:y||self,t(y.codex={},y.Vue))})(this,function(y,t){"use strict";var qi=Object.defineProperty,ji=Object.defineProperties;var Wi=Object.getOwnPropertyDescriptors;var ot=Object.getOwnPropertySymbols;var wn=Object.prototype.hasOwnProperty,kn=Object.prototype.propertyIsEnumerable;var Ct=(y,t,H)=>t in y?qi(y,t,{enumerable:!0,configurable:!0,writable:!0,value:H}):y[t]=H,U=(y,t)=>{for(var H in t||(t={}))wn.call(t,H)&&Ct(y,H,t[H]);if(ot)for(var H of ot(t))kn.call(t,H)&&Ct(y,H,t[H]);return y},Z=(y,t)=>ji(y,Wi(t));var ce=(y,t)=>{var H={};for(var ne in y)wn.call(y,ne)&&t.indexOf(ne)<0&&(H[ne]=y[ne]);if(y!=null&&ot)for(var ne of ot(y))t.indexOf(ne)<0&&kn.call(y,ne)&&(H[ne]=y[ne]);return H};var fe=(y,t,H)=>(Ct(y,typeof t!="symbol"?t+"":t,H),H);var ee=(y,t,H)=>new Promise((ne,Pe)=>{var lt=me=>{try{De(H.next(me))}catch(Te){Pe(Te)}},at=me=>{try{De(H.throw(me))}catch(Te){Pe(Te)}},De=me=>me.done?ne(me.value):Promise.resolve(me.value).then(lt,at);De((H=H.apply(y,t)).next())});const H='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',ne='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',Pe='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',lt='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',at='<path d="M10 15 2 5h16z"/>',De='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',me='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',Te='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',$n='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',Bn='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',Sn='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',In='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',xn='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',En='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',Vn='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',Nn='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',An='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',Dn='<path d="m10 5 8 10H2z"/>',wt=H,Tn=ne,Ln=Pe,st=lt,Mn=at,kt=De,$t=me,Rn=Te,vn={langCodeMap:{ar:$n},default:Bn},On={ltr:Sn,shouldFlip:!0},Fn={ltr:In,shouldFlip:!0},Bt={ltr:xn,shouldFlip:!0},St={ltr:En,shouldFlip:!0},_n=Vn,zn=Nn,It=An,Pn=Dn;function Kn(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof l=="string"||"path"in l?l:l.ltr}function Hn(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function Le(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function xt(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function Y(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Ke="cdx",Un=["default","progressive","destructive"],qn=["normal","primary","quiet"],jn=["medium","large"],Wn=["x-small","small","medium"],Et=Y(["notice","warning","error","success"]),Qn=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],he=["default","warning","error","success"],Gn=["start","center","end","number"],Yn=120,Xn=500,Se="cdx-menu-footer-item",Vt=Symbol("CdxTabs"),Nt=Symbol("CdxActiveTab"),At=Symbol("CdxFieldInputId"),He=Symbol("CdxFieldDescriptionId"),Dt=Symbol("CdxFieldStatus"),Tt=Symbol("CdxDisabled"),Jn="".concat(Ke,"-no-invert"),Ue=Symbol("CdxTableRowIdentifier"),Zn=["top","bottom","both"],eo=Y(Wn),to=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:eo}},setup(e){const n=t.ref(),o=Le(n),l=xt(n),i=t.computed(()=>{var u;return(u=e.dir)!=null?u:o.value}),r=t.computed(()=>{var u;return(u=e.lang)!=null?u:l.value}),a=t.computed(()=>({"cdx-icon--flipped":i.value==="rtl"&&r.value!==null&&Hn(e.icon,r.value),["cdx-icon--".concat(e.size)]:!0})),d=t.computed(()=>{var u,p;return Kn(e.icon,(u=r.value)!=null?u:"",(p=i.value)!=null?p:"ltr")}),s=t.computed(()=>typeof d.value=="string"?d.value:""),c=t.computed(()=>typeof d.value!="string"?d.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:s,iconPath:c}}}),F=(e,n)=>{const o=e.__vccOpts||e;for(const[l,i]of n)o[l]=i;return o},no=["aria-hidden"],oo={key:0},lo=["innerHTML"],ao=["d"];function so(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",oo,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,lo)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,ao))],8,no))],2)}const j=F(to,[["render",so]]);function Lt(e){const n=[];for(const o of e)typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...Lt(o.children)));return n}function Mt(e,n){return typeof e.type=="object"&&"name"in e.type?n!==void 0?e.type.name===n:!0:!1}function io(e,n){return typeof e.type=="string"?e.type===n.toLowerCase():!1}function qe(e){const n=typeof e=="function"?e():e;return n?Lt(n):[]}function je(e,n){if(e()){t.warn(n);return}const o=t.watch(e,l=>{l&&(t.warn(n),o())})}function Rt(e,n,o){const l=t.computed(()=>{const i=qe(e);if(i.length!==1)return!1;const r=i[0];return!!(typeof r=="object"&&(Mt(r,"CdxIcon")||io(r,"svg")))});return je(()=>l.value&&!n["aria-label"]&&!n["aria-hidden"],"".concat(o,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),l}const ro=Y(Un),co=Y(qn),uo=Y(jn),po=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:ro},weight:{type:String,default:"normal",validator:co},size:{type:String,default:"medium",validator:uo}},emits:["click"],setup(e,{emit:n,slots:o,attrs:l}){const i=Rt(o.default,l,"CdxButton"),r=t.ref(!1),a=t.computed(()=>({["cdx-button--action-".concat(e.action)]:!0,["cdx-button--weight-".concat(e.weight)]:!0,["cdx-button--size-".concat(e.size)]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":i.value,"cdx-button--is-active":r.value})),d=p=>{n("click",p)},s=p=>{r.value=p};function c(){s(!0)}function u(p){s(!1),n("click",p)}return{rootClasses:a,onClick:d,onKeyDown:c,onKeyUp:u}}});function fo(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onKeydown:n[0]||(n[0]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[1]||(n[1]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"])),onClick:n[2]||(n[2]=(...a)=>e.onClick&&e.onClick(...a))},[t.renderSlot(e.$slots,"default")],34)}const ue=F(po,[["render",fo]]),mo=t.defineComponent({name:"CdxAccordion",components:{CdxButton:ue,CdxIcon:j},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:n,emit:o}){const l=t.ref("open"in n),i=()=>{o("action-button-click")},r=s=>{l.value=s.newState==="open"},a=t.computed(()=>e.actionIcon&&(l.value||e.actionAlwaysVisible)),d=t.computed(()=>({"cdx-accordion--has-icon":a.value}));return{emitActionButtonClick:i,rootClasses:d,shouldShowActionButton:a,onToggle:r}}}),ho={class:"cdx-accordion__header__title"},go={class:"cdx-accordion__header__description"};function bo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("details",{class:t.normalizeClass(["cdx-accordion",e.rootClasses]),onToggle:n[1]||(n[1]=(...s)=>e.onToggle&&e.onToggle(...s))},[t.createElementVNode("summary",null,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createElementVNode("span",ho,[t.renderSlot(e.$slots,"title")]),t.createElementVNode("span",go,[t.renderSlot(e.$slots,"description")])]),_:3})),e.shouldShowActionButton?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:t.withModifiers(e.emitActionButtonClick,["stop"])},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)]),t.createElementVNode("div",{class:"cdx-accordion__content",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default")])],34)}const yo=F(mo,[["render",bo]]);function vt(e){return e.label===void 0?e.value:e.label===null?"":e.label}function Ot(e){const n=t.ref(),o=t.ref(),l=t.ref(new Map),i=Le(n);function r(h,g){const $=h;$&&l.value.set(g,$)}function a(h){o.value=h}function d(){o.value=void 0}function s(h,g){var w;const $=h+g,C=e.value[$];if(C)if(C.disabled)s($,g);else{const B=(w=l.value.get($))==null?void 0:w.$el;B==null||B.focus()}}function c(){var h;s((h=o.value)!=null?h:-1,1)}function u(){var h;s((h=o.value)!=null?h:e.value.length,-1)}function p(){i.value==="rtl"?u():c()}function m(){i.value==="rtl"?c():u()}function f(h){switch(h.key){case"ArrowRight":h.preventDefault(),p();break;case"ArrowLeft":h.preventDefault(),m();break;case"ArrowDown":h.preventDefault(),c();break;case"ArrowUp":h.preventDefault(),u();break}}return{rootElement:n,assignTemplateRef:r,onFocus:a,onBlur:d,onKeydown:f}}const Co=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:ue,CdxIcon:j},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:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r}=Ot(t.toRef(e,"buttons"));return{rootElement:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r,getButtonLabel:vt}}}),wo={ref:"rootElement",class:"cdx-button-group"};function ko(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",wo,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,c)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:u=>e.assignTemplateRef(u,c),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,onClick:u=>e.$emit("click",s.value),onFocus:u=>e.onFocus(c),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["disabled","aria-label","onClick","onFocus","onBlur","onKeydown"]))),128))],512)}const $o=F(Co,[["render",ko]]),Bo=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:j},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:Rn}},setup:e=>{const n=t.ref(!1),o=t.ref({}),l=i=>{const r=i.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:'url("'.concat(r,'")')},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&l(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n,NoInvertClass:Jn}}}),So={class:"cdx-thumbnail"},Io={key:0,class:"cdx-thumbnail__placeholder"};function xo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",So,[e.thumbnailLoaded?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("span",Io,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:t.normalizeClass([e.NoInvertClass,"cdx-thumbnail__image"])},null,6)):t.createCommentVNode("v-if",!0)]),_:1})])}const it=F(Bo,[["render",xo]]),Eo=t.defineComponent({name:"CdxCard",components:{CdxIcon:j,CdxThumbnail:it},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 n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),l=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:l}}}),Vo={class:"cdx-card__text"},No={class:"cdx-card__text__title"},Ao={key:0,class:"cdx-card__text__description"},Do={key:1,class:"cdx-card__text__supporting-text"};function To(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Vo,[t.createElementVNode("span",No,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Ao,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",Do,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("v-if",!0)])]),_:3},8,["href","class"])}const Lo=F(Eo,[["render",To]]);function rt(e){const n=t.inject(Tt,t.ref(!1));return t.computed(()=>n.value||e.value)}function oe(e,n,o){const l=rt(e),i=t.inject(Dt,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),a=t.inject(At,void 0),d=t.computed(()=>{var s;return(s=a==null?void 0:a.value)!=null?s:o});return{computedDisabled:l,computedStatus:r,computedInputId:d}}function le(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=ce(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),l=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const s=e,{class:r,style:a}=s;return ce(s,["class","style"])});return{rootClasses:o,rootStyle:l,otherAttrs:i}}function W(e,n,o=[]){const l=t.inject("CdxI18nFunction",void 0);return t.computed(()=>{const i=o.map(a=>typeof a=="function"?a():a.value),r=l==null?void 0:l(e,...i);return r!=null?r:typeof n=="function"?n(...i):n})}function We(e,n,o,l=[]){const i=W(n,o,l);return t.computed(()=>e.value||i.value)}const Mo=t.defineComponent({name:"CdxLabel",components:{CdxIcon:j},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optional:{type:Boolean,default:!1},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=oe(t.toRef(e,"disabled")),l=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:i,rootStyle:r,otherAttrs:a}=le(n,l),d=We(t.toRef(e,"optionalFlag"),"cdx-label-optional-flag","(optional)");return{rootClasses:i,rootStyle:r,otherAttrs:a,translatedOptionalFlag:d}}}),Ro=["for"],vo={class:"cdx-label__label__text"},Oo={key:1,class:"cdx-label__label__optional-flag"},Fo=["id"],_o={class:"cdx-label__label"},zo={class:"cdx-label__label__text"},Po={key:1,class:"cdx-label__label__optional-flag"},Ko={key:0,class:"cdx-label__description"};function Ho(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",_o,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",zo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Po,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",Ko,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",vo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Oo,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)],16,Ro),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,Fo)):t.createCommentVNode("v-if",!0)],6))}const Me=F(Mo,[["render",Ho]]);function dt(e,n,o){je(()=>qe(e).length===0&&!(n!=null&&n["aria-label"])&&!(n!=null&&n["aria-labelledby"]),"".concat(o,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}function te(e,n,o){return t.computed({get:()=>e.value,set:l=>n(o||"update:modelValue",l)})}let ct=0;function q(e){var l;const n=t.getCurrentInstance(),o=(l=n==null?void 0:n.props.id)!=null?l:n==null?void 0:n.attrs.id;return e?"".concat(Ke,"-").concat(e,"-").concat(ct++):o?"".concat(Ke,"-").concat(o,"-").concat(ct++):"".concat(Ke,"-").concat(ct++)}const Uo=Y(he),qo=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:Me},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},status:{type:String,default:"default",validator:Uo}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;dt((m=o.default)==null?void 0:m.call(o),l,"CdxCheckbox");const{computedDisabled:i,computedStatus:r}=oe(t.toRef(e,"disabled"),t.toRef(e,"status")),a=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),d=t.computed(()=>({"cdx-checkbox__custom-input--inline":e.inline})),s=t.ref(),c=q("checkbox"),u=q("description"),p=te(t.toRef(e,"modelValue"),n);return{rootClasses:a,computedDisabled:i,input:s,checkboxId:c,descriptionId:u,wrappedModel:p,customInputClasses:d}}}),jo={class:"cdx-checkbox__wrapper"},Wo=["id","aria-describedby","value","name","disabled",".indeterminate"],Qo=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function Go(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.createElementVNode("div",jo,[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,name:e.name,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,Wo),[[t.vModelCheckbox,e.wrappedModel]]),Qo,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,"visually-hidden":e.hideLabel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","visually-hidden"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-checkbox__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const Ft=F(qo,[["render",Go]]),Yo=t.defineComponent({name:"CdxInputChip",components:{CdxButton:ue,CdxIcon:j},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const o=t.ref(),l=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),i=W("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function r(a){var d;switch(a.key){case"Enter":n("click-chip"),a.preventDefault(),a.stopPropagation();break;case"Escape":(d=o.value)==null||d.blur(),a.preventDefault(),a.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",a.key),a.preventDefault(),a.stopPropagation();break;case"ArrowLeft":n("arrow-left"),a.preventDefault(),a.stopPropagation();break;case"ArrowRight":n("arrow-right"),a.preventDefault(),a.stopPropagation();break}}return{rootElement:o,rootClasses:l,ariaDescription:i,onKeydown:r,cdxIconClose:st}},methods:{focus(){this.$refs.rootElement.focus()}}}),Xo=["aria-description"],Jo={class:"cdx-input-chip__text"};function Zo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Jo,[t.renderSlot(e.$slots,"default")]),t.createVNode(d,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,Xo)}const el=F(Yo,[["render",Zo]]),tl=Y(he),nl=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:el},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:tl},disabled:{type:Boolean,default:!1}},emits:["update:input-chips"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=Le(l),r=t.ref(),a=t.ref(""),d=t.ref("default"),s=t.computed(()=>d.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:c,computedStatus:u}=oe(t.toRef(e,"disabled"),s),p=t.ref(!1),m=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(u.value)]:!0,"cdx-chip-input--focused":p.value,"cdx-chip-input--disabled":c.value})),{rootClasses:f,rootStyle:h,otherAttrs:g}=le(o,m),$=[];function C(T,_){T!==null&&($[_]=T)}const w=()=>{r.value.focus()};function B(){e.inputChips.find(T=>T.value===a.value)?d.value="error":a.value.length>0&&(n("update:input-chips",e.inputChips.concat({value:a.value})),a.value="")}function V(T){n("update:input-chips",e.inputChips.filter(_=>_.value!==T.value))}function N(T,_){const O=i.value==="ltr"&&T==="left"||i.value==="rtl"&&T==="right"?-1:1,A=_+O;if(!(A<0)){if(A>=e.inputChips.length){w();return}$[A].focus()}}function D(T){return ee(this,null,function*(){B(),yield t.nextTick(),V(T),a.value=T.value,w()})}function E(T,_,O){if(O==="button")w();else if(O==="Backspace"){const A=_===0?1:_-1;A<e.inputChips.length?$[A].focus():w()}else if(O==="Delete"){const A=_+1;A<e.inputChips.length?$[A].focus():w()}V(T)}function S(T){var O,A;const _=i.value==="rtl"?"ArrowRight":"ArrowLeft";switch(T.key){case"Enter":if(a.value.length>0){B(),T.preventDefault(),T.stopPropagation();return}break;case"Escape":(O=r.value)==null||O.blur(),T.preventDefault(),T.stopPropagation();return;case"Backspace":case _:if(((A=r.value)==null?void 0:A.selectionStart)===0&&r.value.selectionEnd===0&&e.inputChips.length>0){$[e.inputChips.length-1].focus(),T.preventDefault(),T.stopPropagation();return}break}}function k(){p.value=!0}function b(){p.value=!1}function M(T){var _;(_=l.value)!=null&&_.contains(T.relatedTarget)||B()}return t.watch(t.toRef(e,"inputChips"),T=>{const _=T.find(O=>O.value===a.value);d.value=_?"error":"default"}),t.watch(a,()=>{d.value==="error"&&(d.value="default")}),{rootElement:l,input:r,inputValue:a,rootClasses:f,rootStyle:h,otherAttrs:g,assignChipTemplateRef:C,handleChipClick:D,handleChipRemove:E,moveChipFocus:N,onInputKeydown:S,focusInput:w,onInputFocus:k,onInputBlur:b,onFocusOut:M,computedDisabled:c}}}),ol={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},ll=["disabled"],al={key:0,class:"cdx-chip-input__separate-input"},sl=["disabled"];function il(e,n,o,l,i,r){const a=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...d)=>e.focusInput&&e.focusInput(...d)),onFocusout:n[9]||(n[9]=(...d)=>e.onFocusOut&&e.onFocusOut(...d))},[t.createElementVNode("div",ol,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(d,s)=>(t.openBlock(),t.createBlock(a,{key:d.value,ref_for:!0,ref:c=>e.assignChipTemplateRef(c,s),class:"cdx-chip-input__item",icon:d.icon,disabled:e.computedDisabled,onClickChip:c=>e.handleChipClick(d),onRemoveChip:c=>e.handleChipRemove(d,s,c),onArrowLeft:c=>e.moveChipFocus("left",s),onArrowRight:c=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.inputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[2]||(n[2]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[3]||(n[3]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,ll)),[[t.vModelDynamic,e.inputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",al,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=d=>e.inputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[6]||(n[6]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[7]||(n[7]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,sl),[[t.vModelDynamic,e.inputValue]])])):t.createCommentVNode("v-if",!0)],38)}const rl=F(nl,[["render",il]]);function _t(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const dl="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function zt(e,n){if(!e)return[n,"",""];const o=_t(e),l=new RegExp(o+dl+"*","i").exec(n);if(!l||l.index===void 0)return[n,"",""];const i=l.index,r=i+l[0].length,a=n.slice(i,r),d=n.slice(0,i),s=n.slice(r,n.length);return[d,a,s]}const cl=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:_t,splitStringAtMatch:zt},Symbol.toStringTag,{value:"Module"})),ul=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>zt(e.searchQuery,String(e.title)))})}),pl={class:"cdx-search-result-title"},fl={class:"cdx-search-result-title__match"};function ml(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",pl,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",fl,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Pt=F(ul,[["render",ml]]),hl=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:j,CdxThumbnail:it,CdxSearchResultTitle:Pt},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})},action:{type:String,default:"default"},multiselect:{type:Boolean,default:!1}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},l=()=>{n("change","highlighted",!1)},i=u=>{u.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--destructive":e.action&&e.action==="destructive","cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:l,onMouseDown:i,onClick:r,highlightQuery:a,rootClasses:d,contentTag:s,title:c}}}),gl=["id","aria-disabled","aria-selected","aria-checked"],bl={class:"cdx-menu-item__text"},yl=["lang"],Cl=["lang"],wl=["lang"],kl=["lang"];function $l(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected&&!e.multiselect?!0:void 0,"aria-checked":e.selected&&e.multiselect?!0:void 0,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,u,p,m,f,h;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",bl,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(u=e.language)==null?void 0:u.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,yl)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(p=e.language)==null?void 0:p.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(m=e.language)==null?void 0:m.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,Cl))],64)):t.createCommentVNode("v-if",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(f=e.language)==null?void 0:f.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,wl)],64)):t.createCommentVNode("v-if",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(h=e.language)==null?void 0:h.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,kl)):t.createCommentVNode("v-if",!0)])]}),_:1},8,["href"]))])],42,gl)}const Kt=F(hl,[["render",$l]]),Bl=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){je(()=>!e.inline&&!n["aria-label"]&&!n["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const o=t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),l=t.computed(()=>e.inline?"true":void 0);return{rootClasses:o,computedAriaHidden:l}}}),Sl=["aria-hidden","aria-disabled"],Il=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function xl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},Il,10,Sl)}const ut=F(Bl,[["render",xl]]);function Qe(e,n){const o=t.ref(!1);let l=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{l=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{l=!1,i.disconnect()}),t.watch(e,r=>{l&&(i.disconnect(),o.value=!1,r&&i.observe(r))}),o}function Ge(e){return e!==null&&Array.isArray(e)}const El=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Kt,CdxProgressBar:ut},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,Array,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:l}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(R=>Z(U({},R),{id:q("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),a=t.ref(null),d=t.ref(!1),s=t.ref(null),c="additions removals";let u="",p=null;function m(){u="",p!==null&&(clearTimeout(p),p=null)}function f(){p!==null&&clearTimeout(p),p=setTimeout(m,1500)}function h(){var I;return(I=i.value.find(R=>Ge(e.selected)?e.selected.indexOf(R.value)!==-1:R.value===e.selected))!=null?I:null}const g=t.computed(()=>Ge(e.selected));function $(I){return Ge(e.selected)?e.selected.indexOf(I)!==-1:I===e.selected}function C(I){if(Ge(e.selected)){const R=e.selected.indexOf(I)===-1?e.selected.concat(I):e.selected.filter(G=>G!==I);n("update:selected",R)}else n("update:selected",I)}function w(I,R){if(!(R&&R.disabled))switch(I){case"selected":R&&C(R.value),g.value||n("update:expanded",!1),s.value=null;break;case"highlighted":a.value=R!=null?R:null,d.value=!1;break;case"highlightedViaKeyboard":a.value=R!=null?R:null,d.value=!0;break;case"active":s.value=R!=null?R:null;break}}const B=t.computed(()=>{if(a.value!==null)return i.value.findIndex(I=>I.value===a.value.value)});function V(I){I&&(w("highlightedViaKeyboard",I),n("menu-item-keyboard-navigation",I))}function N(I){var Q;const R=x=>{for(let L=x-1;L>=0;L--)if(!i.value[L].disabled)return i.value[L]};I=I!=null?I:i.value.length;const G=(Q=R(I))!=null?Q:R(i.value.length);V(G)}function D(I){var Q;const R=x=>i.value.find((L,P)=>!L.disabled&&P>x);I=I!=null?I:-1;const G=(Q=R(I))!=null?Q:R(-1);V(G)}function E(I){if(I.key==="Clear")return m(),!0;if(I.key==="Backspace")return u=u.slice(0,-1),f(),!0;if(I.key.length===1&&!I.metaKey&&!I.ctrlKey&&!I.altKey){if(e.expanded||n("update:expanded",!0),I.key===" "&&u.length<1)return!1;u+=I.key.toLowerCase();const R=u.length>1&&u.split("").every(L=>L===u[0]);let G=i.value,Q=u;R&&B.value!==void 0&&(G=G.slice(B.value+1).concat(G.slice(0,B.value)),Q=u[0]);const x=G.find(L=>{var P;return!L.disabled&&String((P=L.label)!=null?P:L.value).toLowerCase().startsWith(Q)});return x&&(w("highlightedViaKeyboard",x),O()),f(),!0}return!1}function S(I,{prevent:R=!0,characterNavigation:G=!1}={}){if(G){if(E(I))return I.preventDefault(),!0;m()}function Q(){R&&(I.preventDefault(),I.stopPropagation())}switch(I.key){case"Enter":case" ":return Q(),e.expanded?(a.value&&d.value&&C(a.value.value),g.value||n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(a.value&&d.value&&C(a.value.value),g.value||n("update:expanded",!1)),!0;case"ArrowUp":return Q(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),N(B.value)):n("update:expanded",!0),O(),!0;case"ArrowDown":return Q(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),D(B.value)):n("update:expanded",!0),O(),!0;case"Home":return Q(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),D()):n("update:expanded",!0),O(),!0;case"End":return Q(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),N()):n("update:expanded",!0),O(),!0;case"Escape":return Q(),n("update:expanded",!1),!0;default:return!1}}function k(){w("active",null)}const b=[],M=t.ref(void 0),T=Qe(M,{threshold:.8});t.watch(T,I=>{I&&n("load-more")});function _(I,R){if(I){b[R]=I.$el;const G=e.visibleItemLimit;if(!G||e.menuItems.length<G)return;const Q=Math.min(G,Math.max(2,Math.floor(.2*e.menuItems.length)));R===e.menuItems.length-Q&&(M.value=I.$el)}}function O(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||B.value===void 0)return;const I=B.value>=0?B.value:0;b[I].scrollIntoView({behavior:"smooth",block:"nearest"})}const A=t.ref(null),z=t.ref(null);function X(){return ee(this,null,function*(){yield t.nextTick(),J(),de(),yield t.nextTick(),O()})}function J(){if(e.footer){const I=b[b.length-1];z.value=I.scrollHeight}else z.value=null}function de(){if(!e.visibleItemLimit||b.length<=e.visibleItemLimit){A.value=null;return}const I=b[0].getBoundingClientRect().top,R=b[e.visibleItemLimit].getBoundingClientRect().top;A.value=R-I+2}t.onMounted(()=>{document.addEventListener("mouseup",k)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",k)}),t.watch(t.toRef(e,"expanded"),I=>ee(this,null,function*(){if(I){const R=h();R&&!a.value&&w("highlighted",R),yield X()}else w("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),I=>ee(this,null,function*(){I.length<b.length&&(b.length=I.length),e.expanded&&(yield X())}),{deep:!0});const $e=t.computed(()=>({"max-height":A.value?"".concat(A.value,"px"):void 0,"margin-bottom":z.value?"".concat(z.value,"px"):void 0})),v=t.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:K,rootStyle:ie,otherAttrs:Ae}=le(l,v);return{listBoxStyle:$e,rootClasses:K,rootStyle:ie,otherAttrs:Ae,assignTemplateRef:_,computedMenuItems:i,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:s,handleMenuItemChange:w,handleKeyNavigation:S,ariaRelevant:c,isMultiselect:g,isItemSelected:$}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),Vl=["aria-live","aria-relevant","aria-multiselectable"],Nl={key:0,class:"cdx-menu__pending cdx-menu-item"},Al={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Dl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0,"aria-multiselectable":e.isMultiselect?!0:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Nl,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("v-if",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Al,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,c)=>{var u,p;return t.openBlock(),t.createBlock(a,t.mergeProps({key:s.value,ref_for:!0,ref:m=>e.assignTemplateRef(m,c)},s,{selected:e.isItemSelected(s.value),active:s.value===((u=e.activeMenuItem)==null?void 0:u.value),highlighted:s.value===((p=e.highlightedMenuItem)==null?void 0:p.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,multiselect:e.isMultiselect,onChange:(m,f)=>e.handleMenuItemChange(m,f?s:null),onClick:m=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var m,f;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((m=e.activeMenuItem)==null?void 0:m.value)&&s.value===((f=e.highlightedMenuItem)==null?void 0:f.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","multiselect","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("v-if",!0)],16,Vl)],6)),[[t.vShow,e.expanded]])}const Ie=F(El,[["render",Dl]]),Tl=Y(Qn),Ll=Y(he),Ml=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:j},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Tl},status:{type:String,default:"default",validator:Ll},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const l=o.id,{computedDisabled:i,computedStatus:r,computedInputId:a}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),l),d=t.inject(He,void 0),s=te(t.toRef(e,"modelValue"),n),c=t.computed(()=>e.clearable&&!!s.value&&!i.value),u=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":c.value,["cdx-text-input--status-".concat(r.value)]:!0})),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(o,u),h=t.computed(()=>{const S=f.value,{id:D}=S;return ce(S,["id"])}),g=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{computedInputId:a,descriptionId:d,wrappedModel:s,isClearable:c,rootClasses:p,rootStyle:m,otherAttrsMinusId:h,inputClasses:g,computedDisabled:i,onClear:D=>{s.value="",n("clear",D)},onInput:D=>{n("input",D)},onChange:D=>{n("change",D)},onKeydown:D=>{(D.key==="Home"||D.key==="End")&&!D.ctrlKey&&!D.metaKey||n("keydown",D)},onFocus:D=>{n("focus",D)},onBlur:D=>{n("blur",D)},cdxIconClear:Ln}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Rl=["id","type","aria-describedby","disabled"];function vl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,Rl),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("v-if",!0)],6)}const Ye=F(Ml,[["render",vl]]),Ol=["top","right","bottom","left"],xe=Math.min,ae=Math.max,Xe=Math.round,Je=Math.floor,Ce=e=>({x:e,y:e}),Fl={left:"right",right:"left",bottom:"top",top:"bottom"},_l={start:"end",end:"start"};function Ht(e,n,o){return ae(e,xe(n,o))}function Ee(e,n){return typeof e=="function"?e(n):e}function we(e){return e.split("-")[0]}function Re(e){return e.split("-")[1]}function Ut(e){return e==="x"?"y":"x"}function qt(e){return e==="y"?"height":"width"}function ve(e){return["top","bottom"].includes(we(e))?"y":"x"}function jt(e){return Ut(ve(e))}function zl(e,n,o){o===void 0&&(o=!1);const l=Re(e),i=jt(e),r=qt(i);let a=i==="x"?l===(o?"end":"start")?"right":"left":l==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(a=Ze(a)),[a,Ze(a)]}function Pl(e){const n=Ze(e);return[pt(e),n,pt(n)]}function pt(e){return e.replace(/start|end/g,n=>_l[n])}function Kl(e,n,o){const l=["left","right"],i=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(e){case"top":case"bottom":return o?n?i:l:n?l:i;case"left":case"right":return n?r:a;default:return[]}}function Hl(e,n,o,l){const i=Re(e);let r=Kl(we(e),o==="start",l);return i&&(r=r.map(a=>a+"-"+i),n&&(r=r.concat(r.map(pt)))),r}function Ze(e){return e.replace(/left|right|bottom|top/g,n=>Fl[n])}function Ul(e){return U({top:0,right:0,bottom:0,left:0},e)}function ql(e){return typeof e!="number"?Ul(e):{top:e,right:e,bottom:e,left:e}}function et(e){return Z(U({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}function Wt(e,n,o){let{reference:l,floating:i}=e;const r=ve(n),a=jt(n),d=qt(a),s=we(n),c=r==="y",u=l.x+l.width/2-i.width/2,p=l.y+l.height/2-i.height/2,m=l[d]/2-i[d]/2;let f;switch(s){case"top":f={x:u,y:l.y-i.height};break;case"bottom":f={x:u,y:l.y+l.height};break;case"right":f={x:l.x+l.width,y:p};break;case"left":f={x:l.x-i.width,y:p};break;default:f={x:l.x,y:l.y}}switch(Re(n)){case"start":f[a]-=m*(o&&c?-1:1);break;case"end":f[a]+=m*(o&&c?-1:1);break}return f}const jl=(e,n,o)=>ee(this,null,function*(){const{placement:l="bottom",strategy:i="absolute",middleware:r=[],platform:a}=o,d=r.filter(Boolean),s=yield a.isRTL==null?void 0:a.isRTL(n);let c=yield a.getElementRects({reference:e,floating:n,strategy:i}),{x:u,y:p}=Wt(c,l,s),m=l,f={},h=0;for(let g=0;g<d.length;g++){const{name:$,fn:C}=d[g],{x:w,y:B,data:V,reset:N}=yield C({x:u,y:p,initialPlacement:l,placement:m,strategy:i,middlewareData:f,rects:c,platform:a,elements:{reference:e,floating:n}});u=w!=null?w:u,p=B!=null?B:p,f=Z(U({},f),{[$]:U(U({},f[$]),V)}),N&&h<=50&&(h++,typeof N=="object"&&(N.placement&&(m=N.placement),N.rects&&(c=N.rects===!0?yield a.getElementRects({reference:e,floating:n,strategy:i}):N.rects),{x:u,y:p}=Wt(c,m,s)),g=-1)}return{x:u,y:p,placement:m,strategy:i,middlewareData:f}});function Oe(e,n){return ee(this,null,function*(){var o;n===void 0&&(n={});const{x:l,y:i,platform:r,rects:a,elements:d,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:m=!1,padding:f=0}=Ee(n,e),h=ql(f),$=d[m?p==="floating"?"reference":"floating":p],C=et(yield r.getClippingRect({element:(o=yield r.isElement==null?void 0:r.isElement($))==null||o?$:$.contextElement||(yield r.getDocumentElement==null?void 0:r.getDocumentElement(d.floating)),boundary:c,rootBoundary:u,strategy:s})),w=p==="floating"?Z(U({},a.floating),{x:l,y:i}):a.reference,B=yield r.getOffsetParent==null?void 0:r.getOffsetParent(d.floating),V=(yield r.isElement==null?void 0:r.isElement(B))?(yield r.getScale==null?void 0:r.getScale(B))||{x:1,y:1}:{x:1,y:1},N=et(r.convertOffsetParentRelativeRectToViewportRelativeRect?yield r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:w,offsetParent:B,strategy:s}):w);return{top:(C.top-N.top+h.top)/V.y,bottom:(N.bottom-C.bottom+h.bottom)/V.y,left:(C.left-N.left+h.left)/V.x,right:(N.right-C.right+h.right)/V.x}})}const Wl=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(o){return ee(this,null,function*(){var l,i;const{placement:r,middlewareData:a,rects:d,initialPlacement:s,platform:c,elements:u}=o,_=Ee(e,o),{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:$=!0}=_,C=ce(_,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const w=we(r),B=we(s)===s,V=yield c.isRTL==null?void 0:c.isRTL(u.floating),N=f||(B||!$?[Ze(s)]:Pl(s));!f&&g!=="none"&&N.push(...Hl(s,$,g,V));const D=[s,...N],E=yield Oe(o,C),S=[];let k=((i=a.flip)==null?void 0:i.overflows)||[];if(p&&S.push(E[w]),m){const O=zl(r,d,V);S.push(E[O[0]],E[O[1]])}if(k=[...k,{placement:r,overflows:S}],!S.every(O=>O<=0)){var b,M;const O=(((b=a.flip)==null?void 0:b.index)||0)+1,A=D[O];if(A)return{data:{index:O,overflows:k},reset:{placement:A}};let z=(M=k.filter(X=>X.overflows[0]<=0).sort((X,J)=>X.overflows[1]-J.overflows[1])[0])==null?void 0:M.placement;if(!z)switch(h){case"bestFit":{var T;const X=(T=k.map(J=>[J.placement,J.overflows.filter(de=>de>0).reduce((de,$e)=>de+$e,0)]).sort((J,de)=>J[1]-de[1])[0])==null?void 0:T[0];X&&(z=X);break}case"initialPlacement":z=s;break}if(r!==z)return{reset:{placement:z}}}return{}})}}};function Qt(e,n){return{top:e.top-n.height,right:e.right-n.width,bottom:e.bottom-n.height,left:e.left-n.width}}function Gt(e){return Ol.some(n=>e[n]>=0)}const Ql=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(o){return ee(this,null,function*(){const{rects:l}=o,a=Ee(e,o),{strategy:i="referenceHidden"}=a,r=ce(a,["strategy"]);switch(i){case"referenceHidden":{const d=yield Oe(o,Z(U({},r),{elementContext:"reference"})),s=Qt(d,l.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Gt(s)}}}case"escaped":{const d=yield Oe(o,Z(U({},r),{altBoundary:!0})),s=Qt(d,l.floating);return{data:{escapedOffsets:s,escaped:Gt(s)}}}default:return{}}})}}};function Gl(e,n){return ee(this,null,function*(){const{placement:o,platform:l,elements:i}=e,r=yield l.isRTL==null?void 0:l.isRTL(i.floating),a=we(o),d=Re(o),s=ve(o)==="y",c=["left","top"].includes(a)?-1:1,u=r&&s?-1:1,p=Ee(n,e);let{mainAxis:m,crossAxis:f,alignmentAxis:h}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:U({mainAxis:0,crossAxis:0,alignmentAxis:null},p);return d&&typeof h=="number"&&(f=d==="end"?h*-1:h),s?{x:f*u,y:m*c}:{x:m*c,y:f*u}})}const Yt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(o){return ee(this,null,function*(){var l,i;const{x:r,y:a,placement:d,middlewareData:s}=o,c=yield Gl(o,e);return d===((l=s.offset)==null?void 0:l.placement)&&(i=s.arrow)!=null&&i.alignmentOffset?{}:{x:r+c.x,y:a+c.y,data:Z(U({},c),{placement:d})}})}}},Yl=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(o){return ee(this,null,function*(){const{x:l,y:i,placement:r}=o,C=Ee(e,o),{mainAxis:a=!0,crossAxis:d=!1,limiter:s={fn:w=>{let{x:B,y:V}=w;return{x:B,y:V}}}}=C,c=ce(C,["mainAxis","crossAxis","limiter"]),u={x:l,y:i},p=yield Oe(o,c),m=ve(we(r)),f=Ut(m);let h=u[f],g=u[m];if(a){const w=f==="y"?"top":"left",B=f==="y"?"bottom":"right",V=h+p[w],N=h-p[B];h=Ht(V,h,N)}if(d){const w=m==="y"?"top":"left",B=m==="y"?"bottom":"right",V=g+p[w],N=g-p[B];g=Ht(V,g,N)}const $=s.fn(Z(U({},o),{[f]:h,[m]:g}));return Z(U({},$),{data:{x:$.x-l,y:$.y-i}})})}}},Xl=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(o){return ee(this,null,function*(){const{placement:l,rects:i,platform:r,elements:a}=o,E=Ee(e,o),{apply:d=()=>{}}=E,s=ce(E,["apply"]),c=yield Oe(o,s),u=we(l),p=Re(l),m=ve(l)==="y",{width:f,height:h}=i.floating;let g,$;u==="top"||u==="bottom"?(g=u,$=p===((yield r.isRTL==null?void 0:r.isRTL(a.floating))?"start":"end")?"left":"right"):($=u,g=p==="end"?"top":"bottom");const C=h-c[g],w=f-c[$],B=!o.middlewareData.shift;let V=C,N=w;if(m){const S=f-c.left-c.right;N=p||B?xe(w,S):S}else{const S=h-c.top-c.bottom;V=p||B?xe(C,S):S}if(B&&!p){const S=ae(c.left,0),k=ae(c.right,0),b=ae(c.top,0),M=ae(c.bottom,0);m?N=f-2*(S!==0||k!==0?S+k:ae(c.left,c.right)):V=h-2*(b!==0||M!==0?b+M:ae(c.top,c.bottom))}yield d(Z(U({},o),{availableWidth:N,availableHeight:V}));const D=yield r.getDimensions(a.floating);return f!==D.width||h!==D.height?{reset:{rects:!0}}:{}})}}};function ge(e){return ft(e)?(e.nodeName||"").toLowerCase():"#document"}function se(e){var n;return(e==null||(n=e.ownerDocument)==null?void 0:n.defaultView)||window}function be(e){var n;return(n=(ft(e)?e.ownerDocument:e.document)||window.document)==null?void 0:n.documentElement}function ft(e){return e instanceof Node||e instanceof se(e).Node}function ye(e){return e instanceof Element||e instanceof se(e).Element}function pe(e){return e instanceof HTMLElement||e instanceof se(e).HTMLElement}function Xt(e){return typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof se(e).ShadowRoot}function Fe(e){const{overflow:n,overflowX:o,overflowY:l,display:i}=re(e);return/auto|scroll|overlay|hidden|clip/.test(n+l+o)&&!["inline","contents"].includes(i)}function Jl(e){return["table","td","th"].includes(ge(e))}function mt(e){const n=ht(),o=re(e);return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!n&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!n&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(l=>(o.willChange||"").includes(l))||["paint","layout","strict","content"].some(l=>(o.contain||"").includes(l))}function Zl(e){let n=Ve(e);for(;pe(n)&&!tt(n);){if(mt(n))return n;n=Ve(n)}return null}function ht(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function tt(e){return["html","body","#document"].includes(ge(e))}function re(e){return se(e).getComputedStyle(e)}function nt(e){return ye(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ve(e){if(ge(e)==="html")return e;const n=e.assignedSlot||e.parentNode||Xt(e)&&e.host||be(e);return Xt(n)?n.host:n}function Jt(e){const n=Ve(e);return tt(n)?e.ownerDocument?e.ownerDocument.body:e.body:pe(n)&&Fe(n)?n:Jt(n)}function _e(e,n,o){var l;n===void 0&&(n=[]),o===void 0&&(o=!0);const i=Jt(e),r=i===((l=e.ownerDocument)==null?void 0:l.body),a=se(i);return r?n.concat(a,a.visualViewport||[],Fe(i)?i:[],a.frameElement&&o?_e(a.frameElement):[]):n.concat(i,_e(i,[],o))}function Zt(e){const n=re(e);let o=parseFloat(n.width)||0,l=parseFloat(n.height)||0;const i=pe(e),r=i?e.offsetWidth:o,a=i?e.offsetHeight:l,d=Xe(o)!==r||Xe(l)!==a;return d&&(o=r,l=a),{width:o,height:l,$:d}}function gt(e){return ye(e)?e:e.contextElement}function Ne(e){const n=gt(e);if(!pe(n))return Ce(1);const o=n.getBoundingClientRect(),{width:l,height:i,$:r}=Zt(n);let a=(r?Xe(o.width):o.width)/l,d=(r?Xe(o.height):o.height)/i;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}const ea=Ce(0);function en(e){const n=se(e);return!ht()||!n.visualViewport?ea:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function ta(e,n,o){return n===void 0&&(n=!1),!o||n&&o!==se(e)?!1:n}function ke(e,n,o,l){n===void 0&&(n=!1),o===void 0&&(o=!1);const i=e.getBoundingClientRect(),r=gt(e);let a=Ce(1);n&&(l?ye(l)&&(a=Ne(l)):a=Ne(e));const d=ta(r,o,l)?en(r):Ce(0);let s=(i.left+d.x)/a.x,c=(i.top+d.y)/a.y,u=i.width/a.x,p=i.height/a.y;if(r){const m=se(r),f=l&&ye(l)?se(l):l;let h=m,g=h.frameElement;for(;g&&l&&f!==h;){const $=Ne(g),C=g.getBoundingClientRect(),w=re(g),B=C.left+(g.clientLeft+parseFloat(w.paddingLeft))*$.x,V=C.top+(g.clientTop+parseFloat(w.paddingTop))*$.y;s*=$.x,c*=$.y,u*=$.x,p*=$.y,s+=B,c+=V,h=se(g),g=h.frameElement}}return et({width:u,height:p,x:s,y:c})}const na=[":popover-open",":modal"];function tn(e){return na.some(n=>{try{return e.matches(n)}catch(o){return!1}})}function oa(e){let{elements:n,rect:o,offsetParent:l,strategy:i}=e;const r=i==="fixed",a=be(l),d=n?tn(n.floating):!1;if(l===a||d&&r)return o;let s={scrollLeft:0,scrollTop:0},c=Ce(1);const u=Ce(0),p=pe(l);if((p||!p&&!r)&&((ge(l)!=="body"||Fe(a))&&(s=nt(l)),pe(l))){const m=ke(l);c=Ne(l),u.x=m.x+l.clientLeft,u.y=m.y+l.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-s.scrollLeft*c.x+u.x,y:o.y*c.y-s.scrollTop*c.y+u.y}}function la(e){return Array.from(e.getClientRects())}function nn(e){return ke(be(e)).left+nt(e).scrollLeft}function aa(e){const n=be(e),o=nt(e),l=e.ownerDocument.body,i=ae(n.scrollWidth,n.clientWidth,l.scrollWidth,l.clientWidth),r=ae(n.scrollHeight,n.clientHeight,l.scrollHeight,l.clientHeight);let a=-o.scrollLeft+nn(e);const d=-o.scrollTop;return re(l).direction==="rtl"&&(a+=ae(n.clientWidth,l.clientWidth)-i),{width:i,height:r,x:a,y:d}}function sa(e,n){const o=se(e),l=be(e),i=o.visualViewport;let r=l.clientWidth,a=l.clientHeight,d=0,s=0;if(i){r=i.width,a=i.height;const c=ht();(!c||c&&n==="fixed")&&(d=i.offsetLeft,s=i.offsetTop)}return{width:r,height:a,x:d,y:s}}function ia(e,n){const o=ke(e,!0,n==="fixed"),l=o.top+e.clientTop,i=o.left+e.clientLeft,r=pe(e)?Ne(e):Ce(1),a=e.clientWidth*r.x,d=e.clientHeight*r.y,s=i*r.x,c=l*r.y;return{width:a,height:d,x:s,y:c}}function on(e,n,o){let l;if(n==="viewport")l=sa(e,o);else if(n==="document")l=aa(be(e));else if(ye(n))l=ia(n,o);else{const i=en(e);l=Z(U({},n),{x:n.x-i.x,y:n.y-i.y})}return et(l)}function ln(e,n){const o=Ve(e);return o===n||!ye(o)||tt(o)?!1:re(o).position==="fixed"||ln(o,n)}function ra(e,n){const o=n.get(e);if(o)return o;let l=_e(e,[],!1).filter(d=>ye(d)&&ge(d)!=="body"),i=null;const r=re(e).position==="fixed";let a=r?Ve(e):e;for(;ye(a)&&!tt(a);){const d=re(a),s=mt(a);!s&&d.position==="fixed"&&(i=null),(r?!s&&!i:!s&&d.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Fe(a)&&!s&&ln(e,a))?l=l.filter(u=>u!==a):i=d,a=Ve(a)}return n.set(e,l),l}function da(e){let{element:n,boundary:o,rootBoundary:l,strategy:i}=e;const a=[...o==="clippingAncestors"?ra(n,this._c):[].concat(o),l],d=a[0],s=a.reduce((c,u)=>{const p=on(n,u,i);return c.top=ae(p.top,c.top),c.right=xe(p.right,c.right),c.bottom=xe(p.bottom,c.bottom),c.left=ae(p.left,c.left),c},on(n,d,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function ca(e){const{width:n,height:o}=Zt(e);return{width:n,height:o}}function ua(e,n,o){const l=pe(n),i=be(n),r=o==="fixed",a=ke(e,!0,r,n);let d={scrollLeft:0,scrollTop:0};const s=Ce(0);if(l||!l&&!r)if((ge(n)!=="body"||Fe(i))&&(d=nt(n)),l){const p=ke(n,!0,r,n);s.x=p.x+n.clientLeft,s.y=p.y+n.clientTop}else i&&(s.x=nn(i));const c=a.left+d.scrollLeft-s.x,u=a.top+d.scrollTop-s.y;return{x:c,y:u,width:a.width,height:a.height}}function an(e,n){return!pe(e)||re(e).position==="fixed"?null:n?n(e):e.offsetParent}function sn(e,n){const o=se(e);if(!pe(e)||tn(e))return o;let l=an(e,n);for(;l&&Jl(l)&&re(l).position==="static";)l=an(l,n);return l&&(ge(l)==="html"||ge(l)==="body"&&re(l).position==="static"&&!mt(l))?o:l||Zl(e)||o}const pa=function(e){return ee(this,null,function*(){const n=this.getOffsetParent||sn,o=this.getDimensions;return{reference:ua(e.reference,yield n(e.floating),e.strategy),floating:U({x:0,y:0},yield o(e.floating))}})};function fa(e){return re(e).direction==="rtl"}const ma={convertOffsetParentRelativeRectToViewportRelativeRect:oa,getDocumentElement:be,getClippingRect:da,getOffsetParent:sn,getElementRects:pa,getClientRects:la,getDimensions:ca,getScale:Ne,isElement:ye,isRTL:fa};function ha(e,n){let o=null,l;const i=be(e);function r(){var d;clearTimeout(l),(d=o)==null||d.disconnect(),o=null}function a(d,s){d===void 0&&(d=!1),s===void 0&&(s=1),r();const{left:c,top:u,width:p,height:m}=e.getBoundingClientRect();if(d||n(),!p||!m)return;const f=Je(u),h=Je(i.clientWidth-(c+p)),g=Je(i.clientHeight-(u+m)),$=Je(c),w={rootMargin:-f+"px "+-h+"px "+-g+"px "+-$+"px",threshold:ae(0,xe(1,s))||1};let B=!0;function V(N){const D=N[0].intersectionRatio;if(D!==s){if(!B)return a();D?a(!1,D):l=setTimeout(()=>{a(!1,1e-7)},100)}B=!1}try{o=new IntersectionObserver(V,Z(U({},w),{root:i.ownerDocument}))}catch(N){o=new IntersectionObserver(V,w)}o.observe(e)}return a(!0),r}function rn(e,n,o,l){l===void 0&&(l={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:s=!1}=l,c=gt(e),u=i||r?[...c?_e(c):[],..._e(n)]:[];u.forEach(C=>{i&&C.addEventListener("scroll",o,{passive:!0}),r&&C.addEventListener("resize",o)});const p=c&&d?ha(c,o):null;let m=-1,f=null;a&&(f=new ResizeObserver(C=>{let[w]=C;w&&w.target===c&&f&&(f.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var B;(B=f)==null||B.observe(n)})),o()}),c&&!s&&f.observe(c),f.observe(n));let h,g=s?ke(e):null;s&&$();function $(){const C=ke(e);g&&(C.x!==g.x||C.y!==g.y||C.width!==g.width||C.height!==g.height)&&o(),g=C,h=requestAnimationFrame($)}return o(),()=>{var C;u.forEach(w=>{i&&w.removeEventListener("scroll",o),r&&w.removeEventListener("resize",o)}),p==null||p(),(C=f)==null||C.disconnect(),f=null,s&&cancelAnimationFrame(h)}}const ga=Yl,dn=Wl,ba=Xl,bt=Ql,cn=(e,n,o)=>{const l=new Map,i=U({platform:ma},o),r=Z(U({},i.platform),{_c:l});return jl(e,n,Z(U({},i),{platform:r}))};function ya(e){return e!=null&&typeof e=="object"&&"$el"in e}function un(e){if(ya(e)){const n=e.$el;return ft(n)&&ge(n)==="#comment"?null:n}return e}function pn(e){return typeof window=="undefined"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function fn(e,n){const o=pn(e);return Math.round(n*o)/o}function Ca(e,n,o){o===void 0&&(o={});const l=o.whileElementsMounted,i=t.computed(()=>{var E;return(E=t.unref(o.open))!=null?E:!0}),r=t.computed(()=>t.unref(o.middleware)),a=t.computed(()=>{var E;return(E=t.unref(o.placement))!=null?E:"bottom"}),d=t.computed(()=>{var E;return(E=t.unref(o.strategy))!=null?E:"absolute"}),s=t.computed(()=>{var E;return(E=t.unref(o.transform))!=null?E:!0}),c=t.computed(()=>un(e.value)),u=t.computed(()=>un(n.value)),p=t.ref(0),m=t.ref(0),f=t.ref(d.value),h=t.ref(a.value),g=t.shallowRef({}),$=t.ref(!1),C=t.computed(()=>{const E={position:f.value,left:"0",top:"0"};if(!u.value)return E;const S=fn(u.value,p.value),k=fn(u.value,m.value);return s.value?U(Z(U({},E),{transform:"translate("+S+"px, "+k+"px)"}),pn(u.value)>=1.5&&{willChange:"transform"}):{position:f.value,left:S+"px",top:k+"px"}});let w;function B(){c.value==null||u.value==null||cn(c.value,u.value,{middleware:r.value,placement:a.value,strategy:d.value}).then(E=>{p.value=E.x,m.value=E.y,f.value=E.strategy,h.value=E.placement,g.value=E.middlewareData,$.value=!0})}function V(){typeof w=="function"&&(w(),w=void 0)}function N(){if(V(),l===void 0){B();return}if(c.value!=null&&u.value!=null){w=l(c.value,u.value,B);return}}function D(){i.value||($.value=!1)}return t.watch([r,a,d],B,{flush:"sync"}),t.watch([c,u],N,{flush:"sync"}),t.watch(i,D,{flush:"sync"}),t.getCurrentScope()&&t.onScopeDispose(V),{x:t.shallowReadonly(p),y:t.shallowReadonly(m),strategy:t.shallowReadonly(f),placement:t.shallowReadonly(h),middlewareData:t.shallowReadonly(g),isPositioned:t.shallowReadonly($),floatingStyles:C,update:B}}function wa(e){return e&&"$el"in e?e.$el:e}const mn=16,ka=128;function ze(e,n,o){var p;const l=()=>{var m;return(m=n.value)==null?void 0:m.isExpanded()},i=[Yt(o==null?void 0:o.offset),ba({padding:mn,apply({rects:m,elements:f,availableHeight:h,availableWidth:g}){Object.assign(f.floating.style,{width:"".concat(o!=null&&o.useAvailableWidth?g:m.reference.width,"px"),maxHeight:"".concat(Math.max(ka,h),"px")})}}),dn({padding:mn}),bt({strategy:"escaped"}),bt()],{floatingStyles:r,placement:a,middlewareData:d,update:s}=Ca(e,n,{middleware:i,placement:(p=o==null?void 0:o.placement)!=null?p:"bottom"}),c=t.computed(()=>{var f,h;return!l()||!!((f=d.value.hide)!=null&&f.escaped)||((h=d.value.hide)==null?void 0:h.referenceHidden)?"hidden":"visible"});t.watch([r,c,a],([m,f,h])=>{var g,$,C,w,B;Object.assign(($=(g=n.value)==null?void 0:g.$el.style)!=null?$:{},{visibility:f,position:m.position,top:"".concat(m.top,"px"),right:"unset",left:"".concat(m.left,"px"),transform:(C=m.transform)!=null?C:"none",borderTopLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderTopRightRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="top"&&f==="visible"?"0":"",borderBottomRightRadius:h==="top"&&f==="visible"?"0":""}),Object.assign((B=(w=wa(e.value))==null?void 0:w.style)!=null?B:{},{borderTopLeftRadius:h==="top"&&f==="visible"?"0":"",borderTopRightRadius:h==="top"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomRightRadius:h==="bottom"&&f==="visible"?"0":""})});let u=null;t.watch(l,m=>{var f;m?u=rn(e.value&&"$el"in e.value?e.value.$el:e,(f=n.value)==null?void 0:f.$el,s):u&&(u(),u=null)})}const $a=Y(he),Ba=t.defineComponent({name:"CdxCombobox",components:{CdxButton:ue,CdxIcon:j,CdxMenu:Ie,CdxTextInput:Ye},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:$a}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:l}){const i=t.ref(),r=t.ref(),a=t.ref(),d=q("combobox"),s=t.toRef(e,"selected"),c=te(s,n,"update:selected"),u=t.ref(!1),p=t.ref(!1),m=t.computed(()=>{var E,S;return(S=(E=a.value)==null?void 0:E.getHighlightedMenuItem())==null?void 0:S.id}),{computedDisabled:f}=oe(t.toRef(e,"disabled")),h=t.computed(()=>({"cdx-combobox--expanded":u.value,"cdx-combobox--disabled":f.value})),{rootClasses:g,rootStyle:$,otherAttrs:C}=le(o,h);function w(E){p.value&&u.value?u.value=!1:(e.menuItems.length>0||l["no-results"])&&(u.value=!0),n("focus",E)}function B(E){u.value=p.value&&u.value,n("blur",E)}function V(){f.value||(p.value=!0)}function N(){var E;f.value||(E=i.value)==null||E.focus()}function D(E){!a.value||f.value||e.menuItems.length===0||E.key===" "||a.value.delegateKeyNavigation(E)}return ze(i,a),t.watch(u,()=>{p.value=!1}),{input:i,inputWrapper:r,menu:a,menuId:d,modelWrapper:c,expanded:u,highlightedId:m,computedDisabled:f,onInputFocus:w,onInputBlur:B,onKeydown:D,onButtonClick:N,onButtonMousedown:V,cdxIconExpand:$t,rootClasses:g,rootStyle:$,otherAttrs:C}}}),Sa={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function Ia(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Sa,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=u=>e.modelWrapper=u)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.status,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:n[1]||(n[1]=u=>e.$emit("input",u)),onChange:n[2]||(n[2]=u=>e.$emit("change",u)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(s,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=u=>e.modelWrapper=u),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=u=>e.expanded=u),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=u=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:u})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:u})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const xa=F(Ba,[["render",Ia]]);function hn(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(i=>{const r=i[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let l=!1;return t.onMounted(()=>{l=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{l=!1,o.disconnect()}),t.watch(e,i=>{l&&(o.disconnect(),n.value={width:void 0,height:void 0},i&&o.observe(i))}),n}const Ea=t.defineComponent({name:"CdxDialog",components:{CdxButton:ue,CdxIcon:j},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:n}){const o=q("dialog-label"),l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),s=t.ref();let c=null;const u=t.computed(()=>e.useCloseButton||e.closeButtonLabel.length>0),p=We(t.toRef(e,"closeButtonLabel"),"cdx-dialog-close-button-label","Close"),m=t.computed(()=>!e.hideTitle||u.value),f=t.computed(()=>!!e.primaryAction||!!e.defaultAction),h=hn(r),g=t.computed(()=>{var A;return(A=h.value.height)!=null?A:0}),$=t.ref(!1),C=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":$.value})),w=t.inject("CdxTeleportTarget",void 0),B=t.computed(()=>{var A,z;return(z=(A=e.target)!=null?A:w)!=null?z:"body"}),V=t.ref(0);function N(){n("update:open",!1)}function D(){S(i.value)}function E(){S(i.value,!0)}function S(A,z=!1){let X=Array.from(A.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));z&&(X=X.reverse());for(const J of X)if(J.focus(),document.activeElement===J)return!0;return!1}let k=[],b=[];function M(){let A=l.value;for(;A.parentElement&&A.nodeName!=="BODY";){for(const z of Array.from(A.parentElement.children))z===A||z.nodeName==="SCRIPT"||(z.hasAttribute("aria-hidden")||(z.setAttribute("aria-hidden","true"),k.push(z)),z.hasAttribute("inert")||(z.setAttribute("inert",""),b.push(z)));A=A.parentElement}}function T(){for(const A of k)A.removeAttribute("aria-hidden");for(const A of b)A.removeAttribute("inert");k=[],b=[]}function _(){return ee(this,null,function*(){var A;yield t.nextTick(),V.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(V.value,"px")),document.body.classList.add("cdx-dialog-open"),M(),c=document.activeElement,S(r.value)||(A=a.value)==null||A.focus()})}function O(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),T(),c instanceof HTMLElement&&document.contains(c)&&(c.focus(),c=null)}return t.onMounted(()=>{e.open&&_()}),t.onUnmounted(()=>{e.open&&O()}),t.watch(t.toRef(e,"open"),A=>{A?_():O()}),t.watch(g,()=>{r.value&&($.value=r.value.clientHeight<r.value.scrollHeight)}),{close:N,cdxIconClose:st,labelId:o,rootClasses:C,backdrop:l,dialogElement:i,focusTrapStart:d,focusTrapEnd:s,focusFirst:D,focusLast:E,dialogBody:r,focusHolder:a,showHeader:m,showFooterActions:f,useCloseButtonOrLabel:u,translatedCloseButtonLabel:p,computedTarget:B}}}),Va=["aria-label","aria-labelledby"],Na={key:0,class:"cdx-dialog__header__title-group"},Aa=["id"],Da={key:0,class:"cdx-dialog__header__subtitle"},Ta={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},La={key:0,class:"cdx-dialog__footer__text"},Ma={key:1,class:"cdx-dialog__footer__actions"};function Ra(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Teleport,{to:e.computedTarget,disabled:e.renderInPlace},[t.createVNode(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...s)=>e.close&&e.close(...s)),onKeyup:n[6]||(n[6]=t.withKeys((...s)=>e.close&&e.close(...s),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...s)=>e.focusLast&&e.focusLast(...s))},null,544),t.createElementVNode("div",t.mergeProps({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:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",Na,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,Aa),e.subtitle?(t.openBlock(),t.createElementBlock("p",Da,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("v-if",!0)])),e.useCloseButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Ta,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["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"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",La,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("v-if",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",Ma,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=s=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("v-if",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=s=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0)],16,Va),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...s)=>e.focusFirst&&e.focusFirst(...s))},null,544)],544)):t.createCommentVNode("v-if",!0)]),_:3})],8,["to","disabled"])}const va=F(Ea,[["render",Ra]]),Oa={notice:vn,error:kt,warning:wt,success:It},Fa=t.defineComponent({name:"CdxMessage",components:{CdxButton:ue,CdxIcon:j},props:{type:{type:String,default:"notice",validator:Et},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:n}){const o=t.ref(!1),l=t.computed(()=>e.inline===!1&&(e.dismissButtonLabel.length>0||e.allowUserDismiss)),i=We(t.toRef(e,"dismissButtonLabel"),"cdx-message-dismiss-button-label","Close"),r=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),a=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),d=t.computed(()=>e.icon&&e.type==="notice"?e.icon:Oa[e.type]),s=t.ref("");function c(u){o.value||(s.value=u==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(u))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>c("auto-dismissed"),r.value)}),{dismissed:o,userDismissable:l,translatedDismissButtonLabel:i,rootClasses:a,leaveActiveClass:s,computedIcon:d,onDismiss:c,cdxIconClose:st}}}),_a=["aria-live","role"],za={class:"cdx-message__content"};function Pa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",za,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.translatedDismissButtonLabel,onClick:n[0]||(n[0]=s=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label"])):t.createCommentVNode("v-if",!0)],10,_a))]),_:3},8,["appear","leave-active-class"])}const gn=F(Fa,[["render",Pa]]),Ka=Y(he),Ha=t.defineComponent({name:"CdxField",components:{CdxLabel:Me,CdxMessage:gn},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:Ka},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:l,isFieldset:i}=t.toRefs(e),r=rt(o),a=t.computed(()=>({"cdx-field--disabled":r.value,"cdx-field--is-fieldset":i.value})),d=q("label"),s=q("description"),c=q("input"),u=t.computed(()=>i.value?void 0:c);t.provide(At,u);const p=t.computed(()=>!i.value&&n.description?s:void 0);t.provide(He,p),t.provide(Tt,r),t.provide(Dt,l);const m=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),f=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:d,descriptionId:s,inputId:c,validationMessage:m,validationMessageType:f}}}),Ua={class:"cdx-field__control"},qa={class:"cdx-field__help-text"},ja={key:0,class:"cdx-field__validation-message"};function Wa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label"),d=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",Ua,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",qa,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",ja,[t.createVNode(d,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const Qa=F(Ha,[["render",Wa]]),Ga={error:kt,warning:wt,success:It},Ya=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:j},props:{status:{type:String,default:"notice",validator:Et},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({["cdx-info-chip__icon--".concat(e.status)]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:Ga[e.status]);return{iconClass:n,computedIcon:o}}}),Xa={class:"cdx-info-chip"},Ja={class:"cdx-info-chip--text"};function Za(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Xa,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Ja,[t.renderSlot(e.$slots,"default")])])}const es=F(Ya,[["render",Za]]),ts=Y(he),ns=t.defineComponent({name:"CdxLookup",components:{CdxMenu:Ie,CdxTextInput:Ye},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:ts}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:l})=>{const i=t.ref(),r=t.ref(),a=t.ref(),d=q("lookup-menu"),s=t.ref(!1),c=t.ref(!1),u=t.ref(!1),p=t.ref(e.menuItems),{computedDisabled:m}=oe(t.toRef(e,"disabled")),f=t.toRef(e,"selected"),h=te(f,n,"update:selected"),g=t.computed(()=>e.menuItems.find(b=>b.value===e.selected)),$=t.computed(()=>{var b,M;return(M=(b=a.value)==null?void 0:b.getHighlightedMenuItem())==null?void 0:M.id}),C=t.ref(e.initialInputValue),w=t.computed(()=>({"cdx-lookup--disabled":m.value,"cdx-lookup--pending":s.value})),{rootClasses:B,rootStyle:V,otherAttrs:N}=le(o,w);function D(b){g.value&&g.value.label!==b&&g.value.value!==b&&(h.value=null),b===""&&p.value.length===0?(c.value=!1,s.value=!1):s.value=!0,n("input",b)}function E(b){u.value=!0;const M=C.value!==null&&C.value!=="";!!(e.menuItems.length>0||l["no-results"])&&(M||p.value.length>0)&&(c.value=!0),n("focus",b)}function S(b){u.value=!1,c.value=!1,n("blur",b)}function k(b){!a.value||m.value||e.menuItems.length===0&&!l["no-results"]||b.key===" "||a.value.delegateKeyNavigation(b)}return ze(r,a),t.watch(f,b=>{var M;if(b!==null){const T=g.value?(M=g.value.label)!=null?M:g.value.value:"";C.value!==T&&(C.value=T,n("input",C.value))}}),t.watch(t.toRef(e,"menuItems"),b=>{u.value&&s.value&&(b.length>0||l["no-results"])&&(c.value=!0),b.length===0&&!l["no-results"]&&(c.value=!1),s.value=!1}),{rootElement:i,textInput:r,menu:a,menuId:d,highlightedId:$,inputValue:C,modelWrapper:h,expanded:c,computedDisabled:m,onInputBlur:S,rootClasses:B,rootStyle:V,otherAttrs:N,onUpdateInput:D,onInputFocus:E,onKeydown:k}}});function os(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":n[0]||(n[0]=s=>e.inputValue=s)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:n[1]||(n[1]=s=>e.$emit("change",s)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const ls=F(ns,[["render",os]]),as=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){const i=Rt(o.default,l,"CdxToggleButton"),r=t.ref(!1),a=t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":i.value,"cdx-toggle-button--is-active":r.value})),d=()=>{n("update:modelValue",!e.modelValue)},s=p=>{r.value=p};function c(){s(!0)}function u(){s(!1),d()}return{rootClasses:a,onClick:d,onKeyDown:c,onKeyUp:u}}}),ss=["aria-pressed","disabled"];function is(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,ss)}const yt=F(as,[["render",is]]),rs=t.defineComponent({name:"CdxMenuButton",components:{CdxToggleButton:yt,CdxMenu:Ie},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},menuConfig:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update:selected"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.toRef(e,"selected"),a=te(r,n,"update:selected"),d=t.ref(!1),s=q("menuToggle"),c=q("menu"),{computedDisabled:u}=oe(t.toRef(e,"disabled")),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(o);function h(g){!l.value||u.value||e.menuItems.length===0||g.key===" "||l.value.delegateKeyNavigation(g)}return ze(i,l,{useAvailableWidth:!0,placement:"bottom-start",offset:4}),{computedDisabled:u,expanded:d,menu:l,menuId:c,modelWrapper:a,onKeydown:h,toggle:i,toggleId:s,rootClasses:p,rootStyle:m,otherAttrs:f}}}),ds={class:"cdx-menu-button__menu-wrapper"};function cs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-toggle-button"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu-button",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({id:e.toggleId,ref:"toggle"},e.otherAttrs,{modelValue:e.expanded,"onUpdate:modelValue":n[0]||(n[0]=s=>e.expanded=s),disabled:e.computedDisabled,quiet:"","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":e.expanded,onBlur:n[1]||(n[1]=s=>e.expanded=!1),onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["id","modelValue","disabled","aria-controls","aria-expanded","onKeydown"]),t.createElementVNode("div",ds,[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{role:"menu","aria-labelledby":e.toggleId}),null,16,["id","selected","expanded","menu-items","aria-labelledby"])])],6)}const us=F(rs,[["render",cs]]),ps=t.defineComponent({name:"CdxRadio",components:{CdxLabel:Me},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;dt((m=o.default)==null?void 0:m.call(o),l,"CdxRadio");const i=t.computed(()=>({"cdx-radio--inline":e.inline})),r=t.computed(()=>({"cdx-radio__custom-input--inline":e.inline})),{computedDisabled:a}=oe(t.toRef(e,"disabled")),d=t.ref(),s=q("radio"),c=q("description"),u=()=>{d.value.focus()},p=te(t.toRef(e,"modelValue"),n);return{rootClasses:i,computedDisabled:a,input:d,radioId:s,descriptionId:c,focusInput:u,wrappedModel:p,customInputClasses:r}}}),fs={class:"cdx-radio__wrapper"},ms=["id","aria-describedby","name","value","disabled"],hs=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function gs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.createElementVNode("div",fs,[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),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,ms),[[t.vModelRadio,e.wrappedModel]]),hs,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-radio__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const bs=F(ps,[["render",gs]]),ys=Y(he),Cs=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:ue,CdxTextInput:Ye},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:ys}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const l=te(t.toRef(e,"modelValue"),n),{computedDisabled:i}=oe(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:a,rootStyle:d,otherAttrs:s}=le(o,r),c=We(t.toRef(e,"buttonLabel"),"cdx-search-input-search-button-label","Search"),u=t.computed(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:l,computedDisabled:i,rootClasses:a,rootStyle:d,otherAttrs:s,handleSubmit:()=>{n("submit-click",l.value)},searchIcon:_n,translatedSearchButtonLabel:c,useButtonOrLabel:u}},methods:{focus(){this.$refs.textInput.focus()}}}),ws={class:"cdx-search-input__input-wrapper"};function ks(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",ws,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.useButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const bn=F(Cs,[["render",ks]]),$s=Y(he),Bs=t.defineComponent({name:"CdxSelect",components:{CdxIcon:j,CdxMenu:Ie},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:$s}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.inject(He,void 0),a=q("select-menu"),d=t.ref(!1),s=o.id||q("select-handle"),{computedDisabled:c,computedStatus:u,computedInputId:p}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),s),m=te(t.toRef(e,"selected"),n,"update:selected"),f=t.computed(()=>e.menuItems.find(k=>k.value===e.selected)),h=t.computed(()=>{var k;return f.value?(k=f.value.label)!=null?k:f.value.value:e.defaultLabel}),g=t.computed(()=>{var k;if(e.defaultIcon&&!f.value)return e.defaultIcon;if((k=f.value)!=null&&k.icon)return f.value.icon}),$=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":d.value,"cdx-select-vue--value-selected":!!f.value,"cdx-select-vue--no-selections":!f.value,"cdx-select-vue--has-start-icon":!!g.value,["cdx-select-vue--status-".concat(u.value)]:!0})),{rootClasses:C,rootStyle:w,otherAttrs:B}=le(o,$),V=t.computed(()=>{const M=B.value,{id:k}=M;return ce(M,["id"])}),N=t.computed(()=>{var k,b;return(b=(k=i.value)==null?void 0:k.getHighlightedMenuItem())==null?void 0:b.id});function D(){d.value=!1}function E(){var k;c.value||(d.value=!d.value,(k=l.value)==null||k.focus())}function S(k){var b;c.value||(b=i.value)==null||b.delegateKeyNavigation(k,{characterNavigation:!0})}return ze(l,i),{handle:l,menu:i,computedHandleId:p,descriptionId:r,menuId:a,modelWrapper:m,selectedMenuItem:f,highlightedId:N,expanded:d,computedDisabled:c,onBlur:D,currentLabel:h,rootClasses:C,rootStyle:w,otherAttrsMinusId:V,onClick:E,onKeydown:S,startIcon:g,cdxIconExpand:$t}}}),Ss=["aria-disabled"],Is=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function xs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...s)=>e.onClick&&e.onClick(...s)),onBlur:n[1]||(n[1]=(...s)=>e.onBlur&&e.onBlur(...s)),onKeydown:n[2]||(n[2]=(...s)=>e.onKeydown&&e.onKeydown(...s))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,Is),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),_:3},16,["id","selected","expanded","menu-items"])],14,Ss)}const yn=F(Bs,[["render",xs]]),Es=t.defineComponent({name:"CdxTablePager",components:{CdxButton:ue,CdxIcon:j,CdxSelect:yn},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(e,{emit:n}){const o=te(t.toRef(e,"itemsPerPage"),n,"update:itemsPerPage"),l=W("cdx-table-pager-items-per-page-default","Results per page"),i=W("cdx-table-pager-items-per-page-current",c=>"".concat(c," rows"),[o]),r=W("cdx-table-pager-button-first-page","First page"),a=W("cdx-table-pager-button-next-page","Next page"),d=W("cdx-table-pager-button-prev-page","Previous page"),s=W("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:l,currentItemsPerPageLabel:i,btnLabelFirst:r,btnLabelNext:a,btnLabelPrev:d,btnLabelLast:s,wrappedItemsPerPage:o,cdxIconPrevious:St,cdxIconNext:Bt,cdxIconMoveFirst:On,cdxIconMoveLast:Fn}}}),Vs={class:"cdx-table-pager"},Ns={class:"cdx-table-pager__start"},As={key:0},Ds={key:1},Ts={class:"cdx-table-pager__center"},Ls={class:"cdx-table-pager__end"};function Ms(e,n,o,l,i,r){const a=t.resolveComponent("cdx-select"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",Vs,[t.createElementVNode("div",Ns,[t.createVNode(a,{selected:e.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=c=>e.wrappedItemsPerPage=c),"default-label":e.defaultItemsPerPageLabel,"menu-items":e.paginationSizeOptions},{label:t.withCtx(({selectedMenuItem:c,defaultLabel:u})=>[c?(t.openBlock(),t.createElementBlock("span",As,[t.createElementVNode("span",null,t.toDisplayString(e.currentItemsPerPageLabel),1)])):(t.openBlock(),t.createElementBlock("span",Ds,t.toDisplayString(u),1))]),_:1},8,["selected","default-label","menu-items"])]),t.createElementVNode("div",Ts,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Ls,[t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":e.btnLabelFirst,onClick:n[1]||(n[1]=c=>e.$emit("first"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":e.btnLabelPrev,onClick:n[2]||(n[2]=c=>e.$emit("prev"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":e.btnLabelNext,onClick:n[3]||(n[3]=c=>e.$emit("next"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled||e.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":e.btnLabelLast,onClick:n[4]||(n[4]=c=>e.$emit("last"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const Rs=F(Es,[["render",Ms]]),vs=Y(Gn),Os=Y(Zn),Fs={none:zn,asc:Pn,desc:Mn},_s={none:"none",asc:"ascending",desc:"descending"},zs=t.defineComponent({name:"CdxTable",components:{CdxCheckbox:Ft,CdxIcon:j,CdxTablePager:Rs,CdxProgressBar:ut},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:e=>{const n=e.map(l=>l.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(e,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||e.length===0)return!0;const o=n.columns.some(i=>"allowSort"in i),l=e.every(i=>Ue in i);return o&&n.useRowSelection&&!l?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:Os},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:e=>{const n=o=>typeof o.value=="number";return e.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:e=>e.paginate&&e.serverPagination?e.data.length:e.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(e,{emit:n}){const o=t.ref(0),l=t.ref(e.paginationSizeDefault),i=t.computed(()=>e.serverPagination&&e.paginate?e.data:e.paginate?e.data.slice(o.value,l.value+o.value):e.data),r=t.computed(()=>{var x;return e.serverPagination?(x=e.totalRows)!=null?x:NaN:e.data.length}),a=t.computed(()=>isNaN(r.value)),d=t.computed(()=>i.value.length),s=t.computed(()=>o.value+1),c=t.computed(()=>o.value+d.value),u=t.computed(()=>a.value),p=t.computed(()=>o.value<=0),m=t.computed(()=>a.value?d.value<l.value:o.value+l.value>=r.value),f=W("cdx-table-pagination-status-message-determinate-short",(x,L,P)=>"".concat(x,"–").concat(L," of ").concat(P),[s,c,r]),h=W("cdx-table-pagination-status-message-determinate-long",(x,L,P)=>"Showing results ".concat(x,"–").concat(L," of ").concat(P),[s,c,r]),g=W("cdx-table-pagination-status-message-indeterminate-short",(x,L)=>"".concat(x,"–").concat(L," of many"),[s,c]),$=W("cdx-table-pagination-status-message-indeterminate-long",(x,L)=>"Showing results ".concat(x,"–").concat(L," of many"),[s,c]),C=W("cdx-table-pagination-status-message-indeterminate-final",x=>"Showing the last ".concat(x," results"),[d]),w=W("cdx-table-pagination-status-message-pending","Loading results..."),B=t.computed(()=>e.pending?w.value:a.value&&m.value?C.value:a.value?g.value:f.value),V=t.computed(()=>e.pending?w.value:a.value&&m.value?C.value:a.value?$.value:h.value);function N(){o.value+=l.value,e.serverPagination&&n("load-more",o.value,l.value)}function D(){o.value-l.value<1?E():(o.value-=l.value,e.serverPagination&&n("load-more",o.value,l.value))}function E(){o.value=0,e.serverPagination&&n("load-more",o.value,l.value)}function S(){r.value%l.value===0?(o.value=r.value-l.value,n("load-more",o.value,l.value)):(o.value=Math.floor(r.value/l.value)*l.value,n("load-more",o.value,l.value))}t.watch(l,x=>{e.serverPagination&&n("load-more",o.value,x)});const k=te(t.toRef(e,"selectedRows"),n,"update:selectedRows"),b=t.ref(r.value===k.value.length),M=t.ref(!1),T=t.computed(()=>Object.keys(e.sort)[0]),_=t.computed(()=>e.columns.some(x=>x.allowSort)),O=t.computed(()=>{var L;return{"cdx-table__table--layout-fixed":(L=e.columns)==null?void 0:L.some(P=>"width"in P||"minWidth"in P),"cdx-table__table--borders-vertical":e.showVerticalBorders}}),A=W("cdx-table-sort-caption",x=>"".concat(x,", column headers with buttons are sortable."),[t.toRef(e,"caption")]),z=(x,L)=>W("cdx-table-select-row-label",(P,Be)=>"Select row ".concat(P," of ").concat(Be),[()=>x,()=>L]).value,X=W("cdx-table-select-all-label","Select all rows");function J(x,L){return Ue in x?x[Ue]:L}function de(x,L){const P=J(x,L);return{"cdx-table__row--selected":k.value.indexOf(P)!==-1}}function $e(x){const L=e.columns[0].id;if(e.useRowHeaders===!0&&x===L)return"row"}function v(x){const L=e.columns[0].id;return e.useRowHeaders&&x===L?"th":"td"}function K(x,L=!1){if("textAlign"in x&&!vs(x.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(x.textAlign)]:"textAlign"in x&&x.textAlign!=="start","cdx-table__table__cell--has-sort":L}}function ie(x){const L={};return"width"in x&&(L.width=x.width),"minWidth"in x&&(L.minWidth=x.minWidth),L}function Ae(x){if(r.value===x.length){b.value=!0,M.value=!1;return}b.value=!1,r.value>x.length&&(M.value=!0),x.length===0&&(M.value=!1)}function I(x){M.value=!1,x?k.value=e.data.map((L,P)=>J(L,P)):k.value=[]}function R(x){var Be;const L=(Be=e.sort[x])!=null?Be:"none";let P="asc";L==="asc"&&(P="desc"),L==="desc"&&(P="none"),n("update:sort",{[x]:P})}function G(x){var P;const L=(P=e.sort[x])!=null?P:"none";return Fs[L]}function Q(x,L=!1){var P;if(L){const Be=(P=e.sort[x])!=null?P:"none";return Be==="none"?void 0:_s[Be]}}return{dataForDisplay:i,pageSize:l,onNext:N,onPrev:D,onFirst:E,onLast:S,nextDisabled:m,prevDisabled:p,lastDisabled:u,paginationStatusMessageShort:B,paginationStatusMessageLong:V,wrappedSelectedRows:k,selectAll:b,selectAllIndeterminate:M,activeSortColumn:T,hasSortableColumns:_,tableClasses:O,getRowKey:J,getRowClass:de,getRowHeaderScope:$e,getCellElement:v,getCellClass:K,getCellStyle:ie,handleRowSelection:Ae,handleSelectAll:I,handleSort:R,getSortIcon:G,getSortOrder:Q,translatedSortCaption:A,translatedSelectRowLabel:z,translatedSelectAllLabel:X}}}),Ps={class:"cdx-table",tabindex:"0"},Ks={key:0,class:"cdx-table__header"},Hs=["aria-hidden"],Us={class:"cdx-table__header__content"},qs={class:"cdx-table__pagination-status--long"},js={class:"cdx-table__pagination-status--short"},Ws={class:"cdx-table__table-wrapper"},Qs={key:0},Gs={key:0,class:"cdx-table__table__select-rows"},Ys=["aria-sort"],Xs=["aria-selected","onClick"],Js={key:0},Zs={key:0},ei={key:1},ti={class:"cdx-table__table__empty-state"},ni={class:"cdx-table__table__empty-state-content"},oi={class:"cdx-table__pagination-status--long"},li={class:"cdx-table__pagination-status--short"},ai={key:3,class:"cdx-table__footer"};function si(e,n,o,l,i,r){const a=t.resolveComponent("cdx-table-pager"),d=t.resolveComponent("cdx-checkbox"),s=t.resolveComponent("cdx-icon"),c=t.resolveComponent("cdx-progress-bar");return t.openBlock(),t.createElementBlock("div",Ps,[!e.hideCaption||e.$slots.header&&e.$slots.header().length>0?(t.openBlock(),t.createElementBlock("div",Ks,[t.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":e.$slots.header&&e.$slots.header().length>0?void 0:!0},[e.hideCaption?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))],8,Hs),t.createElementVNode("div",Us,[t.renderSlot(e.$slots,"header")])])):t.createCommentVNode("v-if",!0),e.paginate&&(e.paginationPosition==="top"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:1,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=u=>e.pageSize=u),class:"cdx-table__pagination--top","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",qs,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",js,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Ws,[t.createElementVNode("table",{class:t.normalizeClass(["cdx-table__table",e.tableClasses])},[t.createElementVNode("caption",null,[e.hasSortableColumns?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.translatedSortCaption),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))]),t.renderSlot(e.$slots,"thead",{},()=>[e.columns.length>0?(t.openBlock(),t.createElementBlock("thead",Qs,[t.createElementVNode("tr",null,[e.useRowSelection?(t.openBlock(),t.createElementBlock("th",Gs,[t.createVNode(d,{modelValue:e.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=u=>e.selectAll=u),e.handleSelectAll],"hide-label":!0,indeterminate:e.selectAllIndeterminate},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,u=>(t.openBlock(),t.createElementBlock("th",{key:u.id,scope:"col",class:t.normalizeClass(e.getCellClass(u,u.allowSort)),"aria-sort":e.getSortOrder(u.id,u.allowSort),style:t.normalizeStyle(e.getCellStyle(u))},[u.allowSort?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-selected":u.id===e.activeSortColumn,class:"cdx-table__table__sort-button",onClick:p=>e.handleSort(u.id)},[t.createTextVNode(t.toDisplayString(u.label)+" ",1),t.createVNode(s,{icon:e.getSortIcon(u.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,Xs)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(u.label),1)],64))],14,Ys))),128))])])):t.createCommentVNode("v-if",!0)]),e.pending?(t.openBlock(),t.createBlock(c,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"tbody",{},()=>[e.dataForDisplay.length>0?(t.openBlock(),t.createElementBlock("tbody",Js,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.dataForDisplay,(u,p)=>(t.openBlock(),t.createElementBlock("tr",{key:e.getRowKey(u,p),class:t.normalizeClass(e.getRowClass(u,p))},[e.useRowSelection?(t.openBlock(),t.createElementBlock("td",Zs,[t.createVNode(d,{modelValue:e.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=m=>e.wrappedSelectedRows=m),e.handleRowSelection],"input-value":e.getRowKey(u,p),"hide-label":!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectRowLabel(p+1,e.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,m=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.getCellElement(m.id)),{key:m.id,scope:e.getRowHeaderScope(m.id),class:t.normalizeClass(e.getCellClass(m))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"item-"+m.id,{item:u[m.id],row:u},()=>[t.createTextVNode(t.toDisplayString(u[m.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):e.$slots["empty-state"]&&e.$slots["empty-state"]().length>0?(t.openBlock(),t.createElementBlock("tbody",ei,[t.createElementVNode("tr",ti,[t.createElementVNode("td",ni,[t.renderSlot(e.$slots,"empty-state")])])])):t.createCommentVNode("v-if",!0)]),t.renderSlot(e.$slots,"tfoot")],2)]),e.paginate&&(e.paginationPosition==="bottom"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:2,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=u=>e.pageSize=u),class:"cdx-table__pagination--bottom","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",oi,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",li,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),e.$slots.footer&&e.$slots.footer().length>0?(t.openBlock(),t.createElementBlock("div",ai,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])}const ii=F(zs,[["render",si]]),ri=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){var r;const n=t.inject(Vt),o=t.inject(Nt);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const l=(r=n.value.get(e.name))!=null?r:{},i=t.computed(()=>e.name===o.value);return{tab:l,isActive:i}}}),di=["id","aria-hidden","aria-labelledby"];function ci(e,n,o,l,i,r){return t.withDirectives((t.openBlock(),t.createElementBlock("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"},[t.renderSlot(e.$slots,"default")],8,di)),[[t.vShow,e.isActive]])}const Cn=F(ri,[["render",ci]]),ui=t.defineComponent({name:"CdxTabs",components:{CdxButton:ue,CdxIcon:j},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=Le(l),s=t.computed(()=>{const S=qe(n.default);if(!S.every(k=>typeof k=="object"&&Mt(k,Cn.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}),c=t.computed(()=>s.value.reduce((S,k)=>{var b;if((b=k.props)!=null&&b.name&&typeof k.props.name=="string"){if(S.get(k.props.name))throw new Error("Tab names must be unique");S.set(k.props.name,{name:k.props.name,id:q(k.props.name),label:k.props.label||k.props.name,disabled:k.props.disabled})}return S},new Map)),u=te(t.toRef(e,"active"),o,"update:active"),p=t.computed(()=>Array.from(c.value.keys())),m=t.computed(()=>p.value.indexOf(u.value)),f=t.computed(()=>{var S;return(S=c.value.get(u.value))==null?void 0:S.id});t.provide(Nt,u),t.provide(Vt,c);const h=t.ref(new Map),g=t.ref(),$=t.ref(),C=Qe(g,{threshold:.95}),w=Qe($,{threshold:.95});function B(S,k){const b=S;b&&(h.value.set(k,b),k===0?g.value=b:k===p.value.length-1&&($.value=b))}const V=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function N(){var S;(S=h.value.get(m.value))==null||S.focus()}function D(S){if(!i.value||!r.value||!a.value)return 0;const k=d.value==="rtl"?a.value:r.value,b=d.value==="rtl"?r.value:a.value,M=S.offsetLeft,T=M+S.clientWidth,_=i.value.scrollLeft+k.clientWidth,O=i.value.scrollLeft+i.value.clientWidth-b.clientWidth;return M<_?M-_:T>O?T-O:0}function E(S){if(!i.value||!r.value||!a.value)return;const k=S==="next"&&d.value==="ltr"||S==="prev"&&d.value==="rtl"?1:-1;let b=0,M=S==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;M;){const T=S==="next"?M.nextElementSibling:M.previousElementSibling;if(b=D(M),Math.sign(b)===k){T&&Math.abs(b)<.25*i.value.clientWidth&&(b=D(T));break}M=T}i.value.scrollBy({left:b,behavior:"smooth"}),N()}return t.watch(u,()=>{if(f.value===void 0||!i.value||!r.value||!a.value)return;const S=document.getElementById("".concat(f.value,"-label"));S&&i.value.scrollBy({left:D(S),behavior:"smooth"})}),{activeTab:u,activeTabIndex:m,activeTabId:f,currentDirection:d,rootElement:l,tabListElement:i,prevScroller:r,nextScroller:a,rootClasses:V,tabNames:p,tabsData:c,firstLabelVisible:C,lastLabelVisible:w,assignTemplateRefForTabButton:B,scrollTabs:E,focusActiveTab:N,cdxIconPrevious:St,cdxIconNext:Bt}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&t.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(e,n,o){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n,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())}}}),pi={class:"cdx-tabs__header"},fi={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},mi={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},hi=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],gi={ref:"nextScroller",class:"cdx-tabs__next-scroller"},bi={class:"cdx-tabs__content"};function yi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",pi,[t.withDirectives(t.createElementVNode("div",fi,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=s=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",mi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(s,c)=>(t.openBlock(),t.createElementBlock("button",{id:"".concat(s.id,"-label"),key:c,ref_for:!0,ref:u=>e.assignTemplateRefForTabButton(u,c),disabled:s.disabled?!0:void 0,"aria-controls":s.id,"aria-selected":s.name===e.activeTab,tabindex:s.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(u=>e.select(s.name),["prevent"]),onKeyup:t.withKeys(u=>e.select(s.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...u)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...u),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...u)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...u),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...u)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...u),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(s.label),1)],40,hi))),128))],512),t.withDirectives(t.createElementVNode("div",gi,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=s=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",bi,[t.renderSlot(e.$slots,"default")])],2)}const Ci=F(ui,[["render",yi]]),wi=Y(he),ki=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:j},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:wi},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const l=te(t.toRef(e,"modelValue"),o),i=n.id,{computedDisabled:r,computedStatus:a,computedInputId:d}=oe(t.toRef(e,"disabled"),t.toRef(e,"status"),i),s=t.inject(He,void 0),c=t.computed(()=>({"cdx-text-area__textarea--has-value":!!l.value,"cdx-text-area__textarea--is-autosize":e.autosize})),u=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:p,rootStyle:m,otherAttrs:f}=le(n,u),h=t.computed(()=>{const B=f.value,{id:C}=B;return ce(B,["id"])}),g=t.ref();function $(){g.value&&e.autosize&&(g.value.style.height="auto",g.value.style.height="".concat(g.value.scrollHeight,"px"))}return{rootClasses:p,rootStyle:m,wrappedModel:l,computedDisabled:r,computedInputId:d,descriptionId:s,textareaClasses:c,otherAttrsMinusId:h,textarea:g,onInput:$}}}),$i=["id","aria-describedby","disabled"];function Bi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d))}),null,16,$i),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const Si=F(ki,[["render",Bi]]),Ii=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:j,CdxToggleButton:yt},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a}=Ot(t.toRef(e,"buttons"));function d(c){return Array.isArray(e.modelValue)?e.modelValue.indexOf(c.value)!==-1:e.modelValue!==null?e.modelValue===c.value:!1}function s(c,u){if(Array.isArray(e.modelValue)){const p=e.modelValue.indexOf(c.value)!==-1;u&&!p?n("update:modelValue",e.modelValue.concat(c.value)):!u&&p&&n("update:modelValue",e.modelValue.filter(m=>m!==c.value))}else u&&e.modelValue!==c.value&&n("update:modelValue",c.value)}return{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a,getButtonLabel:vt,isSelected:d,onUpdate:s}}}),xi={ref:"rootElement",class:"cdx-toggle-button-group"};function Ei(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",xi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,c)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:u=>e.assignTemplateRef(u,c),"model-value":e.isSelected(s),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,"onUpdate:modelValue":u=>e.onUpdate(s,u),onFocus:u=>e.onFocus(c),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s,selected:e.isSelected(s)},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue","onFocus","onBlur","onKeydown"]))),128))],512)}const Vi=F(Ii,[["render",Ei]]),Ni=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:Me},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var h;dt((h=o.default)==null?void 0:h.call(o),l,"CdxToggleSwitch");const i=t.ref(),r=q("toggle-switch"),a=q("description"),d=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:s,rootStyle:c,otherAttrs:u}=le(l,d),{computedDisabled:p}=oe(t.toRef(e,"disabled")),m=te(t.toRef(e,"modelValue"),n);return{input:i,inputId:r,descriptionId:a,rootClasses:s,rootStyle:c,otherAttrs:u,computedDisabled:p,wrappedModel:m,clickInput:()=>{i.value.click()}}}}),Ai=["id","aria-describedby","value","disabled"],Di=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Ti(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...d)=>e.clickInput&&e.clickInput(...d),["prevent"]),["enter"]))}),null,16,Ai),[[t.vModelCheckbox,e.wrappedModel]]),Di,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("v-if",!0)],6)}const Li=F(Ni,[["render",Ti]]);class Mi{constructor(n,o){fe(this,"referenceElement");fe(this,"tooltipElement");fe(this,"textContent");fe(this,"placement");fe(this,"autoUpdateCleanup");fe(this,"referenceElementHandlers");fe(this,"tooltipElementHandlers");fe(this,"escapeHandler");fe(this,"timeoutId");var r,a;const l=n.ownerDocument,i=q("tooltip");this.referenceElement=n,this.textContent=o.textContent,this.placement=(r=o.placement)!=null?r:"bottom",this.timeoutId=null,this.tooltipElement=l.createElement("div"),this.tooltipElement.classList.add("cdx-tooltip"),this.tooltipElement.role="tooltip",this.tooltipElement.id=i,this.referenceElement.setAttribute("aria-describedby",i),this.tooltipElement.textContent=this.textContent,(a=this.referenceElement.parentElement)==null||a.appendChild(this.tooltipElement),this.referenceElementHandlers={},this.referenceElementHandlers.mouseenter=this.show.bind(this),this.referenceElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.referenceElementHandlers.focus=this.show.bind(this),this.referenceElementHandlers.blur=this.hide.bind(this),this.tooltipElementHandlers={},this.tooltipElementHandlers.mouseenter=this.show.bind(this),this.tooltipElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.escapeHandler=this.onKeyup.bind(this),this.addEventListeners(),this.autoUpdateCleanup=rn(this.referenceElement,this.tooltipElement,()=>this.update())}isVisible(){return this.tooltipElement.style.display==="block"}show(){this.timeoutId&&clearTimeout(this.timeoutId),this.tooltipElement.style.display="block",this.tooltipElement.ownerDocument.addEventListener("keyup",this.escapeHandler)}hide(){this.tooltipElement.style.display="none",this.tooltipElement.ownerDocument.removeEventListener("keyup",this.escapeHandler)}hideAfterDelay(){this.timeoutId=setTimeout(this.hide.bind(this),250)}onKeyup(n){n.key==="Escape"&&this.isVisible()&&this.hide()}addEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.addEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.addEventListener(n,this.tooltipElementHandlers[n])})}removeEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.removeEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.removeEventListener(n,this.tooltipElementHandlers[n])})}update(){cn(this.referenceElement,this.tooltipElement,{placement:this.placement,middleware:[Yt(4),dn(),ga(),bt()]}).then(({x:n,y:o,middlewareData:l})=>{var a,d,s;const i=(d=(a=l.offset)==null?void 0:a.placement)!=null?d:this.placement,r={left:"right","left-start":"right","left-end":"right",top:"bottom","top-start":"bottom","top-end":"bottom",bottom:"top","bottom-start":"top","bottom-end":"top",right:"left","right-start":"left","right-end":"left"};Object.assign(this.tooltipElement.style,{left:"".concat(n,"px"),top:"".concat(o,"px"),visibility:(s=l.hide)!=null&&s.referenceHidden?"hidden":"visible",transformOrigin:r[i]})})}remove(){this.tooltipElement.remove(),this.autoUpdateCleanup(),this.removeEventListeners()}}const Ri={mounted(e,{value:n,arg:o}){e.tooltip=new Mi(e,{textContent:String(n),placement:o})},beforeUnmount(e){e.tooltip&&e.tooltip.remove()}},vi=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:j,CdxMenu:Ie,CdxSearchInput:bn},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:Yn},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:n,emit:o,slots:l}){const i=t.ref(),r=t.ref(),a=q("typeahead-search-menu"),d=W("cdx-typeahead-search-search-results-label","Search results"),s=t.ref(!1),c=t.ref(!1),u=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),h=t.computed(()=>{var v,K;return(K=(v=r.value)==null?void 0:v.getHighlightedMenuItem())==null?void 0:K.id}),g=t.ref(null),$=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),C=t.computed(()=>e.searchResults.find(v=>v.value===g.value)),w=t.computed(()=>e.searchFooterUrl?{value:Se,url:e.searchFooterUrl}:void 0),B=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:V,rootStyle:N,otherAttrs:D}=le(n,B);function E(v){return v}const S=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let k,b;function M(v,K=!1){C.value&&C.value.label!==v&&C.value.value!==v&&(g.value=null),b!==void 0&&(clearTimeout(b),b=void 0),v===""?s.value=!1:(c.value=!0,l["search-results-pending"]&&(b=setTimeout(()=>{p.value&&(s.value=!0),u.value=!0},Xn))),k!==void 0&&(clearTimeout(k),k=void 0);const ie=()=>{o("input",v)};K?ie():k=setTimeout(()=>{ie()},e.debounceInterval)}function T(v){var K;if(v===Se){g.value=null,m.value=f.value;return}g.value=v,v!==null&&(m.value=C.value?(K=C.value.label)!=null?K:String(C.value.value):"")}function _(){p.value=!0,(f.value||u.value)&&(s.value=!0)}function O(){p.value=!1,s.value=!1}function A(v){const Ae=v,{id:K}=Ae,ie=ce(Ae,["id"]);if(ie.value===Se){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}z(ie)}function z(v){const K={searchResult:v,index:e.searchResults.findIndex(ie=>ie.value===v.value),numberOfResults:e.searchResults.length};o("search-result-click",K)}function X(v){var K;if(v.value===Se){m.value=f.value;return}m.value=v.value?(K=v.label)!=null?K:String(v.value):""}function J(v){var K;s.value=!1,(K=r.value)==null||K.clearActive(),A(v)}function de(v){if(C.value)z(C.value),v.stopPropagation(),window.location.assign(C.value.url),v.preventDefault();else{const K={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",K)}}function $e(v){if(!r.value||!f.value||v.key===" ")return;const K=r.value.getHighlightedMenuItem(),ie=r.value.getHighlightedViaKeyboard();switch(v.key){case"Enter":K&&(K.value===Se&&ie?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(v,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:r.value.delegateKeyNavigation(v);break}}return t.onMounted(()=>{e.initialInputValue&&M(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&c.value&&f.value.length>0&&(s.value=!0),b!==void 0&&(clearTimeout(b),b=void 0),c.value=!1,u.value=!1}),{form:i,menu:r,menuId:a,highlightedId:h,selection:g,menuMessageClass:$,footer:w,asSearchResult:E,inputValue:m,searchQuery:f,expanded:s,showPending:u,rootClasses:V,rootStyle:N,otherAttrs:D,menuConfig:S,onUpdateInputValue:M,onUpdateMenuSelection:T,onFocus:_,onBlur:O,onSearchResultClick:A,onSearchResultKeyboardNavigation:X,onSearchFooterClick:J,onSubmit:de,onKeydown:$e,MenuFooterValue:Se,articleIcon:Tn,translatedSearchResultsLabel:d}},methods:{focus(){this.$refs.searchInput.focus()}}}),Oi=["id","action"],Fi={class:"cdx-typeahead-search__menu-message__text"},_i={class:"cdx-typeahead-search__menu-message__text"},zi=["href","onClickCapture"],Pi={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},Ki={class:"cdx-typeahead-search__search-footer__query"};function Hi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"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:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),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:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Fi,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",_i,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:u})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":u}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(p=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Pi,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",Ki,t.toDisplayString(e.searchQuery),1)])])],42,zi)):t.createCommentVNode("v-if",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","use-button","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,Oi)],6)}const Ui=F(vi,[["render",Hi]]);y.CdxAccordion=yo,y.CdxButton=ue,y.CdxButtonGroup=$o,y.CdxCard=Lo,y.CdxCheckbox=Ft,y.CdxChipInput=rl,y.CdxCombobox=xa,y.CdxDialog=va,y.CdxField=Qa,y.CdxIcon=j,y.CdxInfoChip=es,y.CdxLabel=Me,y.CdxLookup=ls,y.CdxMenu=Ie,y.CdxMenuButton=us,y.CdxMenuItem=Kt,y.CdxMessage=gn,y.CdxProgressBar=ut,y.CdxRadio=bs,y.CdxSearchInput=bn,y.CdxSearchResultTitle=Pt,y.CdxSelect=yn,y.CdxTab=Cn,y.CdxTable=ii,y.CdxTabs=Ci,y.CdxTextArea=Si,y.CdxTextInput=Ye,y.CdxThumbnail=it,y.CdxToggleButton=yt,y.CdxToggleButtonGroup=Vi,y.CdxToggleSwitch=Li,y.CdxTooltip=Ri,y.CdxTypeaheadSearch=Ui,y.TableRowIdentifier=Ue,y.stringHelpers=cl,y.useComputedDirection=Le,y.useComputedDisabled=rt,y.useComputedLanguage=xt,y.useFieldData=oe,y.useFloatingMenu=ze,y.useGeneratedId=q,y.useI18n=W,y.useIntersectionObserver=Qe,y.useModelWrapper=te,y.useResizeObserver=hn,y.useSlotContents=qe,y.useSplitAttributes=le,y.useWarnOnce=je,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}); +(function(y,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis!="undefined"?globalThis:y||self,t(y.codex={},y.Vue))})(this,function(y,t){"use strict";var Qi=Object.defineProperty,Gi=Object.defineProperties;var Yi=Object.getOwnPropertyDescriptors;var ot=Object.getOwnPropertySymbols;var kn=Object.prototype.hasOwnProperty,$n=Object.prototype.propertyIsEnumerable;var wt=(y,t,q)=>t in y?Qi(y,t,{enumerable:!0,configurable:!0,writable:!0,value:q}):y[t]=q,j=(y,t)=>{for(var q in t||(t={}))kn.call(t,q)&&wt(y,q,t[q]);if(ot)for(var q of ot(t))$n.call(t,q)&&wt(y,q,t[q]);return y},te=(y,t)=>Gi(y,Yi(t));var ue=(y,t)=>{var q={};for(var oe in y)kn.call(y,oe)&&t.indexOf(oe)<0&&(q[oe]=y[oe]);if(y!=null&&ot)for(var oe of ot(y))t.indexOf(oe)<0&&$n.call(y,oe)&&(q[oe]=y[oe]);return q};var me=(y,t,q)=>(wt(y,typeof t!="symbol"?t+"":t,q),q);var ne=(y,t,q)=>new Promise((oe,Pe)=>{var lt=he=>{try{De(q.next(he))}catch(Te){Pe(Te)}},at=he=>{try{De(q.throw(he))}catch(Te){Pe(Te)}},De=he=>he.done?oe(he.value):Promise.resolve(he.value).then(lt,at);De((q=q.apply(y,t)).next())});const q='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',oe='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',Pe='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',lt='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',at='<path d="M10 15 2 5h16z"/>',De='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',he='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',Te='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',Bn='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',Sn='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',In='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',Vn='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',xn='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',En='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',Nn='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',An='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',Dn='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',Tn='<path d="m10 5 8 10H2z"/>',kt=q,Mn=oe,Ln=Pe,st=lt,Rn=at,$t=De,Bt=he,vn=Te,Fn={langCodeMap:{ar:Bn},default:Sn},On={ltr:In,shouldFlip:!0},_n={ltr:Vn,shouldFlip:!0},St={ltr:xn,shouldFlip:!0},It={ltr:En,shouldFlip:!0},zn=Nn,Pn=An,Vt=Dn,Kn=Tn;function Hn(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const l=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof l=="string"||"path"in l?l:l.ltr}function Un(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}function Me(e){const n=t.ref(null);return t.onMounted(()=>{const o=window.getComputedStyle(e.value).direction;n.value=o==="ltr"||o==="rtl"?o:null}),n}function xt(e){const n=t.ref("");return t.onMounted(()=>{let o=e.value;for(;o&&o.lang==="";)o=o.parentElement;n.value=o?o.lang:null}),n}function ee(e){return n=>typeof n=="string"&&e.indexOf(n)!==-1}const Ke="cdx",qn=["default","progressive","destructive"],jn=["normal","primary","quiet"],Wn=["medium","large"],Qn=["x-small","small","medium"],Et=ee(["notice","warning","error","success"]),Gn=["text","search","number","email","month","password","tel","url","week","date","datetime-local","time"],ge=["default","warning","error","success"],Yn=["start","center","end","number"],Xn=120,Jn=500,Se="cdx-menu-footer-item",Nt=Symbol("CdxTabs"),At=Symbol("CdxActiveTab"),Dt=Symbol("CdxFieldInputId"),He=Symbol("CdxFieldDescriptionId"),Tt=Symbol("CdxFieldStatus"),Mt=Symbol("CdxDisabled"),Zn="".concat(Ke,"-no-invert"),Ue=Symbol("CdxTableRowIdentifier"),eo=["top","bottom","both"],to=ee(Qn),no=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:to}},setup(e){const n=t.ref(),o=Me(n),l=xt(n),i=t.computed(()=>{var u;return(u=e.dir)!=null?u:o.value}),r=t.computed(()=>{var u;return(u=e.lang)!=null?u:l.value}),a=t.computed(()=>({"cdx-icon--flipped":i.value==="rtl"&&r.value!==null&&Un(e.icon,r.value),["cdx-icon--".concat(e.size)]:!0})),d=t.computed(()=>{var u,p;return Hn(e.icon,(u=r.value)!=null?u:"",(p=i.value)!=null?p:"ltr")}),s=t.computed(()=>typeof d.value=="string"?d.value:""),c=t.computed(()=>typeof d.value!="string"?d.value.path:"");return{rootElement:n,rootClasses:a,iconSvg:s,iconPath:c}}}),O=(e,n)=>{const o=e.__vccOpts||e;for(const[l,i]of n)o[l]=i;return o},oo=["aria-hidden"],lo={key:0},ao=["innerHTML"],so=["d"];function io(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",lo,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,ao)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,so))],8,oo))],2)}const G=O(no,[["render",io]]);function Lt(e){const n=[];for(const o of e)typeof o.type=="string"||typeof o.type=="object"?n.push(o):o.type!==t.Comment&&(typeof o.children=="string"&&o.children.trim()!==""?n.push(o.children):Array.isArray(o.children)&&n.push(...Lt(o.children)));return n}function Rt(e,n){return typeof e.type=="object"&&"name"in e.type?n!==void 0?e.type.name===n:!0:!1}function ro(e,n){return typeof e.type=="string"?e.type===n.toLowerCase():!1}function qe(e){const n=typeof e=="function"?e():e;return n?Lt(n):[]}function je(e,n){if(e()){t.warn(n);return}const o=t.watch(e,l=>{l&&(t.warn(n),o())})}function vt(e,n,o){const l=t.computed(()=>{const i=qe(e);if(i.length!==1)return!1;const r=i[0];return!!(typeof r=="object"&&(Rt(r,"CdxIcon")||ro(r,"svg")))});return je(()=>l.value&&!n["aria-label"]&&!n["aria-hidden"],"".concat(o,": Icon-only buttons require one of the following attributes: aria-label or aria-hidden. See documentation at https://doc.wikimedia.org/codex/latest/components/demos/button.html#icon-only-button")),l}const co=ee(qn),uo=ee(jn),po=ee(Wn),fo=t.defineComponent({name:"CdxButton",props:{action:{type:String,default:"default",validator:co},weight:{type:String,default:"normal",validator:uo},size:{type:String,default:"medium",validator:po}},emits:["click"],setup(e,{emit:n,slots:o,attrs:l}){const i=vt(o.default,l,"CdxButton"),r=t.ref(!1),a=t.computed(()=>({["cdx-button--action-".concat(e.action)]:!0,["cdx-button--weight-".concat(e.weight)]:!0,["cdx-button--size-".concat(e.size)]:!0,"cdx-button--framed":e.weight!=="quiet","cdx-button--icon-only":i.value,"cdx-button--is-active":r.value})),d=p=>{n("click",p)},s=p=>{r.value=p};function c(){s(!0)}function u(p){s(!1),n("click",p)}return{rootClasses:a,onClick:d,onKeyDown:c,onKeyUp:u}}});function mo(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-button",e.rootClasses]),onKeydown:n[0]||(n[0]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[1]||(n[1]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"])),onClick:n[2]||(n[2]=(...a)=>e.onClick&&e.onClick(...a))},[t.renderSlot(e.$slots,"default")],34)}const pe=O(fo,[["render",mo]]),ho=t.defineComponent({name:"CdxAccordion",components:{CdxButton:pe,CdxIcon:G},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:n,emit:o}){const l=t.ref("open"in n),i=()=>{o("action-button-click")},r=s=>{l.value=s.newState==="open"},a=t.computed(()=>e.actionIcon&&(l.value||e.actionAlwaysVisible)),d=t.computed(()=>({"cdx-accordion--has-icon":a.value}));return{emitActionButtonClick:i,rootClasses:d,shouldShowActionButton:a,onToggle:r}}}),go={class:"cdx-accordion__header__title"},bo={class:"cdx-accordion__header__description"};function yo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("details",{class:t.normalizeClass(["cdx-accordion",e.rootClasses]),onToggle:n[1]||(n[1]=(...s)=>e.onToggle&&e.onToggle(...s))},[t.createElementVNode("summary",null,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.headingLevel),{class:"cdx-accordion__header"},{default:t.withCtx(()=>[t.createElementVNode("span",go,[t.renderSlot(e.$slots,"title")]),t.createElementVNode("span",bo,[t.renderSlot(e.$slots,"description")])]),_:3})),e.shouldShowActionButton?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-accordion__action","aria-label":e.actionButtonLabel,type:"button",weight:"quiet",onClick:t.withModifiers(e.emitActionButtonClick,["stop"])},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.actionIcon,"icon-label":e.actionButtonLabel,size:"medium"},null,8,["icon","icon-label"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)]),t.createElementVNode("div",{class:"cdx-accordion__content",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["stop"]))},[t.renderSlot(e.$slots,"default")])],34)}const Co=O(ho,[["render",yo]]);function Ft(e){return e.label===void 0?e.value:e.label===null?"":e.label}function Ot(e){const n=t.ref(),o=t.ref(),l=t.ref(new Map),i=Me(n);function r(h,g){const $=h;$&&l.value.set(g,$)}function a(h){o.value=h}function d(){o.value=void 0}function s(h,g){var w;const $=h+g,k=e.value[$];if(k)if(k.disabled)s($,g);else{const C=(w=l.value.get($))==null?void 0:w.$el;C==null||C.focus()}}function c(){var h;s((h=o.value)!=null?h:-1,1)}function u(){var h;s((h=o.value)!=null?h:e.value.length,-1)}function p(){i.value==="rtl"?u():c()}function m(){i.value==="rtl"?c():u()}function f(h){switch(h.key){case"ArrowRight":h.preventDefault(),p();break;case"ArrowLeft":h.preventDefault(),m();break;case"ArrowDown":h.preventDefault(),c();break;case"ArrowUp":h.preventDefault(),u();break}}return{rootElement:n,assignTemplateRef:r,onFocus:a,onBlur:d,onKeydown:f}}const wo=t.defineComponent({name:"CdxButtonGroup",components:{CdxButton:pe,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:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r}=Ot(t.toRef(e,"buttons"));return{rootElement:n,assignTemplateRef:o,onFocus:l,onBlur:i,onKeydown:r,getButtonLabel:Ft}}}),ko={ref:"rootElement",class:"cdx-button-group"};function $o(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",ko,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,c)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:u=>e.assignTemplateRef(u,c),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,onClick:u=>e.$emit("click",s.value),onFocus:u=>e.onFocus(c),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["disabled","aria-label","onClick","onFocus","onBlur","onKeydown"]))),128))],512)}const Bo=O(wo,[["render",$o]]),So=t.defineComponent({name:"CdxThumbnail",components:{CdxIcon:G},props:{thumbnail:{type:[Object,null],default:null},placeholderIcon:{type:[String,Object],default:vn}},setup:e=>{const n=t.ref(!1),o=t.ref({}),l=i=>{const r=i.replace(/([\\"\n])/g,"\\$1"),a=new Image;a.onload=()=>{o.value={backgroundImage:'url("'.concat(r,'")')},n.value=!0},a.onerror=()=>{n.value=!1},a.src=r};return t.onMounted(()=>{var i;(i=e.thumbnail)!=null&&i.url&&l(e.thumbnail.url)}),{thumbnailStyle:o,thumbnailLoaded:n,NoInvertClass:Zn}}}),Io={class:"cdx-thumbnail"},Vo={key:0,class:"cdx-thumbnail__placeholder"};function xo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("span",Io,[e.thumbnailLoaded?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("span",Vo,[t.createVNode(a,{icon:e.placeholderIcon,class:"cdx-thumbnail__placeholder__icon--vue"},null,8,["icon"])])),t.createVNode(t.Transition,{name:"cdx-thumbnail__image"},{default:t.withCtx(()=>[e.thumbnailLoaded?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(e.thumbnailStyle),class:t.normalizeClass([e.NoInvertClass,"cdx-thumbnail__image"])},null,6)):t.createCommentVNode("v-if",!0)]),_:1})])}const it=O(So,[["render",xo]]),Eo=t.defineComponent({name:"CdxCard",components:{CdxIcon:G,CdxThumbnail:it},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 n=t.computed(()=>!!e.url),o=t.computed(()=>n.value?"a":"span"),l=t.computed(()=>n.value?e.url:void 0);return{isLink:n,contentTag:o,cardLink:l}}}),No={class:"cdx-card__text"},Ao={class:"cdx-card__text__title"},Do={key:0,class:"cdx-card__text__description"},To={key:1,class:"cdx-card__text__supporting-text"};function Mo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.cardLink,class:t.normalizeClass(["cdx-card",{"cdx-card--is-link":e.isLink,"cdx-card--title-only":!e.$slots.description&&!e.$slots["supporting-text"]}])},{default:t.withCtx(()=>[e.thumbnail||e.forceThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,"placeholder-icon":e.customPlaceholderIcon,class:"cdx-card__thumbnail"},null,8,["thumbnail","placeholder-icon"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-card__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",No,[t.createElementVNode("span",Ao,[t.renderSlot(e.$slots,"title")]),e.$slots.description?(t.openBlock(),t.createElementBlock("span",Do,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0),e.$slots["supporting-text"]?(t.openBlock(),t.createElementBlock("span",To,[t.renderSlot(e.$slots,"supporting-text")])):t.createCommentVNode("v-if",!0)])]),_:3},8,["href","class"])}const Lo=O(Eo,[["render",Mo]]);function rt(e){const n=t.inject(Mt,t.ref(!1));return t.computed(()=>n.value||e.value)}function le(e,n,o){const l=rt(e),i=t.inject(Tt,t.ref("default")),r=t.computed(()=>n!=null&&n.value&&n.value!=="default"?n.value:i.value),a=t.inject(Dt,void 0),d=t.computed(()=>{var s;return(s=a==null?void 0:a.value)!=null?s:o});return{computedDisabled:l,computedStatus:r,computedInputId:d}}function ae(e,n=t.computed(()=>({}))){const o=t.computed(()=>{const r=ue(n.value,[]);return e.class&&e.class.split(" ").forEach(d=>{r[d]=!0}),r}),l=t.computed(()=>{if("style"in e)return e.style}),i=t.computed(()=>{const s=e,{class:r,style:a}=s;return ue(s,["class","style"])});return{rootClasses:o,rootStyle:l,otherAttrs:i}}function W(e,n,o=[]){const l=t.inject("CdxI18nFunction",void 0);return t.computed(()=>{const i=o.map(a=>typeof a=="function"?a():a.value),r=l==null?void 0:l(e,...i);return r!=null?r:typeof n=="function"?n(...i):n})}function We(e,n,o,l=[]){const i=W(n,o,l);return t.computed(()=>e.value||i.value)}const Ro=t.defineComponent({name:"CdxLabel",components:{CdxIcon:G},inheritAttrs:!1,props:{icon:{type:[String,Object],default:null},optional:{type:Boolean,default:!1},optionalFlag:{type:String,default:""},visuallyHidden:{type:Boolean,default:!1},isLegend:{type:Boolean,default:!1},inputId:{type:String,default:""},descriptionId:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){const{computedDisabled:o}=le(t.toRef(e,"disabled")),l=t.computed(()=>({"cdx-label--visually-hidden":e.visuallyHidden,"cdx-label--disabled":o.value})),{rootClasses:i,rootStyle:r,otherAttrs:a}=ae(n,l),d=We(t.toRef(e,"optionalFlag"),"cdx-label-optional-flag","(optional)");return{rootClasses:i,rootStyle:r,otherAttrs:a,translatedOptionalFlag:d}}}),vo=["for"],Fo={class:"cdx-label__label__text"},Oo={key:1,class:"cdx-label__label__optional-flag"},_o=["id"],zo={class:"cdx-label__label"},Po={class:"cdx-label__label__text"},Ko={key:1,class:"cdx-label__label__optional-flag"},Ho={key:0,class:"cdx-label__description"};function Uo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return e.isLegend?(t.openBlock(),t.createElementBlock("legend",t.mergeProps({key:1,class:["cdx-label",e.rootClasses],style:e.rootStyle},e.otherAttrs),[t.createElementVNode("span",zo,[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Po,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Ko,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)]),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",Ho,[t.renderSlot(e.$slots,"description")])):t.createCommentVNode("v-if",!0)],16)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-label",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("label",t.mergeProps({class:"cdx-label__label",for:e.inputId?e.inputId:void 0},e.otherAttrs),[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,class:"cdx-label__label__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Fo,[t.renderSlot(e.$slots,"default")]),e.optionalFlag||e.optional?(t.openBlock(),t.createElementBlock("span",Oo,t.toDisplayString(" ")+" "+t.toDisplayString(e.translatedOptionalFlag),1)):t.createCommentVNode("v-if",!0)],16,vo),e.$slots.description&&e.$slots.description().length>0?(t.openBlock(),t.createElementBlock("span",{key:0,id:e.descriptionId||void 0,class:"cdx-label__description"},[t.renderSlot(e.$slots,"description")],8,_o)):t.createCommentVNode("v-if",!0)],6))}const Le=O(Ro,[["render",Uo]]);function dt(e,n,o){je(()=>qe(e).length===0&&!(n!=null&&n["aria-label"])&&!(n!=null&&n["aria-labelledby"]),"".concat(o,": Inputs must have an associated label. Provide one of the following:\n - A label via the appropriate slot\n - An `aria-label` attribute set to the label text\n - An `aria-labelledby` attribute set to the ID of the label element"))}function se(e,n,o){return t.computed({get:()=>e.value,set:l=>n(o||"update:modelValue",l)})}let ct=0;function Q(e){var l;const n=t.getCurrentInstance(),o=(l=n==null?void 0:n.props.id)!=null?l:n==null?void 0:n.attrs.id;return e?"".concat(Ke,"-").concat(e,"-").concat(ct++):o?"".concat(Ke,"-").concat(o,"-").concat(ct++):"".concat(Ke,"-").concat(ct++)}const qo=ee(ge),jo=t.defineComponent({name:"CdxCheckbox",components:{CdxLabel:Le},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},status:{type:String,default:"default",validator:qo}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;dt((m=o.default)==null?void 0:m.call(o),l,"CdxCheckbox");const{computedDisabled:i,computedStatus:r}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),a=t.computed(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(r.value)]:!0})),d=t.computed(()=>({"cdx-checkbox__custom-input--inline":e.inline})),s=t.ref(),c=Q("checkbox"),u=Q("description"),p=se(t.toRef(e,"modelValue"),n);return{rootClasses:a,computedDisabled:i,input:s,checkboxId:c,descriptionId:u,wrappedModel:p,customInputClasses:d}}}),Wo={class:"cdx-checkbox__wrapper"},Qo=["id","aria-describedby","value","name","disabled",".indeterminate"],Go=t.createElementVNode("span",{class:"cdx-checkbox__icon"},null,-1);function Yo(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-checkbox",e.rootClasses])},[t.createElementVNode("div",Wo,[t.withDirectives(t.createElementVNode("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,name:e.name,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,Qo),[[t.vModelCheckbox,e.wrappedModel]]),Go,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,"visually-hidden":e.hideLabel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","visually-hidden"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-checkbox__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const _t=O(jo,[["render",Yo]]),Xo=t.defineComponent({name:"CdxInputChip",components:{CdxButton:pe,CdxIcon:G},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const o=t.ref(),l=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),i=W("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function r(a){var d;switch(a.key){case"Enter":n("click-chip"),a.preventDefault(),a.stopPropagation();break;case"Escape":(d=o.value)==null||d.blur(),a.preventDefault(),a.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",a.key),a.preventDefault(),a.stopPropagation();break;case"ArrowLeft":n("arrow-left"),a.preventDefault(),a.stopPropagation();break;case"ArrowRight":n("arrow-right"),a.preventDefault(),a.stopPropagation();break}}return{rootElement:o,rootClasses:l,ariaDescription:i,onKeydown:r,cdxIconClose:st}},methods:{focus(){this.$refs.rootElement.focus()}}}),Jo=["aria-description"],Zo={class:"cdx-input-chip__text"};function el(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:n[1]||(n[1]=(...s)=>e.onKeydown&&e.onKeydown(...s)),onClick:n[2]||(n[2]=s=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Zo,[t.renderSlot(e.$slots,"default")]),t.createVNode(d,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(s=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,Jo)}const tl=O(Xo,[["render",el]]);function ut(e,n,o,l){return t.computed({get:()=>{var i;return(i=n.value)!=null?i:e.value},set:i=>{n.value!==null?o(l||"update:modelValue",i):e.value=i}})}const nl=ee(ge),ol=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:tl},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},inputValue:{type:String,default:null},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:nl},chipValidator:{type:Function,default:e=>!0},disabled:{type:Boolean,default:!1}},emits:["update:input-chips","update:input-value"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(""),r=Me(l),a=t.ref(),d=t.ref(""),s=ut(d,t.toRef(e,"inputValue"),n,"update:input-value"),c=t.ref("default"),u=t.computed(()=>c.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:p,computedStatus:m}=le(t.toRef(e,"disabled"),u),f=t.ref(!1),h=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(m.value)]:!0,"cdx-chip-input--focused":f.value,"cdx-chip-input--disabled":p.value})),{rootClasses:g,rootStyle:$,otherAttrs:k}=ae(o,h),w=[],C=t.ref(null),A=t.computed(()=>C.value?C.value.value:""),D=W("cdx-chip-input-chip-added",N=>"Chip ".concat(N," was added."),[s]),M=W("cdx-chip-input-chip-removed",N=>"Chip ".concat(N," was removed."),[A]);function E(N,K){N!==null&&(w[K]=N)}const V=()=>{a.value.focus()};function b(){e.inputChips.find(N=>N.value===s.value)||!e.chipValidator(s.value)?c.value="error":s.value.length>0&&(i.value=D.value,n("update:input-chips",e.inputChips.concat({value:s.value})),s.value="")}function S(N){n("update:input-chips",e.inputChips.filter(K=>K.value!==N.value))}function R(N,K){const J=r.value==="ltr"&&N==="left"||r.value==="rtl"&&N==="right"?-1:1,x=K+J;if(!(x<0)){if(x>=e.inputChips.length){V();return}w[x].focus()}}function L(N){return ne(this,null,function*(){b(),yield t.nextTick(),S(N),s.value=N.value,V()})}function P(N,K,J){if(C.value=N,i.value=M.value,J==="button")V();else if(J==="Backspace"){const x=K===0?1:K-1;x<e.inputChips.length?w[x].focus():V()}else if(J==="Delete"){const x=K+1;x<e.inputChips.length?w[x].focus():V()}S(N)}function z(N){var J,x;const K=r.value==="rtl"?"ArrowRight":"ArrowLeft";switch(N.key){case"Enter":if(s.value.length>0){b(),N.preventDefault(),N.stopPropagation();return}break;case"Escape":(J=a.value)==null||J.blur(),N.preventDefault(),N.stopPropagation();return;case"Backspace":case K:if(((x=a.value)==null?void 0:x.selectionStart)===0&&a.value.selectionEnd===0&&e.inputChips.length>0){w[e.inputChips.length-1].focus(),N.preventDefault(),N.stopPropagation();return}break}}function v(){f.value=!0}function _(){f.value=!1}function Y(N){var K;(K=l.value)!=null&&K.contains(N.relatedTarget)||b()}return t.watch(t.toRef(e,"inputChips"),N=>{const K=N.find(J=>J.value===s.value);c.value=K?"error":"default"}),t.watch(s,()=>{c.value==="error"&&(c.value="default")}),{rootElement:l,input:a,computedInputValue:s,rootClasses:g,rootStyle:$,otherAttrs:k,assignChipTemplateRef:E,handleChipClick:L,handleChipRemove:P,moveChipFocus:R,onInputKeydown:z,focusInput:V,onInputFocus:v,onInputBlur:_,onFocusOut:Y,computedDisabled:p,statusMessageContent:i}}}),ll={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},al=["disabled"],sl={key:0,class:"cdx-chip-input__separate-input"},il=["disabled"],rl={class:"cdx-chip-input__aria-status",role:"status","aria-live":"polite"};function dl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...d)=>e.focusInput&&e.focusInput(...d)),onFocusout:n[9]||(n[9]=(...d)=>e.onFocusOut&&e.onFocusOut(...d))},[t.createElementVNode("div",ll,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(d,s)=>(t.openBlock(),t.createBlock(a,{key:d.value,ref_for:!0,ref:c=>e.assignChipTemplateRef(c,s),class:"cdx-chip-input__item",icon:d.icon,disabled:e.computedDisabled,onClickChip:c=>e.handleChipClick(d),onRemoveChip:c=>e.handleChipRemove(d,s,c),onArrowLeft:c=>e.moveChipFocus("left",s),onArrowRight:c=>e.moveChipFocus("right",s)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(d.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.computedInputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[2]||(n[2]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[3]||(n[3]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,al)),[[t.vModelDynamic,e.computedInputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",sl,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=d=>e.computedInputValue=d),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...d)=>e.onInputBlur&&e.onInputBlur(...d)),onFocus:n[6]||(n[6]=(...d)=>e.onInputFocus&&e.onInputFocus(...d)),onKeydown:n[7]||(n[7]=(...d)=>e.onInputKeydown&&e.onInputKeydown(...d))}),null,16,il),[[t.vModelDynamic,e.computedInputValue]])])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",rl,t.toDisplayString(e.statusMessageContent),1)],38)}const cl=O(ol,[["render",dl]]);function zt(e){return e.replace(/([\\{}()|.?*+\-^$[\]])/g,"\\$1")}const ul="[̀-ͯ҃-҉֑-ׇֽֿׁׂׅׄؐ-ًؚ-ٰٟۖ-ۜ۟-۪ۤۧۨ-ܑۭܰ-݊ަ-ް߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛࣓-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣঁ-ঃ়া-ৄেৈো-্ৗৢৣ৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑੰੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍ୖୗୢୣஂா-ூெ-ைொ-்ௗఀ-ఄా-ౄె-ైొ-్ౕౖౢౣಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣංඃ්ා-ුූෘ-ෟෲෳัิ-ฺ็-๎ັິ-ູົຼ່-ໍ༹༘༙༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏႚ-ႝ፝-፟ᜒ-᜔ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝᠋-᠍ᢅᢆᢩᤠ-ᤫᤰ-᤻ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼᪰-᪾ᬀ-ᬄ᬴-᭄᭫-᭳ᮀ-ᮂᮡ-ᮭ᯦-᯳ᰤ-᰷᳐-᳔᳒-᳨᳭ᳲ-᳴᳷-᳹᷀-᷹᷻-᷿⃐-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯꙯-꙲ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧꢀꢁꢴ-ꣅ꣠-꣱ꣿꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀ꧥꨩ-ꨶꩃꩌꩍꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭ﬞ︀-️︠-︯]";function Pt(e,n){if(!e)return[n,"",""];const o=zt(e),l=new RegExp(o+ul+"*","i").exec(n);if(!l||l.index===void 0)return[n,"",""];const i=l.index,r=i+l[0].length,a=n.slice(i,r),d=n.slice(0,i),s=n.slice(r,n.length);return[d,a,s]}const pl=Object.freeze(Object.defineProperty({__proto__:null,regExpEscape:zt,splitStringAtMatch:Pt},Symbol.toStringTag,{value:"Module"})),fl=t.defineComponent({name:"CdxSearchResultTitle",props:{title:{type:String,required:!0},searchQuery:{type:String,default:""}},setup:e=>({titleChunks:t.computed(()=>Pt(e.searchQuery,String(e.title)))})}),ml={class:"cdx-search-result-title"},hl={class:"cdx-search-result-title__match"};function gl(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("span",ml,[t.createElementVNode("bdi",null,[t.createTextVNode(t.toDisplayString(e.titleChunks[0]),1),t.createElementVNode("span",hl,t.toDisplayString(e.titleChunks[1]),1),t.createTextVNode(t.toDisplayString(e.titleChunks[2]),1)])])}const Kt=O(fl,[["render",gl]]),bl=t.defineComponent({name:"CdxMenuItem",components:{CdxIcon:G,CdxThumbnail:it,CdxSearchResultTitle:Kt},props:{id:{type:String,required:!0},value:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},highlighted:{type:Boolean,default:!1},label:{type:String,default:""},match:{type:String,default:""},supportingText:{type:String,default:""},url:{type:String,default:""},icon:{type:[String,Object],default:""},showThumbnail:{type:Boolean,default:!1},thumbnail:{type:[Object,null],default:null},description:{type:[String,null],default:""},searchQuery:{type:String,default:""},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},language:{type:Object,default:()=>({})},action:{type:String,default:"default"},multiselect:{type:Boolean,default:!1}},emits:["change"],setup:(e,{emit:n})=>{const o=()=>{e.highlighted||n("change","highlighted",!0)},l=()=>{n("change","highlighted",!1)},i=u=>{u.button===0&&n("change","active",!0)},r=()=>{n("change","selected",!0)},a=t.computed(()=>e.searchQuery.length>0),d=t.computed(()=>({"cdx-menu-item--selected":e.selected,"cdx-menu-item--active":e.active&&e.highlighted,"cdx-menu-item--highlighted":e.highlighted,"cdx-menu-item--destructive":e.action&&e.action==="destructive","cdx-menu-item--enabled":!e.disabled,"cdx-menu-item--disabled":e.disabled,"cdx-menu-item--highlight-query":a.value,"cdx-menu-item--bold-label":e.boldLabel,"cdx-menu-item--has-description":!!e.description,"cdx-menu-item--hide-description-overflow":e.hideDescriptionOverflow})),s=t.computed(()=>e.url?"a":"span"),c=t.computed(()=>e.label||String(e.value));return{onMouseMove:o,onMouseLeave:l,onMouseDown:i,onClick:r,highlightQuery:a,rootClasses:d,contentTag:s,title:c}}}),yl=["id","aria-disabled","aria-selected","aria-checked"],Cl={class:"cdx-menu-item__text"},wl=["lang"],kl=["lang"],$l=["lang"],Bl=["lang"];function Sl(e,n,o,l,i,r){const a=t.resolveComponent("cdx-thumbnail"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-search-result-title");return t.openBlock(),t.createElementBlock("li",{id:e.id,role:"option",class:t.normalizeClass(["cdx-menu-item",e.rootClasses]),"aria-disabled":e.disabled,"aria-selected":e.selected&&!e.multiselect?!0:void 0,"aria-checked":e.selected&&e.multiselect?!0:void 0,onMousemove:n[0]||(n[0]=(...c)=>e.onMouseMove&&e.onMouseMove(...c)),onMouseleave:n[1]||(n[1]=(...c)=>e.onMouseLeave&&e.onMouseLeave(...c)),onMousedown:n[2]||(n[2]=t.withModifiers((...c)=>e.onMouseDown&&e.onMouseDown(...c),["prevent"])),onClick:n[3]||(n[3]=(...c)=>e.onClick&&e.onClick(...c))},[t.renderSlot(e.$slots,"default",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.contentTag),{href:e.url?e.url:void 0,class:"cdx-menu-item__content"},{default:t.withCtx(()=>{var c,u,p,m,f,h;return[e.showThumbnail?(t.openBlock(),t.createBlock(a,{key:0,thumbnail:e.thumbnail,class:"cdx-menu-item__thumbnail"},null,8,["thumbnail"])):e.icon?(t.openBlock(),t.createBlock(d,{key:1,icon:e.icon,class:"cdx-menu-item__icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Cl,[e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.title,"search-query":e.searchQuery,lang:(c=e.language)==null?void 0:c.label},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__label",lang:(u=e.language)==null?void 0:u.label},[t.createElementVNode("bdi",null,t.toDisplayString(e.title),1)],8,wl)),e.match?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(" ")+" "),e.highlightQuery?(t.openBlock(),t.createBlock(s,{key:0,title:e.match,"search-query":e.searchQuery,lang:(p=e.language)==null?void 0:p.match},null,8,["title","search-query","lang"])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"cdx-menu-item__text__match",lang:(m=e.language)==null?void 0:m.match},[t.createElementVNode("bdi",null,t.toDisplayString(e.match),1)],8,kl))],64)):t.createCommentVNode("v-if",!0),e.supportingText?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[t.createTextVNode(t.toDisplayString(" ")+" "),t.createElementVNode("span",{class:"cdx-menu-item__text__supporting-text",lang:(f=e.language)==null?void 0:f.supportingText},[t.createElementVNode("bdi",null,t.toDisplayString(e.supportingText),1)],8,$l)],64)):t.createCommentVNode("v-if",!0),e.description?(t.openBlock(),t.createElementBlock("span",{key:4,class:"cdx-menu-item__text__description",lang:(h=e.language)==null?void 0:h.description},[t.createElementVNode("bdi",null,t.toDisplayString(e.description),1)],8,Bl)):t.createCommentVNode("v-if",!0)])]}),_:1},8,["href"]))])],42,yl)}const Ht=O(bl,[["render",Sl]]),Il=t.defineComponent({name:"CdxProgressBar",props:{inline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e,{attrs:n}){je(()=>!e.inline&&!n["aria-label"]&&!n["aria-hidden"],"CdxProgressBar: Progress bars require one of the following attribute, aria-label or aria-hidden. See documentation on https://doc.wikimedia.org/codex/latest/components/demos/progressbar.html");const o=t.computed(()=>({"cdx-progress-bar--block":!e.inline,"cdx-progress-bar--inline":e.inline,"cdx-progress-bar--enabled":!e.disabled,"cdx-progress-bar--disabled":e.disabled})),l=t.computed(()=>e.inline?"true":void 0);return{rootClasses:o,computedAriaHidden:l}}}),Vl=["aria-hidden","aria-disabled"],xl=[t.createElementVNode("div",{class:"cdx-progress-bar__bar"},null,-1)];function El(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-progress-bar",e.rootClasses]),role:"progressbar","aria-hidden":e.computedAriaHidden,"aria-disabled":e.disabled},xl,10,Vl)}const pt=O(Il,[["render",El]]);function Qe(e,n){const o=t.ref(!1);let l=!1;if(typeof window!="object"||!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype))return o;const i=new window.IntersectionObserver(r=>{const a=r[0];a&&(o.value=a.isIntersecting)},n);return t.onMounted(()=>{l=!0,e.value&&i.observe(e.value)}),t.onUnmounted(()=>{l=!1,i.disconnect()}),t.watch(e,r=>{l&&(i.disconnect(),o.value=!1,r&&i.observe(r))}),o}function Ge(e){return e!==null&&Array.isArray(e)}const Nl=t.defineComponent({name:"CdxMenu",components:{CdxMenuItem:Ht,CdxProgressBar:pt},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},footer:{type:Object,default:null},selected:{type:[String,Number,Array,null],required:!0},expanded:{type:Boolean,required:!0},showPending:{type:Boolean,default:!1},visibleItemLimit:{type:Number,default:null},showThumbnail:{type:Boolean,default:!1},boldLabel:{type:Boolean,default:!1},hideDescriptionOverflow:{type:Boolean,default:!1},searchQuery:{type:String,default:""},showNoResultsSlot:{type:Boolean,default:null}},emits:["update:selected","update:expanded","menu-item-click","menu-item-keyboard-navigation","load-more"],expose:["isExpanded","clearActive","getHighlightedMenuItem","getHighlightedViaKeyboard","delegateKeyNavigation"],setup(e,{emit:n,slots:o,attrs:l}){const i=t.computed(()=>(e.footer&&e.menuItems?[...e.menuItems,e.footer]:e.menuItems).map(F=>te(j({},F),{id:Q("menu-item")}))),r=t.computed(()=>o["no-results"]?e.showNoResultsSlot!==null?e.showNoResultsSlot:i.value.length===0:!1),a=t.ref(null),d=t.ref(!1),s=t.ref(null),c="additions removals";let u="",p=null;function m(){u="",p!==null&&(clearTimeout(p),p=null)}function f(){p!==null&&clearTimeout(p),p=setTimeout(m,1500)}function h(){var B;return(B=i.value.find(F=>Ge(e.selected)?e.selected.indexOf(F.value)!==-1:F.value===e.selected))!=null?B:null}const g=t.computed(()=>Ge(e.selected));function $(B){return Ge(e.selected)?e.selected.indexOf(B)!==-1:B===e.selected}function k(B){if(Ge(e.selected)){const F=e.selected.indexOf(B)===-1?e.selected.concat(B):e.selected.filter(Z=>Z!==B);n("update:selected",F)}else n("update:selected",B)}function w(B,F){if(!(F&&F.disabled))switch(B){case"selected":F&&k(F.value),g.value||n("update:expanded",!1),s.value=null;break;case"highlighted":a.value=F!=null?F:null,d.value=!1;break;case"highlightedViaKeyboard":a.value=F!=null?F:null,d.value=!0;break;case"active":s.value=F!=null?F:null;break}}const C=t.computed(()=>{if(a.value!==null)return i.value.findIndex(B=>B.value===a.value.value)});function A(B){B&&(w("highlightedViaKeyboard",B),n("menu-item-keyboard-navigation",B))}function D(B){var X;const F=I=>{for(let T=I-1;T>=0;T--)if(!i.value[T].disabled)return i.value[T]};B=B!=null?B:i.value.length;const Z=(X=F(B))!=null?X:F(i.value.length);A(Z)}function M(B){var X;const F=I=>i.value.find((T,H)=>!T.disabled&&H>I);B=B!=null?B:-1;const Z=(X=F(B))!=null?X:F(-1);A(Z)}function E(B){if(B.key==="Clear")return m(),!0;if(B.key==="Backspace")return u=u.slice(0,-1),f(),!0;if(B.key.length===1&&!B.metaKey&&!B.ctrlKey&&!B.altKey){if(e.expanded||n("update:expanded",!0),B.key===" "&&u.length<1)return!1;u+=B.key.toLowerCase();const F=u.length>1&&u.split("").every(T=>T===u[0]);let Z=i.value,X=u;F&&C.value!==void 0&&(Z=Z.slice(C.value+1).concat(Z.slice(0,C.value)),X=u[0]);const I=Z.find(T=>{var H;return!T.disabled&&String((H=T.label)!=null?H:T.value).toLowerCase().startsWith(X)});return I&&(w("highlightedViaKeyboard",I),z()),f(),!0}return!1}function V(B,{prevent:F=!0,characterNavigation:Z=!1}={}){if(Z){if(E(B))return B.preventDefault(),!0;m()}function X(){F&&(B.preventDefault(),B.stopPropagation())}switch(B.key){case"Enter":case" ":return X(),e.expanded?(a.value&&d.value&&k(a.value.value),g.value||n("update:expanded",!1)):n("update:expanded",!0),!0;case"Tab":return e.expanded&&(a.value&&d.value&&k(a.value.value),g.value||n("update:expanded",!1)),!0;case"ArrowUp":return X(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),D(C.value)):n("update:expanded",!0),z(),!0;case"ArrowDown":return X(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),M(C.value)):n("update:expanded",!0),z(),!0;case"Home":return X(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),M()):n("update:expanded",!0),z(),!0;case"End":return X(),e.expanded?(a.value===null&&w("highlightedViaKeyboard",h()),D()):n("update:expanded",!0),z(),!0;case"Escape":return X(),n("update:expanded",!1),!0;default:return!1}}function b(){w("active",null)}const S=[],R=t.ref(void 0),L=Qe(R,{threshold:.8});t.watch(L,B=>{B&&n("load-more")});function P(B,F){if(B){S[F]=B.$el;const Z=e.visibleItemLimit;if(!Z||e.menuItems.length<Z)return;const X=Math.min(Z,Math.max(2,Math.floor(.2*e.menuItems.length)));F===e.menuItems.length-X&&(R.value=B.$el)}}function z(){if(!e.visibleItemLimit||e.visibleItemLimit>e.menuItems.length||C.value===void 0)return;const B=C.value>=0?C.value:0;S[B].scrollIntoView({behavior:"smooth",block:"nearest"})}const v=t.ref(null),_=t.ref(null);function Y(){return ne(this,null,function*(){yield t.nextTick(),N(),K(),yield t.nextTick(),z()})}function N(){if(e.footer){const B=S[S.length-1];_.value=B.scrollHeight}else _.value=null}function K(){if(!e.visibleItemLimit||S.length<=e.visibleItemLimit){v.value=null;return}const B=S[0].getBoundingClientRect().top,F=S[e.visibleItemLimit].getBoundingClientRect().top;v.value=F-B+2}t.onMounted(()=>{document.addEventListener("mouseup",b)}),t.onUnmounted(()=>{document.removeEventListener("mouseup",b)}),t.watch(t.toRef(e,"expanded"),B=>ne(this,null,function*(){if(B){const F=h();F&&!a.value&&w("highlighted",F),yield Y()}else w("highlighted",null)})),t.watch(t.toRef(e,"menuItems"),B=>ne(this,null,function*(){B.length<S.length&&(S.length=B.length),e.expanded&&(yield Y())}),{deep:!0});const J=t.computed(()=>({"max-height":v.value?"".concat(v.value,"px"):void 0,"margin-bottom":_.value?"".concat(_.value,"px"):void 0})),x=t.computed(()=>({"cdx-menu--has-footer":!!e.footer})),{rootClasses:U,rootStyle:de,otherAttrs:Ae}=ae(l,x);return{listBoxStyle:J,rootClasses:U,rootStyle:de,otherAttrs:Ae,assignTemplateRef:P,computedMenuItems:i,computedShowNoResultsSlot:r,highlightedMenuItem:a,highlightedViaKeyboard:d,activeMenuItem:s,handleMenuItemChange:w,handleKeyNavigation:V,ariaRelevant:c,isMultiselect:g,isItemSelected:$}},methods:{isExpanded(){return this.expanded},getHighlightedMenuItem(){return this.expanded?this.highlightedMenuItem:null},getHighlightedViaKeyboard(){return this.highlightedViaKeyboard},clearActive(){this.handleMenuItemChange("active",null)},delegateKeyNavigation(e,{prevent:n=!0,characterNavigation:o=!1}={}){return this.handleKeyNavigation(e,{prevent:n,characterNavigation:o})}}}),Al=["aria-live","aria-relevant","aria-multiselectable"],Dl={key:0,class:"cdx-menu__pending cdx-menu-item"},Tl={key:1,class:"cdx-menu__no-results cdx-menu-item"};function Ml(e,n,o,l,i,r){const a=t.resolveComponent("cdx-menu-item"),d=t.resolveComponent("cdx-progress-bar");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("ul",t.mergeProps({class:"cdx-menu__listbox",role:"listbox",style:e.listBoxStyle,"aria-live":e.showPending?"polite":void 0,"aria-relevant":e.showPending?e.ariaRelevant:void 0,"aria-multiselectable":e.isMultiselect?!0:void 0},e.otherAttrs),[e.showPending&&e.computedMenuItems.length===0&&e.$slots.pending?(t.openBlock(),t.createElementBlock("li",Dl,[t.renderSlot(e.$slots,"pending")])):t.createCommentVNode("v-if",!0),e.computedShowNoResultsSlot?(t.openBlock(),t.createElementBlock("li",Tl,[t.renderSlot(e.$slots,"no-results")])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.computedMenuItems,(s,c)=>{var u,p;return t.openBlock(),t.createBlock(a,t.mergeProps({key:s.value,ref_for:!0,ref:m=>e.assignTemplateRef(m,c)},s,{selected:e.isItemSelected(s.value),active:s.value===((u=e.activeMenuItem)==null?void 0:u.value),highlighted:s.value===((p=e.highlightedMenuItem)==null?void 0:p.value),"show-thumbnail":e.showThumbnail,"bold-label":e.boldLabel,"hide-description-overflow":e.hideDescriptionOverflow,"search-query":e.searchQuery,multiselect:e.isMultiselect,onChange:(m,f)=>e.handleMenuItemChange(m,f?s:null),onClick:m=>e.$emit("menu-item-click",s)}),{default:t.withCtx(()=>{var m,f;return[t.renderSlot(e.$slots,"default",{menuItem:s,active:s.value===((m=e.activeMenuItem)==null?void 0:m.value)&&s.value===((f=e.highlightedMenuItem)==null?void 0:f.value)})]}),_:2},1040,["selected","active","highlighted","show-thumbnail","bold-label","hide-description-overflow","search-query","multiselect","onChange","onClick"])}),128)),e.showPending?(t.openBlock(),t.createBlock(d,{key:2,class:"cdx-menu__progress-bar",inline:!0})):t.createCommentVNode("v-if",!0)],16,Al)],6)),[[t.vShow,e.expanded]])}const Ie=O(Nl,[["render",Ml]]),Ll=ee(Gn),Rl=ee(ge),vl=t.defineComponent({name:"CdxTextInput",components:{CdxIcon:G},inheritAttrs:!1,expose:["focus","blur"],props:{modelValue:{type:[String,Number],default:""},inputType:{type:String,default:"text",validator:Ll},status:{type:String,default:"default",validator:Rl},disabled:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","keydown","input","change","focus","blur","clear"],setup(e,{emit:n,attrs:o}){const l=o.id,{computedDisabled:i,computedStatus:r,computedInputId:a}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),l),d=t.inject(He,void 0),s=se(t.toRef(e,"modelValue"),n),c=t.computed(()=>e.clearable&&!!s.value&&!i.value),u=t.computed(()=>({"cdx-text-input--has-start-icon":!!e.startIcon,"cdx-text-input--has-end-icon":!!e.endIcon,"cdx-text-input--clearable":c.value,["cdx-text-input--status-".concat(r.value)]:!0})),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(o,u),h=t.computed(()=>{const V=f.value,{id:M}=V;return ue(V,["id"])}),g=t.computed(()=>({"cdx-text-input__input--has-value":!!s.value}));return{computedInputId:a,descriptionId:d,wrappedModel:s,isClearable:c,rootClasses:p,rootStyle:m,otherAttrsMinusId:h,inputClasses:g,computedDisabled:i,onClear:M=>{s.value="",n("clear",M)},onInput:M=>{n("input",M)},onChange:M=>{n("change",M)},onKeydown:M=>{(M.key==="Home"||M.key==="End")&&!M.ctrlKey&&!M.metaKey||n("keydown",M)},onFocus:M=>{n("focus",M)},onBlur:M=>{n("blur",M)},cdxIconClear:Ln}},methods:{focus(){this.$refs.input.focus()},blur(){this.$refs.input.blur()}}}),Fl=["id","type","aria-describedby","disabled"];function Ol(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.computedInputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:["cdx-text-input__input",e.inputClasses]},e.otherAttrsMinusId,{type:e.inputType,"aria-describedby":e.descriptionId,disabled:e.computedDisabled,size:"1",onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d)),onChange:n[2]||(n[2]=(...d)=>e.onChange&&e.onChange(...d)),onFocus:n[3]||(n[3]=(...d)=>e.onFocus&&e.onFocus(...d)),onBlur:n[4]||(n[4]=(...d)=>e.onBlur&&e.onBlur(...d)),onKeydown:n[5]||(n[5]=(...d)=>e.onKeydown&&e.onKeydown(...d))}),null,16,Fl),[[t.vModelDynamic,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-input__icon-vue cdx-text-input__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-input__icon-vue cdx-text-input__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.isClearable?(t.openBlock(),t.createBlock(a,{key:2,icon:e.cdxIconClear,class:"cdx-text-input__icon-vue cdx-text-input__clear-icon",onMousedown:n[6]||(n[6]=t.withModifiers(()=>{},["prevent"])),onClick:e.onClear},null,8,["icon","onClick"])):t.createCommentVNode("v-if",!0)],6)}const Ye=O(vl,[["render",Ol]]),_l=["top","right","bottom","left"],Ve=Math.min,ie=Math.max,Xe=Math.round,Je=Math.floor,we=e=>({x:e,y:e}),zl={left:"right",right:"left",bottom:"top",top:"bottom"},Pl={start:"end",end:"start"};function Ut(e,n,o){return ie(e,Ve(n,o))}function xe(e,n){return typeof e=="function"?e(n):e}function ke(e){return e.split("-")[0]}function Re(e){return e.split("-")[1]}function qt(e){return e==="x"?"y":"x"}function jt(e){return e==="y"?"height":"width"}function ve(e){return["top","bottom"].includes(ke(e))?"y":"x"}function Wt(e){return qt(ve(e))}function Kl(e,n,o){o===void 0&&(o=!1);const l=Re(e),i=Wt(e),r=jt(i);let a=i==="x"?l===(o?"end":"start")?"right":"left":l==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(a=Ze(a)),[a,Ze(a)]}function Hl(e){const n=Ze(e);return[ft(e),n,ft(n)]}function ft(e){return e.replace(/start|end/g,n=>Pl[n])}function Ul(e,n,o){const l=["left","right"],i=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(e){case"top":case"bottom":return o?n?i:l:n?l:i;case"left":case"right":return n?r:a;default:return[]}}function ql(e,n,o,l){const i=Re(e);let r=Ul(ke(e),o==="start",l);return i&&(r=r.map(a=>a+"-"+i),n&&(r=r.concat(r.map(ft)))),r}function Ze(e){return e.replace(/left|right|bottom|top/g,n=>zl[n])}function jl(e){return j({top:0,right:0,bottom:0,left:0},e)}function Wl(e){return typeof e!="number"?jl(e):{top:e,right:e,bottom:e,left:e}}function et(e){return te(j({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}function Qt(e,n,o){let{reference:l,floating:i}=e;const r=ve(n),a=Wt(n),d=jt(a),s=ke(n),c=r==="y",u=l.x+l.width/2-i.width/2,p=l.y+l.height/2-i.height/2,m=l[d]/2-i[d]/2;let f;switch(s){case"top":f={x:u,y:l.y-i.height};break;case"bottom":f={x:u,y:l.y+l.height};break;case"right":f={x:l.x+l.width,y:p};break;case"left":f={x:l.x-i.width,y:p};break;default:f={x:l.x,y:l.y}}switch(Re(n)){case"start":f[a]-=m*(o&&c?-1:1);break;case"end":f[a]+=m*(o&&c?-1:1);break}return f}const Ql=(e,n,o)=>ne(this,null,function*(){const{placement:l="bottom",strategy:i="absolute",middleware:r=[],platform:a}=o,d=r.filter(Boolean),s=yield a.isRTL==null?void 0:a.isRTL(n);let c=yield a.getElementRects({reference:e,floating:n,strategy:i}),{x:u,y:p}=Qt(c,l,s),m=l,f={},h=0;for(let g=0;g<d.length;g++){const{name:$,fn:k}=d[g],{x:w,y:C,data:A,reset:D}=yield k({x:u,y:p,initialPlacement:l,placement:m,strategy:i,middlewareData:f,rects:c,platform:a,elements:{reference:e,floating:n}});u=w!=null?w:u,p=C!=null?C:p,f=te(j({},f),{[$]:j(j({},f[$]),A)}),D&&h<=50&&(h++,typeof D=="object"&&(D.placement&&(m=D.placement),D.rects&&(c=D.rects===!0?yield a.getElementRects({reference:e,floating:n,strategy:i}):D.rects),{x:u,y:p}=Qt(c,m,s)),g=-1)}return{x:u,y:p,placement:m,strategy:i,middlewareData:f}});function Fe(e,n){return ne(this,null,function*(){var o;n===void 0&&(n={});const{x:l,y:i,platform:r,rects:a,elements:d,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:m=!1,padding:f=0}=xe(n,e),h=Wl(f),$=d[m?p==="floating"?"reference":"floating":p],k=et(yield r.getClippingRect({element:(o=yield r.isElement==null?void 0:r.isElement($))==null||o?$:$.contextElement||(yield r.getDocumentElement==null?void 0:r.getDocumentElement(d.floating)),boundary:c,rootBoundary:u,strategy:s})),w=p==="floating"?te(j({},a.floating),{x:l,y:i}):a.reference,C=yield r.getOffsetParent==null?void 0:r.getOffsetParent(d.floating),A=(yield r.isElement==null?void 0:r.isElement(C))?(yield r.getScale==null?void 0:r.getScale(C))||{x:1,y:1}:{x:1,y:1},D=et(r.convertOffsetParentRelativeRectToViewportRelativeRect?yield r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:w,offsetParent:C,strategy:s}):w);return{top:(k.top-D.top+h.top)/A.y,bottom:(D.bottom-k.bottom+h.bottom)/A.y,left:(k.left-D.left+h.left)/A.x,right:(D.right-k.right+h.right)/A.x}})}const Gl=function(e){return e===void 0&&(e={}),{name:"flip",options:e,fn(o){return ne(this,null,function*(){var l,i;const{placement:r,middlewareData:a,rects:d,initialPlacement:s,platform:c,elements:u}=o,P=xe(e,o),{mainAxis:p=!0,crossAxis:m=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:$=!0}=P,k=ue(P,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((l=a.arrow)!=null&&l.alignmentOffset)return{};const w=ke(r),C=ke(s)===s,A=yield c.isRTL==null?void 0:c.isRTL(u.floating),D=f||(C||!$?[Ze(s)]:Hl(s));!f&&g!=="none"&&D.push(...ql(s,$,g,A));const M=[s,...D],E=yield Fe(o,k),V=[];let b=((i=a.flip)==null?void 0:i.overflows)||[];if(p&&V.push(E[w]),m){const z=Kl(r,d,A);V.push(E[z[0]],E[z[1]])}if(b=[...b,{placement:r,overflows:V}],!V.every(z=>z<=0)){var S,R;const z=(((S=a.flip)==null?void 0:S.index)||0)+1,v=M[z];if(v)return{data:{index:z,overflows:b},reset:{placement:v}};let _=(R=b.filter(Y=>Y.overflows[0]<=0).sort((Y,N)=>Y.overflows[1]-N.overflows[1])[0])==null?void 0:R.placement;if(!_)switch(h){case"bestFit":{var L;const Y=(L=b.map(N=>[N.placement,N.overflows.filter(K=>K>0).reduce((K,J)=>K+J,0)]).sort((N,K)=>N[1]-K[1])[0])==null?void 0:L[0];Y&&(_=Y);break}case"initialPlacement":_=s;break}if(r!==_)return{reset:{placement:_}}}return{}})}}};function Gt(e,n){return{top:e.top-n.height,right:e.right-n.width,bottom:e.bottom-n.height,left:e.left-n.width}}function Yt(e){return _l.some(n=>e[n]>=0)}const Yl=function(e){return e===void 0&&(e={}),{name:"hide",options:e,fn(o){return ne(this,null,function*(){const{rects:l}=o,a=xe(e,o),{strategy:i="referenceHidden"}=a,r=ue(a,["strategy"]);switch(i){case"referenceHidden":{const d=yield Fe(o,te(j({},r),{elementContext:"reference"})),s=Gt(d,l.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Yt(s)}}}case"escaped":{const d=yield Fe(o,te(j({},r),{altBoundary:!0})),s=Gt(d,l.floating);return{data:{escapedOffsets:s,escaped:Yt(s)}}}default:return{}}})}}};function Xl(e,n){return ne(this,null,function*(){const{placement:o,platform:l,elements:i}=e,r=yield l.isRTL==null?void 0:l.isRTL(i.floating),a=ke(o),d=Re(o),s=ve(o)==="y",c=["left","top"].includes(a)?-1:1,u=r&&s?-1:1,p=xe(n,e);let{mainAxis:m,crossAxis:f,alignmentAxis:h}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:j({mainAxis:0,crossAxis:0,alignmentAxis:null},p);return d&&typeof h=="number"&&(f=d==="end"?h*-1:h),s?{x:f*u,y:m*c}:{x:m*c,y:f*u}})}const Xt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,fn(o){return ne(this,null,function*(){var l,i;const{x:r,y:a,placement:d,middlewareData:s}=o,c=yield Xl(o,e);return d===((l=s.offset)==null?void 0:l.placement)&&(i=s.arrow)!=null&&i.alignmentOffset?{}:{x:r+c.x,y:a+c.y,data:te(j({},c),{placement:d})}})}}},Jl=function(e){return e===void 0&&(e={}),{name:"shift",options:e,fn(o){return ne(this,null,function*(){const{x:l,y:i,placement:r}=o,k=xe(e,o),{mainAxis:a=!0,crossAxis:d=!1,limiter:s={fn:w=>{let{x:C,y:A}=w;return{x:C,y:A}}}}=k,c=ue(k,["mainAxis","crossAxis","limiter"]),u={x:l,y:i},p=yield Fe(o,c),m=ve(ke(r)),f=qt(m);let h=u[f],g=u[m];if(a){const w=f==="y"?"top":"left",C=f==="y"?"bottom":"right",A=h+p[w],D=h-p[C];h=Ut(A,h,D)}if(d){const w=m==="y"?"top":"left",C=m==="y"?"bottom":"right",A=g+p[w],D=g-p[C];g=Ut(A,g,D)}const $=s.fn(te(j({},o),{[f]:h,[m]:g}));return te(j({},$),{data:{x:$.x-l,y:$.y-i}})})}}},Zl=function(e){return e===void 0&&(e={}),{name:"size",options:e,fn(o){return ne(this,null,function*(){const{placement:l,rects:i,platform:r,elements:a}=o,E=xe(e,o),{apply:d=()=>{}}=E,s=ue(E,["apply"]),c=yield Fe(o,s),u=ke(l),p=Re(l),m=ve(l)==="y",{width:f,height:h}=i.floating;let g,$;u==="top"||u==="bottom"?(g=u,$=p===((yield r.isRTL==null?void 0:r.isRTL(a.floating))?"start":"end")?"left":"right"):($=u,g=p==="end"?"top":"bottom");const k=h-c[g],w=f-c[$],C=!o.middlewareData.shift;let A=k,D=w;if(m){const V=f-c.left-c.right;D=p||C?Ve(w,V):V}else{const V=h-c.top-c.bottom;A=p||C?Ve(k,V):V}if(C&&!p){const V=ie(c.left,0),b=ie(c.right,0),S=ie(c.top,0),R=ie(c.bottom,0);m?D=f-2*(V!==0||b!==0?V+b:ie(c.left,c.right)):A=h-2*(S!==0||R!==0?S+R:ie(c.top,c.bottom))}yield d(te(j({},o),{availableWidth:D,availableHeight:A}));const M=yield r.getDimensions(a.floating);return f!==M.width||h!==M.height?{reset:{rects:!0}}:{}})}}};function be(e){return mt(e)?(e.nodeName||"").toLowerCase():"#document"}function re(e){var n;return(e==null||(n=e.ownerDocument)==null?void 0:n.defaultView)||window}function ye(e){var n;return(n=(mt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:n.documentElement}function mt(e){return e instanceof Node||e instanceof re(e).Node}function Ce(e){return e instanceof Element||e instanceof re(e).Element}function fe(e){return e instanceof HTMLElement||e instanceof re(e).HTMLElement}function Jt(e){return typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof re(e).ShadowRoot}function Oe(e){const{overflow:n,overflowX:o,overflowY:l,display:i}=ce(e);return/auto|scroll|overlay|hidden|clip/.test(n+l+o)&&!["inline","contents"].includes(i)}function ea(e){return["table","td","th"].includes(be(e))}function ht(e){const n=gt(),o=ce(e);return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!n&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!n&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(l=>(o.willChange||"").includes(l))||["paint","layout","strict","content"].some(l=>(o.contain||"").includes(l))}function ta(e){let n=Ee(e);for(;fe(n)&&!tt(n);){if(ht(n))return n;n=Ee(n)}return null}function gt(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function tt(e){return["html","body","#document"].includes(be(e))}function ce(e){return re(e).getComputedStyle(e)}function nt(e){return Ce(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ee(e){if(be(e)==="html")return e;const n=e.assignedSlot||e.parentNode||Jt(e)&&e.host||ye(e);return Jt(n)?n.host:n}function Zt(e){const n=Ee(e);return tt(n)?e.ownerDocument?e.ownerDocument.body:e.body:fe(n)&&Oe(n)?n:Zt(n)}function _e(e,n,o){var l;n===void 0&&(n=[]),o===void 0&&(o=!0);const i=Zt(e),r=i===((l=e.ownerDocument)==null?void 0:l.body),a=re(i);return r?n.concat(a,a.visualViewport||[],Oe(i)?i:[],a.frameElement&&o?_e(a.frameElement):[]):n.concat(i,_e(i,[],o))}function en(e){const n=ce(e);let o=parseFloat(n.width)||0,l=parseFloat(n.height)||0;const i=fe(e),r=i?e.offsetWidth:o,a=i?e.offsetHeight:l,d=Xe(o)!==r||Xe(l)!==a;return d&&(o=r,l=a),{width:o,height:l,$:d}}function bt(e){return Ce(e)?e:e.contextElement}function Ne(e){const n=bt(e);if(!fe(n))return we(1);const o=n.getBoundingClientRect(),{width:l,height:i,$:r}=en(n);let a=(r?Xe(o.width):o.width)/l,d=(r?Xe(o.height):o.height)/i;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}const na=we(0);function tn(e){const n=re(e);return!gt()||!n.visualViewport?na:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function oa(e,n,o){return n===void 0&&(n=!1),!o||n&&o!==re(e)?!1:n}function $e(e,n,o,l){n===void 0&&(n=!1),o===void 0&&(o=!1);const i=e.getBoundingClientRect(),r=bt(e);let a=we(1);n&&(l?Ce(l)&&(a=Ne(l)):a=Ne(e));const d=oa(r,o,l)?tn(r):we(0);let s=(i.left+d.x)/a.x,c=(i.top+d.y)/a.y,u=i.width/a.x,p=i.height/a.y;if(r){const m=re(r),f=l&&Ce(l)?re(l):l;let h=m,g=h.frameElement;for(;g&&l&&f!==h;){const $=Ne(g),k=g.getBoundingClientRect(),w=ce(g),C=k.left+(g.clientLeft+parseFloat(w.paddingLeft))*$.x,A=k.top+(g.clientTop+parseFloat(w.paddingTop))*$.y;s*=$.x,c*=$.y,u*=$.x,p*=$.y,s+=C,c+=A,h=re(g),g=h.frameElement}}return et({width:u,height:p,x:s,y:c})}const la=[":popover-open",":modal"];function nn(e){return la.some(n=>{try{return e.matches(n)}catch(o){return!1}})}function aa(e){let{elements:n,rect:o,offsetParent:l,strategy:i}=e;const r=i==="fixed",a=ye(l),d=n?nn(n.floating):!1;if(l===a||d&&r)return o;let s={scrollLeft:0,scrollTop:0},c=we(1);const u=we(0),p=fe(l);if((p||!p&&!r)&&((be(l)!=="body"||Oe(a))&&(s=nt(l)),fe(l))){const m=$e(l);c=Ne(l),u.x=m.x+l.clientLeft,u.y=m.y+l.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-s.scrollLeft*c.x+u.x,y:o.y*c.y-s.scrollTop*c.y+u.y}}function sa(e){return Array.from(e.getClientRects())}function on(e){return $e(ye(e)).left+nt(e).scrollLeft}function ia(e){const n=ye(e),o=nt(e),l=e.ownerDocument.body,i=ie(n.scrollWidth,n.clientWidth,l.scrollWidth,l.clientWidth),r=ie(n.scrollHeight,n.clientHeight,l.scrollHeight,l.clientHeight);let a=-o.scrollLeft+on(e);const d=-o.scrollTop;return ce(l).direction==="rtl"&&(a+=ie(n.clientWidth,l.clientWidth)-i),{width:i,height:r,x:a,y:d}}function ra(e,n){const o=re(e),l=ye(e),i=o.visualViewport;let r=l.clientWidth,a=l.clientHeight,d=0,s=0;if(i){r=i.width,a=i.height;const c=gt();(!c||c&&n==="fixed")&&(d=i.offsetLeft,s=i.offsetTop)}return{width:r,height:a,x:d,y:s}}function da(e,n){const o=$e(e,!0,n==="fixed"),l=o.top+e.clientTop,i=o.left+e.clientLeft,r=fe(e)?Ne(e):we(1),a=e.clientWidth*r.x,d=e.clientHeight*r.y,s=i*r.x,c=l*r.y;return{width:a,height:d,x:s,y:c}}function ln(e,n,o){let l;if(n==="viewport")l=ra(e,o);else if(n==="document")l=ia(ye(e));else if(Ce(n))l=da(n,o);else{const i=tn(e);l=te(j({},n),{x:n.x-i.x,y:n.y-i.y})}return et(l)}function an(e,n){const o=Ee(e);return o===n||!Ce(o)||tt(o)?!1:ce(o).position==="fixed"||an(o,n)}function ca(e,n){const o=n.get(e);if(o)return o;let l=_e(e,[],!1).filter(d=>Ce(d)&&be(d)!=="body"),i=null;const r=ce(e).position==="fixed";let a=r?Ee(e):e;for(;Ce(a)&&!tt(a);){const d=ce(a),s=ht(a);!s&&d.position==="fixed"&&(i=null),(r?!s&&!i:!s&&d.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Oe(a)&&!s&&an(e,a))?l=l.filter(u=>u!==a):i=d,a=Ee(a)}return n.set(e,l),l}function ua(e){let{element:n,boundary:o,rootBoundary:l,strategy:i}=e;const a=[...o==="clippingAncestors"?ca(n,this._c):[].concat(o),l],d=a[0],s=a.reduce((c,u)=>{const p=ln(n,u,i);return c.top=ie(p.top,c.top),c.right=Ve(p.right,c.right),c.bottom=Ve(p.bottom,c.bottom),c.left=ie(p.left,c.left),c},ln(n,d,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function pa(e){const{width:n,height:o}=en(e);return{width:n,height:o}}function fa(e,n,o){const l=fe(n),i=ye(n),r=o==="fixed",a=$e(e,!0,r,n);let d={scrollLeft:0,scrollTop:0};const s=we(0);if(l||!l&&!r)if((be(n)!=="body"||Oe(i))&&(d=nt(n)),l){const p=$e(n,!0,r,n);s.x=p.x+n.clientLeft,s.y=p.y+n.clientTop}else i&&(s.x=on(i));const c=a.left+d.scrollLeft-s.x,u=a.top+d.scrollTop-s.y;return{x:c,y:u,width:a.width,height:a.height}}function sn(e,n){return!fe(e)||ce(e).position==="fixed"?null:n?n(e):e.offsetParent}function rn(e,n){const o=re(e);if(!fe(e)||nn(e))return o;let l=sn(e,n);for(;l&&ea(l)&&ce(l).position==="static";)l=sn(l,n);return l&&(be(l)==="html"||be(l)==="body"&&ce(l).position==="static"&&!ht(l))?o:l||ta(e)||o}const ma=function(e){return ne(this,null,function*(){const n=this.getOffsetParent||rn,o=this.getDimensions;return{reference:fa(e.reference,yield n(e.floating),e.strategy),floating:j({x:0,y:0},yield o(e.floating))}})};function ha(e){return ce(e).direction==="rtl"}const ga={convertOffsetParentRelativeRectToViewportRelativeRect:aa,getDocumentElement:ye,getClippingRect:ua,getOffsetParent:rn,getElementRects:ma,getClientRects:sa,getDimensions:pa,getScale:Ne,isElement:Ce,isRTL:ha};function ba(e,n){let o=null,l;const i=ye(e);function r(){var d;clearTimeout(l),(d=o)==null||d.disconnect(),o=null}function a(d,s){d===void 0&&(d=!1),s===void 0&&(s=1),r();const{left:c,top:u,width:p,height:m}=e.getBoundingClientRect();if(d||n(),!p||!m)return;const f=Je(u),h=Je(i.clientWidth-(c+p)),g=Je(i.clientHeight-(u+m)),$=Je(c),w={rootMargin:-f+"px "+-h+"px "+-g+"px "+-$+"px",threshold:ie(0,Ve(1,s))||1};let C=!0;function A(D){const M=D[0].intersectionRatio;if(M!==s){if(!C)return a();M?a(!1,M):l=setTimeout(()=>{a(!1,1e-7)},100)}C=!1}try{o=new IntersectionObserver(A,te(j({},w),{root:i.ownerDocument}))}catch(D){o=new IntersectionObserver(A,w)}o.observe(e)}return a(!0),r}function dn(e,n,o,l){l===void 0&&(l={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:s=!1}=l,c=bt(e),u=i||r?[...c?_e(c):[],..._e(n)]:[];u.forEach(k=>{i&&k.addEventListener("scroll",o,{passive:!0}),r&&k.addEventListener("resize",o)});const p=c&&d?ba(c,o):null;let m=-1,f=null;a&&(f=new ResizeObserver(k=>{let[w]=k;w&&w.target===c&&f&&(f.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var C;(C=f)==null||C.observe(n)})),o()}),c&&!s&&f.observe(c),f.observe(n));let h,g=s?$e(e):null;s&&$();function $(){const k=$e(e);g&&(k.x!==g.x||k.y!==g.y||k.width!==g.width||k.height!==g.height)&&o(),g=k,h=requestAnimationFrame($)}return o(),()=>{var k;u.forEach(w=>{i&&w.removeEventListener("scroll",o),r&&w.removeEventListener("resize",o)}),p==null||p(),(k=f)==null||k.disconnect(),f=null,s&&cancelAnimationFrame(h)}}const ya=Jl,cn=Gl,Ca=Zl,yt=Yl,un=(e,n,o)=>{const l=new Map,i=j({platform:ga},o),r=te(j({},i.platform),{_c:l});return Ql(e,n,te(j({},i),{platform:r}))};function wa(e){return e!=null&&typeof e=="object"&&"$el"in e}function pn(e){if(wa(e)){const n=e.$el;return mt(n)&&be(n)==="#comment"?null:n}return e}function fn(e){return typeof window=="undefined"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function mn(e,n){const o=fn(e);return Math.round(n*o)/o}function ka(e,n,o){o===void 0&&(o={});const l=o.whileElementsMounted,i=t.computed(()=>{var E;return(E=t.unref(o.open))!=null?E:!0}),r=t.computed(()=>t.unref(o.middleware)),a=t.computed(()=>{var E;return(E=t.unref(o.placement))!=null?E:"bottom"}),d=t.computed(()=>{var E;return(E=t.unref(o.strategy))!=null?E:"absolute"}),s=t.computed(()=>{var E;return(E=t.unref(o.transform))!=null?E:!0}),c=t.computed(()=>pn(e.value)),u=t.computed(()=>pn(n.value)),p=t.ref(0),m=t.ref(0),f=t.ref(d.value),h=t.ref(a.value),g=t.shallowRef({}),$=t.ref(!1),k=t.computed(()=>{const E={position:f.value,left:"0",top:"0"};if(!u.value)return E;const V=mn(u.value,p.value),b=mn(u.value,m.value);return s.value?j(te(j({},E),{transform:"translate("+V+"px, "+b+"px)"}),fn(u.value)>=1.5&&{willChange:"transform"}):{position:f.value,left:V+"px",top:b+"px"}});let w;function C(){c.value==null||u.value==null||un(c.value,u.value,{middleware:r.value,placement:a.value,strategy:d.value}).then(E=>{p.value=E.x,m.value=E.y,f.value=E.strategy,h.value=E.placement,g.value=E.middlewareData,$.value=!0})}function A(){typeof w=="function"&&(w(),w=void 0)}function D(){if(A(),l===void 0){C();return}if(c.value!=null&&u.value!=null){w=l(c.value,u.value,C);return}}function M(){i.value||($.value=!1)}return t.watch([r,a,d],C,{flush:"sync"}),t.watch([c,u],D,{flush:"sync"}),t.watch(i,M,{flush:"sync"}),t.getCurrentScope()&&t.onScopeDispose(A),{x:t.shallowReadonly(p),y:t.shallowReadonly(m),strategy:t.shallowReadonly(f),placement:t.shallowReadonly(h),middlewareData:t.shallowReadonly(g),isPositioned:t.shallowReadonly($),floatingStyles:k,update:C}}function $a(e){return e&&"$el"in e?e.$el:e}const hn=16,Ba=128;function ze(e,n,o){var p;const l=()=>{var m;return(m=n.value)==null?void 0:m.isExpanded()},i=[Xt(o==null?void 0:o.offset),Ca({padding:hn,apply({rects:m,elements:f,availableHeight:h,availableWidth:g}){Object.assign(f.floating.style,{width:"".concat(o!=null&&o.useAvailableWidth?g:m.reference.width,"px"),maxHeight:"".concat(Math.max(Ba,h),"px")})}}),cn({padding:hn}),yt({strategy:"escaped"}),yt()],{floatingStyles:r,placement:a,middlewareData:d,update:s}=ka(e,n,{middleware:i,placement:(p=o==null?void 0:o.placement)!=null?p:"bottom"}),c=t.computed(()=>{var f,h;return!l()||!!((f=d.value.hide)!=null&&f.escaped)||((h=d.value.hide)==null?void 0:h.referenceHidden)?"hidden":"visible"});t.watch([r,c,a],([m,f,h])=>{var g,$,k,w,C;Object.assign(($=(g=n.value)==null?void 0:g.$el.style)!=null?$:{},{visibility:f,position:m.position,top:"".concat(m.top,"px"),right:"unset",left:"".concat(m.left,"px"),transform:(k=m.transform)!=null?k:"none",borderTopLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderTopRightRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="top"&&f==="visible"?"0":"",borderBottomRightRadius:h==="top"&&f==="visible"?"0":""}),Object.assign((C=(w=$a(e.value))==null?void 0:w.style)!=null?C:{},{borderTopLeftRadius:h==="top"&&f==="visible"?"0":"",borderTopRightRadius:h==="top"&&f==="visible"?"0":"",borderBottomLeftRadius:h==="bottom"&&f==="visible"?"0":"",borderBottomRightRadius:h==="bottom"&&f==="visible"?"0":""})});let u=null;t.watch(l,m=>{var f;m?u=dn(e.value&&"$el"in e.value?e.value.$el:e,(f=n.value)==null?void 0:f.$el,s):u&&(u(),u=null)})}const Sa=ee(ge),Ia=t.defineComponent({name:"CdxCombobox",components:{CdxButton:pe,CdxIcon:G,CdxMenu:Ie,CdxTextInput:Ye},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:Sa}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:n,attrs:o,slots:l}){const i=t.ref(),r=t.ref(),a=t.ref(),d=Q("combobox"),s=t.toRef(e,"selected"),c=se(s,n,"update:selected"),u=t.ref(!1),p=t.ref(!1),m=t.computed(()=>{var V,b;return(b=(V=a.value)==null?void 0:V.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:f,computedStatus:h}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),g=t.computed(()=>({"cdx-combobox--expanded":u.value,"cdx-combobox--disabled":f.value})),{rootClasses:$,rootStyle:k,otherAttrs:w}=ae(o,g);function C(V){p.value&&u.value?u.value=!1:(e.menuItems.length>0||l["no-results"])&&(u.value=!0),n("focus",V)}function A(V){u.value=p.value&&u.value,n("blur",V)}function D(){f.value||(p.value=!0)}function M(){var V;f.value||(V=i.value)==null||V.focus()}function E(V){!a.value||f.value||e.menuItems.length===0||V.key===" "||a.value.delegateKeyNavigation(V)}return ze(i,a),t.watch(u,()=>{p.value=!1}),{input:i,inputWrapper:r,menu:a,menuId:d,modelWrapper:c,expanded:u,highlightedId:m,computedDisabled:f,computedStatus:h,onInputFocus:C,onInputBlur:A,onKeydown:E,onButtonClick:M,onButtonMousedown:D,cdxIconExpand:Bt,rootClasses:$,rootStyle:k,otherAttrs:w}}}),Va={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function xa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button"),c=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-combobox",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",Va,[t.createVNode(a,t.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":n[0]||(n[0]=u=>e.modelWrapper=u)},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:n[1]||(n[1]=u=>e.$emit("input",u)),onChange:n[2]||(n[2]=u=>e.$emit("change",u)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),t.createVNode(s,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:t.withCtx(()=>[t.createVNode(d,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),t.createVNode(c,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=u=>e.modelWrapper=u),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=u=>e.expanded=u),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=u=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:u})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:u})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const Ea=O(Ia,[["render",xa]]);function gn(e){const n=t.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return n;const o=new window.ResizeObserver(i=>{const r=i[0];r&&(n.value={width:r.borderBoxSize[0].inlineSize,height:r.borderBoxSize[0].blockSize})});let l=!1;return t.onMounted(()=>{l=!0,e.value&&o.observe(e.value)}),t.onUnmounted(()=>{l=!1,o.disconnect()}),t.watch(e,i=>{l&&(o.disconnect(),n.value={width:void 0,height:void 0},i&&o.observe(i))}),n}const Na=t.defineComponent({name:"CdxDialog",components:{CdxButton:pe,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:n}){const o=Q("dialog-label"),l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=t.ref(),s=t.ref();let c=null;const u=t.computed(()=>e.useCloseButton||e.closeButtonLabel.length>0),p=We(t.toRef(e,"closeButtonLabel"),"cdx-dialog-close-button-label","Close"),m=t.computed(()=>!e.hideTitle||u.value),f=t.computed(()=>!!e.primaryAction||!!e.defaultAction),h=gn(r),g=t.computed(()=>{var v;return(v=h.value.height)!=null?v:0}),$=t.ref(!1),k=t.computed(()=>({"cdx-dialog--vertical-actions":e.stackedActions,"cdx-dialog--horizontal-actions":!e.stackedActions,"cdx-dialog--dividers":$.value})),w=t.inject("CdxTeleportTarget",void 0),C=t.computed(()=>{var v,_;return(_=(v=e.target)!=null?v:w)!=null?_:"body"}),A=t.ref(0);function D(){n("update:open",!1)}function M(){V(i.value)}function E(){V(i.value,!0)}function V(v,_=!1){let Y=Array.from(v.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));_&&(Y=Y.reverse());for(const N of Y)if(N.focus(),document.activeElement===N)return!0;return!1}let b=[],S=[];function R(){let v=l.value;for(;v.parentElement&&v.nodeName!=="BODY";){for(const _ of Array.from(v.parentElement.children))_===v||_.nodeName==="SCRIPT"||(_.hasAttribute("aria-hidden")||(_.setAttribute("aria-hidden","true"),b.push(_)),_.hasAttribute("inert")||(_.setAttribute("inert",""),S.push(_)));v=v.parentElement}}function L(){for(const v of b)v.removeAttribute("aria-hidden");for(const v of S)v.removeAttribute("inert");b=[],S=[]}function P(){return ne(this,null,function*(){var v;yield t.nextTick(),A.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(A.value,"px")),document.body.classList.add("cdx-dialog-open"),R(),c=document.activeElement,V(r.value)||(v=a.value)==null||v.focus()})}function z(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),L(),c instanceof HTMLElement&&document.contains(c)&&(c.focus(),c=null)}return t.onMounted(()=>{e.open&&P()}),t.onUnmounted(()=>{e.open&&z()}),t.watch(t.toRef(e,"open"),v=>{v?P():z()}),t.watch(g,()=>{r.value&&($.value=r.value.clientHeight<r.value.scrollHeight)}),{close:D,cdxIconClose:st,labelId:o,rootClasses:k,backdrop:l,dialogElement:i,focusTrapStart:d,focusTrapEnd:s,focusFirst:M,focusLast:E,dialogBody:r,focusHolder:a,showHeader:m,showFooterActions:f,useCloseButtonOrLabel:u,translatedCloseButtonLabel:p,computedTarget:C}}}),Aa=["aria-label","aria-labelledby"],Da={key:0,class:"cdx-dialog__header__title-group"},Ta=["id"],Ma={key:0,class:"cdx-dialog__header__subtitle"},La={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},Ra={key:0,class:"cdx-dialog__footer__text"},va={key:1,class:"cdx-dialog__footer__actions"};function Fa(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Teleport,{to:e.computedTarget,disabled:e.renderInPlace},[t.createVNode(t.Transition,{name:"cdx-dialog-fade",appear:""},{default:t.withCtx(()=>[e.open?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]=(...s)=>e.close&&e.close(...s)),onKeyup:n[6]||(n[6]=t.withKeys((...s)=>e.close&&e.close(...s),["escape"]))},[t.createElementVNode("div",{ref:"focusTrapStart",tabindex:"0",onFocus:n[0]||(n[0]=(...s)=>e.focusLast&&e.focusLast(...s))},null,544),t.createElementVNode("div",t.mergeProps({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:n[3]||(n[3]=t.withModifiers(()=>{},["stop"]))}),[e.showHeader||e.$slots.header?(t.openBlock(),t.createElementBlock("header",{key:0,class:t.normalizeClass(["cdx-dialog__header",{"cdx-dialog__header--default":!e.$slots.header}])},[t.renderSlot(e.$slots,"header",{},()=>[e.hideTitle?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",Da,[t.createElementVNode("h2",{id:e.labelId,class:"cdx-dialog__header__title"},t.toDisplayString(e.title),9,Ta),e.subtitle?(t.openBlock(),t.createElementBlock("p",Ma,t.toDisplayString(e.subtitle),1)):t.createCommentVNode("v-if",!0)])),e.useCloseButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__header__close-button",weight:"quiet",type:"button","aria-label":e.translatedCloseButtonLabel,onClick:e.close},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label","onClick"])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",La,null,512),t.createElementVNode("div",{ref:"dialogBody",class:t.normalizeClass(["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"])}])},[t.renderSlot(e.$slots,"default")],2),e.showFooterActions||e.$slots.footer||e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("footer",{key:1,class:t.normalizeClass(["cdx-dialog__footer",{"cdx-dialog__footer--default":!e.$slots.footer}])},[t.renderSlot(e.$slots,"footer",{},()=>[e.$slots["footer-text"]?(t.openBlock(),t.createElementBlock("p",Ra,[t.renderSlot(e.$slots,"footer-text")])):t.createCommentVNode("v-if",!0),e.showFooterActions?(t.openBlock(),t.createElementBlock("div",va,[e.primaryAction?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-dialog__footer__primary-action",weight:"primary",action:e.primaryAction.actionType,disabled:e.primaryAction.disabled,onClick:n[1]||(n[1]=s=>e.$emit("primary"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.primaryAction.label),1)]),_:1},8,["action","disabled"])):t.createCommentVNode("v-if",!0),e.defaultAction?(t.openBlock(),t.createBlock(d,{key:1,class:"cdx-dialog__footer__default-action",disabled:e.defaultAction.disabled,onClick:n[2]||(n[2]=s=>e.$emit("default"))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.defaultAction.label),1)]),_:1},8,["disabled"])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)])],2)):t.createCommentVNode("v-if",!0)],16,Aa),t.createElementVNode("div",{ref:"focusTrapEnd",tabindex:"0",onFocus:n[4]||(n[4]=(...s)=>e.focusFirst&&e.focusFirst(...s))},null,544)],544)):t.createCommentVNode("v-if",!0)]),_:3})],8,["to","disabled"])}const Oa=O(Na,[["render",Fa]]),_a={notice:Fn,error:$t,warning:kt,success:Vt},za=t.defineComponent({name:"CdxMessage",components:{CdxButton:pe,CdxIcon:G},props:{type:{type:String,default:"notice",validator:Et},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:n}){const o=t.ref(!1),l=t.computed(()=>e.inline===!1&&(e.dismissButtonLabel.length>0||e.allowUserDismiss)),i=We(t.toRef(e,"dismissButtonLabel"),"cdx-message-dismiss-button-label","Close"),r=t.computed(()=>e.autoDismiss===!1||e.type==="error"?!1:e.autoDismiss===!0?4e3:e.autoDismiss),a=t.computed(()=>({"cdx-message--inline":e.inline,"cdx-message--block":!e.inline,"cdx-message--user-dismissable":l.value,["cdx-message--".concat(e.type)]:!0})),d=t.computed(()=>e.icon&&e.type==="notice"?e.icon:_a[e.type]),s=t.ref("");function c(u){o.value||(s.value=u==="user-dismissed"?"cdx-message-leave-active-user":"cdx-message-leave-active-system",o.value=!0,n(u))}return t.onMounted(()=>{e.type==="error"&&e.autoDismiss!==!1?t.warn('CdxMessage: Message with type="error" cannot use auto-dismiss'):r.value&&setTimeout(()=>c("auto-dismissed"),r.value)}),{dismissed:o,userDismissable:l,translatedDismissButtonLabel:i,rootClasses:a,leaveActiveClass:s,computedIcon:d,onDismiss:c,cdxIconClose:st}}}),Pa=["aria-live","role"],Ka={class:"cdx-message__content"};function Ha(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createBlock(t.Transition,{name:"cdx-message",appear:e.fadeIn,"leave-active-class":e.leaveActiveClass},{default:t.withCtx(()=>[e.dismissed?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-message",e.rootClasses]),"aria-live":e.type!=="error"?"polite":void 0,role:e.type==="error"?"alert":void 0},[t.createVNode(a,{class:"cdx-message__icon--vue",icon:e.computedIcon},null,8,["icon"]),t.createElementVNode("div",Ka,[t.renderSlot(e.$slots,"default")]),e.userDismissable?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-message__dismiss-button",weight:"quiet",type:"button","aria-label":e.translatedDismissButtonLabel,onClick:n[0]||(n[0]=s=>e.onDismiss("user-dismissed"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconClose},null,8,["icon"])]),_:1},8,["aria-label"])):t.createCommentVNode("v-if",!0)],10,Pa))]),_:3},8,["appear","leave-active-class"])}const bn=O(za,[["render",Ha]]),Ua=ee(ge),qa=t.defineComponent({name:"CdxField",components:{CdxLabel:Le,CdxMessage:bn},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:Ua},messages:{type:Object,default:()=>({})}},setup(e,{slots:n}){const{disabled:o,status:l,isFieldset:i}=t.toRefs(e),r=rt(o),a=t.computed(()=>({"cdx-field--disabled":r.value,"cdx-field--is-fieldset":i.value})),d=Q("label"),s=Q("description"),c=Q("input"),u=t.computed(()=>i.value?void 0:c);t.provide(Dt,u);const p=t.computed(()=>!i.value&&n.description?s:void 0);t.provide(He,p),t.provide(Mt,r),t.provide(Tt,l);const m=t.computed(()=>e.status!=="default"&&e.status in e.messages?e.messages[e.status]:""),f=t.computed(()=>e.status==="default"?"notice":e.status);return{rootClasses:a,computedDisabled:r,labelId:d,descriptionId:s,inputId:c,validationMessage:m,validationMessageType:f}}}),ja={class:"cdx-field__control"},Wa={class:"cdx-field__help-text"},Qa={key:0,class:"cdx-field__validation-message"};function Ga(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label"),d=t.resolveComponent("cdx-message");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isFieldset?"fieldset":"div"),{class:t.normalizeClass(["cdx-field",e.rootClasses]),"aria-disabled":!e.isFieldset&&e.computedDisabled?!0:void 0,disabled:e.isFieldset&&e.computedDisabled?!0:void 0},{default:t.withCtx(()=>[t.createVNode(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["id","icon","visually-hidden","optional","optional-flag","input-id","description-id","disabled","is-legend"]),t.createElementVNode("div",ja,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Wa,[t.renderSlot(e.$slots,"help-text")]),!e.computedDisabled&&e.validationMessage?(t.openBlock(),t.createElementBlock("div",Qa,[t.createVNode(d,{type:e.validationMessageType,inline:!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.validationMessage),1)]),_:1},8,["type"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class","aria-disabled","disabled"])}const Ya=O(qa,[["render",Ga]]),Xa={error:$t,warning:kt,success:Vt},Ja=t.defineComponent({name:"CdxInfoChip",components:{CdxIcon:G},props:{status:{type:String,default:"notice",validator:Et},icon:{type:[String,Object],default:null}},setup(e){const n=t.computed(()=>({["cdx-info-chip__icon--".concat(e.status)]:!0})),o=t.computed(()=>e.status==="notice"?e.icon:Xa[e.status]);return{iconClass:n,computedIcon:o}}}),Za={class:"cdx-info-chip"},es={class:"cdx-info-chip--text"};function ts(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",Za,[e.computedIcon?(t.openBlock(),t.createBlock(a,{key:0,class:t.normalizeClass(["cdx-info-chip__icon",e.iconClass]),icon:e.computedIcon},null,8,["class","icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",es,[t.renderSlot(e.$slots,"default")])])}const ns=O(Ja,[["render",ts]]),os=ee(ge),ls=t.defineComponent({name:"CdxLookup",components:{CdxMenu:Ie,CdxTextInput:Ye},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:os}},emits:["update:selected","update:input-value","load-more","input","change","focus","blur"],setup:(e,{emit:n,attrs:o,slots:l})=>{const i=t.ref(),r=t.ref(),a=t.ref(),d=Q("lookup-menu"),s=t.ref(!1),c=t.ref(!1),u=t.ref(!1),p=t.ref(e.menuItems),{computedDisabled:m,computedStatus:f}=le(t.toRef(e,"disabled"),t.toRef(e,"status")),h=t.toRef(e,"selected"),g=se(h,n,"update:selected"),$=t.computed(()=>e.menuItems.find(L=>L.value===e.selected)),k=t.computed(()=>{var L,P;return(P=(L=a.value)==null?void 0:L.getHighlightedMenuItem())==null?void 0:P.id}),w=t.ref(e.initialInputValue),C=ut(w,t.toRef(e,"inputValue"),n,"update:input-value"),A=t.computed(()=>({"cdx-lookup--disabled":m.value,"cdx-lookup--pending":s.value})),{rootClasses:D,rootStyle:M,otherAttrs:E}=ae(o,A);function V(L){$.value?$.value.label!==L&&$.value.value!==L&&(g.value=null):e.selected!==L&&(g.value=null),L===""&&p.value.length===0?(c.value=!1,s.value=!1):s.value=!0,n("input",L)}function b(L){u.value=!0;const P=C.value!==null&&C.value!=="";!!(e.menuItems.length>0||l["no-results"])&&(P||p.value.length>0)&&(c.value=!0),n("focus",L)}function S(L){u.value=!1,c.value=!1,n("blur",L)}function R(L){!a.value||m.value||e.menuItems.length===0&&!l["no-results"]||L.key===" "||a.value.delegateKeyNavigation(L)}return ze(r,a),t.watch(h,L=>{var P;if(L!==null){const z=$.value?(P=$.value.label)!=null?P:$.value.value:"";C.value!==z&&(C.value=z,n("input",C.value))}}),t.watch(t.toRef(e,"menuItems"),L=>{u.value&&s.value&&(L.length>0||l["no-results"])&&(c.value=!0),L.length===0&&!l["no-results"]&&(c.value=!1),s.value=!1}),{rootElement:i,textInput:r,menu:a,menuId:d,highlightedId:k,computedInputValue:C,modelWrapper:g,expanded:c,computedDisabled:m,computedStatus:f,onInputBlur:S,rootClasses:D,rootStyle:M,otherAttrs:E,onUpdateInput:V,onInputFocus:b,onKeydown:R}}});function as(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.computedInputValue,"onUpdate:modelValue":n[0]||(n[0]=s=>e.computedInputValue=s)},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:n[1]||(n[1]=s=>e.$emit("change",s)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[4]||(n[4]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const ss=O(ls,[["render",as]]),is=t.defineComponent({name:"CdxToggleButton",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},quiet:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){const i=vt(o.default,l,"CdxToggleButton"),r=t.ref(!1),a=t.computed(()=>({"cdx-toggle-button--quiet":e.quiet,"cdx-toggle-button--framed":!e.quiet,"cdx-toggle-button--toggled-on":e.modelValue,"cdx-toggle-button--toggled-off":!e.modelValue,"cdx-toggle-button--icon-only":i.value,"cdx-toggle-button--is-active":r.value})),d=()=>{n("update:modelValue",!e.modelValue)},s=p=>{r.value=p};function c(){s(!0)}function u(){s(!1),d()}return{rootClasses:a,onClick:d,onKeyDown:c,onKeyUp:u}}}),rs=["aria-pressed","disabled"];function ds(e,n,o,l,i,r){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["cdx-toggle-button",e.rootClasses]),"aria-pressed":e.modelValue,disabled:e.disabled,onClick:n[0]||(n[0]=(...a)=>e.onClick&&e.onClick(...a)),onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...a)=>e.onKeyDown&&e.onKeyDown(...a),["prevent"]),["space","enter"])),onKeyup:n[2]||(n[2]=t.withKeys((...a)=>e.onKeyUp&&e.onKeyUp(...a),["space","enter"]))},[t.renderSlot(e.$slots,"default")],42,rs)}const Ct=O(is,[["render",ds]]),cs=t.defineComponent({name:"CdxMenuButton",components:{CdxToggleButton:Ct,CdxMenu:Ie},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},menuConfig:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1}},emits:["update:selected"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.toRef(e,"selected"),a=se(r,n,"update:selected"),d=t.ref(!1),s=Q("menuToggle"),c=Q("menu"),{computedDisabled:u}=le(t.toRef(e,"disabled")),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(o);function h(g){!l.value||u.value||e.menuItems.length===0||g.key===" "||l.value.delegateKeyNavigation(g)}return ze(i,l,{useAvailableWidth:!0,placement:"bottom-start",offset:4}),{computedDisabled:u,expanded:d,menu:l,menuId:c,modelWrapper:a,onKeydown:h,toggle:i,toggleId:s,rootClasses:p,rootStyle:m,otherAttrs:f}}}),us={class:"cdx-menu-button__menu-wrapper"};function ps(e,n,o,l,i,r){const a=t.resolveComponent("cdx-toggle-button"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-menu-button",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(a,t.mergeProps({id:e.toggleId,ref:"toggle"},e.otherAttrs,{modelValue:e.expanded,"onUpdate:modelValue":n[0]||(n[0]=s=>e.expanded=s),disabled:e.computedDisabled,quiet:"","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":e.expanded,onBlur:n[1]||(n[1]=s=>e.expanded=!1),onKeydown:e.onKeydown}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["id","modelValue","disabled","aria-controls","aria-expanded","onKeydown"]),t.createElementVNode("div",us,[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[2]||(n[2]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[3]||(n[3]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{role:"menu","aria-labelledby":e.toggleId}),null,16,["id","selected","expanded","menu-items","aria-labelledby"])])],6)}const fs=O(cs,[["render",ps]]),ms=t.defineComponent({name:"CdxRadio",components:{CdxLabel:Le},props:{modelValue:{type:[String,Number,Boolean],default:""},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,required:!0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var m;dt((m=o.default)==null?void 0:m.call(o),l,"CdxRadio");const i=t.computed(()=>({"cdx-radio--inline":e.inline})),r=t.computed(()=>({"cdx-radio__custom-input--inline":e.inline})),{computedDisabled:a}=le(t.toRef(e,"disabled")),d=t.ref(),s=Q("radio"),c=Q("description"),u=()=>{d.value.focus()},p=se(t.toRef(e,"modelValue"),n);return{rootClasses:i,computedDisabled:a,input:d,radioId:s,descriptionId:c,focusInput:u,wrappedModel:p,customInputClasses:r}}}),hs={class:"cdx-radio__wrapper"},gs=["id","aria-describedby","name","value","disabled"],bs=t.createElementVNode("span",{class:"cdx-radio__icon"},null,-1);function ys(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-radio",e.rootClasses])},[t.createElementVNode("div",hs,[t.withDirectives(t.createElementVNode("input",{id:e.radioId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),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,gs),[[t.vModelRadio,e.wrappedModel]]),bs,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{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},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","onClick"])):t.createCommentVNode("v-if",!0)]),e.$slots["custom-input"]?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["cdx-radio__custom-input",e.customInputClasses])},[t.renderSlot(e.$slots,"custom-input")],2)):t.createCommentVNode("v-if",!0)],2)}const Cs=O(ms,[["render",ys]]),ws=ee(ge),ks=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:pe,CdxTextInput:Ye},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:ws}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:o}){const l=se(t.toRef(e,"modelValue"),n),{computedDisabled:i}=le(t.toRef(e,"disabled")),r=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:a,rootStyle:d,otherAttrs:s}=ae(o,r),c=We(t.toRef(e,"buttonLabel"),"cdx-search-input-search-button-label","Search"),u=t.computed(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:l,computedDisabled:i,rootClasses:a,rootStyle:d,otherAttrs:s,handleSubmit:()=>{n("submit-click",l.value)},searchIcon:zn,translatedSearchButtonLabel:c,useButtonOrLabel:u}},methods:{focus(){this.$refs.textInput.focus()}}}),$s={class:"cdx-search-input__input-wrapper"};function Bs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-text-input"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",$s,[t.createVNode(a,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=s=>e.wrappedModel=s),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=s=>e.$emit("input",s)),onChange:n[2]||(n[2]=s=>e.$emit("change",s)),onFocus:n[3]||(n[3]=s=>e.$emit("focus",s)),onBlur:n[4]||(n[4]=s=>e.$emit("blur",s))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.useButtonOrLabel?(t.openBlock(),t.createBlock(d,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const yn=O(ks,[["render",Bs]]),Ss=ee(ge),Is=t.defineComponent({name:"CdxSelect",components:{CdxIcon:G,CdxMenu:Ie},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:Ss}},emits:["update:selected","load-more"],setup(e,{emit:n,attrs:o}){const l=t.ref(),i=t.ref(),r=t.inject(He,void 0),a=Q("select-menu"),d=t.ref(!1),s=o.id||Q("select-handle"),{computedDisabled:c,computedStatus:u,computedInputId:p}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),s),m=se(t.toRef(e,"selected"),n,"update:selected"),f=t.computed(()=>e.menuItems.find(b=>b.value===e.selected)),h=t.computed(()=>{var b;return f.value?(b=f.value.label)!=null?b:f.value.value:e.defaultLabel}),g=t.computed(()=>{var b;if(e.defaultIcon&&!f.value)return e.defaultIcon;if((b=f.value)!=null&&b.icon)return f.value.icon}),$=t.computed(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":d.value,"cdx-select-vue--value-selected":!!f.value,"cdx-select-vue--no-selections":!f.value,"cdx-select-vue--has-start-icon":!!g.value,["cdx-select-vue--status-".concat(u.value)]:!0})),{rootClasses:k,rootStyle:w,otherAttrs:C}=ae(o,$),A=t.computed(()=>{const R=C.value,{id:b}=R;return ue(R,["id"])}),D=t.computed(()=>{var b,S;return(S=(b=i.value)==null?void 0:b.getHighlightedMenuItem())==null?void 0:S.id});function M(){d.value=!1}function E(){var b;c.value||(d.value=!d.value,(b=l.value)==null||b.focus())}function V(b){var S;c.value||(S=i.value)==null||S.delegateKeyNavigation(b,{characterNavigation:!0})}return ze(l,i),{handle:l,menu:i,computedHandleId:p,descriptionId:r,menuId:a,modelWrapper:m,selectedMenuItem:f,highlightedId:D,expanded:d,computedDisabled:c,onBlur:M,currentLabel:h,rootClasses:k,rootStyle:w,otherAttrsMinusId:A,onClick:E,onKeydown:V,startIcon:g,cdxIconExpand:Bt}}}),Vs=["aria-disabled"],xs=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function Es(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-select-vue",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),"aria-disabled":e.computedDisabled},[t.createElementVNode("div",t.mergeProps({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:n[0]||(n[0]=(...s)=>e.onClick&&e.onClick(...s)),onBlur:n[1]||(n[1]=(...s)=>e.onBlur&&e.onBlur(...s)),onKeydown:n[2]||(n[2]=(...s)=>e.onKeydown&&e.onKeydown(...s))}),[t.renderSlot(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[t.createTextVNode(t.toDisplayString(e.currentLabel),1)]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createVNode(a,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,xs),t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":n[3]||(n[3]=s=>e.modelWrapper=s),expanded:e.expanded,"onUpdate:expanded":n[4]||(n[4]=s=>e.expanded=s),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:n[5]||(n[5]=s=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:s})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:s})]),_:3},16,["id","selected","expanded","menu-items"])],14,Vs)}const Cn=O(Is,[["render",Es]]),Ns=t.defineComponent({name:"CdxTablePager",components:{CdxButton:pe,CdxIcon:G,CdxSelect:Cn},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(e,{emit:n}){const o=se(t.toRef(e,"itemsPerPage"),n,"update:itemsPerPage"),l=W("cdx-table-pager-items-per-page-default","Results per page"),i=W("cdx-table-pager-items-per-page-current",c=>"".concat(c," rows"),[o]),r=W("cdx-table-pager-button-first-page","First page"),a=W("cdx-table-pager-button-next-page","Next page"),d=W("cdx-table-pager-button-prev-page","Previous page"),s=W("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:l,currentItemsPerPageLabel:i,btnLabelFirst:r,btnLabelNext:a,btnLabelPrev:d,btnLabelLast:s,wrappedItemsPerPage:o,cdxIconPrevious:It,cdxIconNext:St,cdxIconMoveFirst:On,cdxIconMoveLast:_n}}}),As={class:"cdx-table-pager"},Ds={class:"cdx-table-pager__start"},Ts={key:0},Ms={key:1},Ls={class:"cdx-table-pager__center"},Rs={class:"cdx-table-pager__end"};function vs(e,n,o,l,i,r){const a=t.resolveComponent("cdx-select"),d=t.resolveComponent("cdx-icon"),s=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",As,[t.createElementVNode("div",Ds,[t.createVNode(a,{selected:e.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=c=>e.wrappedItemsPerPage=c),"default-label":e.defaultItemsPerPageLabel,"menu-items":e.paginationSizeOptions},{label:t.withCtx(({selectedMenuItem:c,defaultLabel:u})=>[c?(t.openBlock(),t.createElementBlock("span",Ts,[t.createElementVNode("span",null,t.toDisplayString(e.currentItemsPerPageLabel),1)])):(t.openBlock(),t.createElementBlock("span",Ms,t.toDisplayString(u),1))]),_:1},8,["selected","default-label","menu-items"])]),t.createElementVNode("div",Ls,[t.renderSlot(e.$slots,"default")]),t.createElementVNode("div",Rs,[t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":e.btnLabelFirst,onClick:n[1]||(n[1]=c=>e.$emit("first"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":e.btnLabelPrev,onClick:n[2]||(n[2]=c=>e.$emit("prev"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":e.btnLabelNext,onClick:n[3]||(n[3]=c=>e.$emit("next"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),t.createVNode(s,{disabled:e.nextDisabled||e.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":e.btnLabelLast,onClick:n[4]||(n[4]=c=>e.$emit("last"))},{default:t.withCtx(()=>[t.createVNode(d,{icon:e.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const Fs=O(Ns,[["render",vs]]),Os=ee(Yn),_s=ee(eo),zs={none:Pn,asc:Kn,desc:Rn},Ps={none:"none",asc:"ascending",desc:"descending"},Ks=t.defineComponent({name:"CdxTable",components:{CdxCheckbox:_t,CdxIcon:G,CdxTablePager:Fs,CdxProgressBar:pt},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:e=>{const n=e.map(l=>l.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(e,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||e.length===0)return!0;const o=n.columns.some(i=>"allowSort"in i),l=e.every(i=>Ue in i);return o&&n.useRowSelection&&!l?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:_s},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:e=>{const n=o=>typeof o.value=="number";return e.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:e=>e.paginate&&e.serverPagination?e.data.length:e.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(e,{emit:n}){const o=t.ref(0),l=t.ref(e.paginationSizeDefault),i=t.computed(()=>e.serverPagination&&e.paginate?e.data:e.paginate?e.data.slice(o.value,l.value+o.value):e.data),r=t.computed(()=>{var I;return e.serverPagination?(I=e.totalRows)!=null?I:NaN:e.data.length}),a=t.computed(()=>isNaN(r.value)),d=t.computed(()=>i.value.length),s=t.computed(()=>o.value+1),c=t.computed(()=>o.value+d.value),u=t.computed(()=>a.value),p=t.computed(()=>o.value<=0),m=t.computed(()=>a.value?d.value<l.value:o.value+l.value>=r.value),f=W("cdx-table-pagination-status-message-determinate-short",(I,T,H)=>"".concat(I,"–").concat(T," of ").concat(H),[s,c,r]),h=W("cdx-table-pagination-status-message-determinate-long",(I,T,H)=>"Showing results ".concat(I,"–").concat(T," of ").concat(H),[s,c,r]),g=W("cdx-table-pagination-status-message-indeterminate-short",(I,T)=>"".concat(I,"–").concat(T," of many"),[s,c]),$=W("cdx-table-pagination-status-message-indeterminate-long",(I,T)=>"Showing results ".concat(I,"–").concat(T," of many"),[s,c]),k=W("cdx-table-pagination-status-message-indeterminate-final",I=>"Showing the last ".concat(I," results"),[d]),w=W("cdx-table-pagination-status-message-pending","Loading results..."),C=t.computed(()=>e.pending?w.value:a.value&&m.value?k.value:a.value?g.value:f.value),A=t.computed(()=>e.pending?w.value:a.value&&m.value?k.value:a.value?$.value:h.value);function D(){o.value+=l.value,e.serverPagination&&n("load-more",o.value,l.value)}function M(){o.value-l.value<1?E():(o.value-=l.value,e.serverPagination&&n("load-more",o.value,l.value))}function E(){o.value=0,e.serverPagination&&n("load-more",o.value,l.value)}function V(){r.value%l.value===0?(o.value=r.value-l.value,n("load-more",o.value,l.value)):(o.value=Math.floor(r.value/l.value)*l.value,n("load-more",o.value,l.value))}t.watch(l,I=>{e.serverPagination&&n("load-more",o.value,I)});const b=se(t.toRef(e,"selectedRows"),n,"update:selectedRows"),S=t.ref(r.value===b.value.length),R=t.ref(!1),L=t.computed(()=>Object.keys(e.sort)[0]),P=t.computed(()=>e.columns.some(I=>I.allowSort)),z=t.computed(()=>{var T;return{"cdx-table__table--layout-fixed":(T=e.columns)==null?void 0:T.some(H=>"width"in H||"minWidth"in H),"cdx-table__table--borders-vertical":e.showVerticalBorders}}),v=W("cdx-table-sort-caption",I=>"".concat(I,", column headers with buttons are sortable."),[t.toRef(e,"caption")]),_=(I,T)=>W("cdx-table-select-row-label",(H,Be)=>"Select row ".concat(H," of ").concat(Be),[()=>I,()=>T]).value,Y=W("cdx-table-select-all-label","Select all rows");function N(I,T){return Ue in I?I[Ue]:T}function K(I,T){const H=N(I,T);return{"cdx-table__row--selected":b.value.indexOf(H)!==-1}}function J(I){const T=e.columns[0].id;if(e.useRowHeaders===!0&&I===T)return"row"}function x(I){const T=e.columns[0].id;return e.useRowHeaders&&I===T?"th":"td"}function U(I,T=!1){if("textAlign"in I&&!Os(I.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(I.textAlign)]:"textAlign"in I&&I.textAlign!=="start","cdx-table__table__cell--has-sort":T}}function de(I){const T={};return"width"in I&&(T.width=I.width),"minWidth"in I&&(T.minWidth=I.minWidth),T}function Ae(I){if(r.value===I.length){S.value=!0,R.value=!1;return}S.value=!1,r.value>I.length&&(R.value=!0),I.length===0&&(R.value=!1)}function B(I){R.value=!1,I?b.value=e.data.map((T,H)=>N(T,H)):b.value=[]}function F(I){var Be;const T=(Be=e.sort[I])!=null?Be:"none";let H="asc";T==="asc"&&(H="desc"),T==="desc"&&(H="none"),n("update:sort",{[I]:H})}function Z(I){var H;const T=(H=e.sort[I])!=null?H:"none";return zs[T]}function X(I,T=!1){var H;if(T){const Be=(H=e.sort[I])!=null?H:"none";return Be==="none"?void 0:Ps[Be]}}return{dataForDisplay:i,pageSize:l,onNext:D,onPrev:M,onFirst:E,onLast:V,nextDisabled:m,prevDisabled:p,lastDisabled:u,paginationStatusMessageShort:C,paginationStatusMessageLong:A,wrappedSelectedRows:b,selectAll:S,selectAllIndeterminate:R,activeSortColumn:L,hasSortableColumns:P,tableClasses:z,getRowKey:N,getRowClass:K,getRowHeaderScope:J,getCellElement:x,getCellClass:U,getCellStyle:de,handleRowSelection:Ae,handleSelectAll:B,handleSort:F,getSortIcon:Z,getSortOrder:X,translatedSortCaption:v,translatedSelectRowLabel:_,translatedSelectAllLabel:Y}}}),Hs={class:"cdx-table",tabindex:"0"},Us={key:0,class:"cdx-table__header"},qs=["aria-hidden"],js={class:"cdx-table__header__content"},Ws={class:"cdx-table__pagination-status--long"},Qs={class:"cdx-table__pagination-status--short"},Gs={class:"cdx-table__table-wrapper"},Ys={key:0},Xs={key:0,class:"cdx-table__table__select-rows"},Js=["aria-sort"],Zs=["aria-selected","onClick"],ei={class:"cdx-table__table__sort-label"},ti={key:0},ni={key:0},oi={key:1},li={class:"cdx-table__table__empty-state"},ai={class:"cdx-table__table__empty-state-content"},si={class:"cdx-table__pagination-status--long"},ii={class:"cdx-table__pagination-status--short"},ri={key:3,class:"cdx-table__footer"};function di(e,n,o,l,i,r){const a=t.resolveComponent("cdx-table-pager"),d=t.resolveComponent("cdx-checkbox"),s=t.resolveComponent("cdx-icon"),c=t.resolveComponent("cdx-progress-bar");return t.openBlock(),t.createElementBlock("div",Hs,[!e.hideCaption||e.$slots.header&&e.$slots.header().length>0?(t.openBlock(),t.createElementBlock("div",Us,[t.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":e.$slots.header&&e.$slots.header().length>0?void 0:!0},[e.hideCaption?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))],8,qs),t.createElementVNode("div",js,[t.renderSlot(e.$slots,"header")])])):t.createCommentVNode("v-if",!0),e.paginate&&(e.paginationPosition==="top"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:1,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=u=>e.pageSize=u),class:"cdx-table__pagination--top","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",Ws,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",Qs,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",Gs,[t.createElementVNode("table",{class:t.normalizeClass(["cdx-table__table",e.tableClasses])},[t.createElementVNode("caption",null,[e.hasSortableColumns?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.translatedSortCaption),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.caption),1)],64))]),t.renderSlot(e.$slots,"thead",{},()=>[e.columns.length>0?(t.openBlock(),t.createElementBlock("thead",Ys,[t.createElementVNode("tr",null,[e.useRowSelection?(t.openBlock(),t.createElementBlock("th",Xs,[t.createVNode(d,{modelValue:e.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=u=>e.selectAll=u),e.handleSelectAll],"hide-label":!0,indeterminate:e.selectAllIndeterminate},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,u=>(t.openBlock(),t.createElementBlock("th",{key:u.id,scope:"col",class:t.normalizeClass(e.getCellClass(u,u.allowSort)),"aria-sort":e.getSortOrder(u.id,u.allowSort),style:t.normalizeStyle(e.getCellStyle(u))},[u.allowSort?(t.openBlock(),t.createElementBlock("button",{key:0,"aria-selected":u.id===e.activeSortColumn,class:"cdx-table__table__sort-button",onClick:p=>e.handleSort(u.id)},[t.createElementVNode("span",ei,t.toDisplayString(u.label),1),t.createVNode(s,{icon:e.getSortIcon(u.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,Zs)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(u.label),1)],64))],14,Js))),128))])])):t.createCommentVNode("v-if",!0)]),e.pending?(t.openBlock(),t.createBlock(c,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"tbody",{},()=>[e.dataForDisplay.length>0?(t.openBlock(),t.createElementBlock("tbody",ti,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.dataForDisplay,(u,p)=>(t.openBlock(),t.createElementBlock("tr",{key:e.getRowKey(u,p),class:t.normalizeClass(e.getRowClass(u,p))},[e.useRowSelection?(t.openBlock(),t.createElementBlock("td",ni,[t.createVNode(d,{modelValue:e.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=m=>e.wrappedSelectedRows=m),e.handleRowSelection],"input-value":e.getRowKey(u,p),"hide-label":!0},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSelectRowLabel(p+1,e.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.columns,m=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.getCellElement(m.id)),{key:m.id,scope:e.getRowHeaderScope(m.id),class:t.normalizeClass(e.getCellClass(m))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"item-"+m.id,{item:u[m.id],row:u},()=>[t.createTextVNode(t.toDisplayString(u[m.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):e.$slots["empty-state"]&&e.$slots["empty-state"]().length>0?(t.openBlock(),t.createElementBlock("tbody",oi,[t.createElementVNode("tr",li,[t.createElementVNode("td",ai,[t.renderSlot(e.$slots,"empty-state")])])])):t.createCommentVNode("v-if",!0)]),t.renderSlot(e.$slots,"tfoot")],2)]),e.paginate&&(e.paginationPosition==="bottom"||e.paginationPosition==="both")?(t.openBlock(),t.createBlock(a,{key:2,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=u=>e.pageSize=u),class:"cdx-table__pagination--bottom","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:t.withCtx(()=>[t.createElementVNode("span",si,t.toDisplayString(e.paginationStatusMessageLong),1),t.createElementVNode("span",ii,t.toDisplayString(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):t.createCommentVNode("v-if",!0),e.$slots.footer&&e.$slots.footer().length>0?(t.openBlock(),t.createElementBlock("div",ri,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])}const ci=O(Ks,[["render",di]]),ui=t.defineComponent({name:"CdxTab",props:{name:{type:String,required:!0},label:{type:String,default:""},disabled:{type:Boolean,default:!1}},setup(e){var r;const n=t.inject(Nt),o=t.inject(At);if(!n||!o)throw new Error("Tab component must be used inside a Tabs component");const l=(r=n.value.get(e.name))!=null?r:{},i=t.computed(()=>e.name===o.value);return{tab:l,isActive:i}}}),pi=["id","aria-hidden","aria-labelledby"];function fi(e,n,o,l,i,r){return t.withDirectives((t.openBlock(),t.createElementBlock("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"},[t.renderSlot(e.$slots,"default")],8,pi)),[[t.vShow,e.isActive]])}const wn=O(ui,[["render",fi]]),mi=t.defineComponent({name:"CdxTabs",components:{CdxButton:pe,CdxIcon:G},props:{active:{type:String,default:null},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(e,{slots:n,emit:o}){const l=t.ref(),i=t.ref(),r=t.ref(),a=t.ref(),d=Me(l),s=t.computed(()=>{const b=qe(n.default);if(!b.every(S=>typeof S=="object"&&Rt(S,wn.name)))throw new Error("Slot content may only contain CdxTab components");if(b.length===0)throw new Error("Slot content cannot be empty");return b}),c=t.computed(()=>s.value.reduce((b,S)=>{var R;if((R=S.props)!=null&&R.name&&typeof S.props.name=="string"){if(b.get(S.props.name))throw new Error("Tab names must be unique");b.set(S.props.name,{name:S.props.name,id:Q(S.props.name),label:S.props.label||S.props.name,disabled:S.props.disabled})}return b},new Map)),u=t.ref(Array.from(c.value.keys())[0]),p=ut(u,t.toRef(e,"active"),o,"update:active"),m=t.computed(()=>Array.from(c.value.keys())),f=t.computed(()=>m.value.indexOf(p.value)),h=t.computed(()=>{var b;return(b=c.value.get(p.value))==null?void 0:b.id});t.provide(At,p),t.provide(Nt,c);const g=t.ref(new Map),$=t.ref(),k=t.ref(),w=Qe($,{threshold:.95}),C=Qe(k,{threshold:.95});function A(b,S){const R=b;R&&(g.value.set(S,R),S===0?$.value=R:S===m.value.length-1&&(k.value=R))}const D=t.computed(()=>({"cdx-tabs--framed":e.framed,"cdx-tabs--quiet":!e.framed}));function M(){var b;(b=g.value.get(f.value))==null||b.focus()}function E(b){if(!i.value||!r.value||!a.value)return 0;const S=d.value==="rtl"?a.value:r.value,R=d.value==="rtl"?r.value:a.value,L=b.offsetLeft,P=L+b.clientWidth,z=i.value.scrollLeft+S.clientWidth,v=i.value.scrollLeft+i.value.clientWidth-R.clientWidth;return L<z?L-z:P>v?P-v:0}function V(b){if(!i.value||!r.value||!a.value)return;const S=b==="next"&&d.value==="ltr"||b==="prev"&&d.value==="rtl"?1:-1;let R=0,L=b==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;L;){const P=b==="next"?L.nextElementSibling:L.previousElementSibling;if(R=E(L),Math.sign(R)===S){P&&Math.abs(R)<.25*i.value.clientWidth&&(R=E(P));break}L=P}i.value.scrollBy({left:R,behavior:"smooth"}),M()}return t.watch(p,()=>{if(h.value===void 0||!i.value||!r.value||!a.value)return;const b=document.getElementById("".concat(h.value,"-label"));b&&i.value.scrollBy({left:E(b),behavior:"smooth"})}),{activeTab:p,activeTabIndex:f,activeTabId:h,currentDirection:d,rootElement:l,tabListElement:i,prevScroller:r,nextScroller:a,rootClasses:D,tabNames:m,tabsData:c,firstLabelVisible:w,lastLabelVisible:C,assignTemplateRefForTabButton:A,scrollTabs:V,focusActiveTab:M,cdxIconPrevious:It,cdxIconNext:St}},methods:{select(e,n){const o=this.tabsData.get(e);o&&!(o!=null&&o.disabled)&&(this.activeTab=e,n&&t.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(e,n,o){const l=this.tabsData.get(this.tabNames[e+n]);l&&(l.disabled?this.selectNonDisabled(e+n,n,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())}}}),hi={class:"cdx-tabs__header"},gi={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},bi={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},yi=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],Ci={ref:"nextScroller",class:"cdx-tabs__next-scroller"},wi={class:"cdx-tabs__content"};function ki(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-tabs",e.rootClasses])},[t.createElementVNode("div",hi,[t.withDirectives(t.createElementVNode("div",gi,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"])),onClick:n[1]||(n[1]=s=>e.scrollTabs("prev"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.firstLabelVisible]]),t.createElementVNode("div",bi,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabsData.values(),(s,c)=>(t.openBlock(),t.createElementBlock("button",{id:"".concat(s.id,"-label"),key:c,ref_for:!0,ref:u=>e.assignTemplateRefForTabButton(u,c),disabled:s.disabled?!0:void 0,"aria-controls":s.id,"aria-selected":s.name===e.activeTab,tabindex:s.name===e.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:t.withModifiers(u=>e.select(s.name),["prevent"]),onKeyup:t.withKeys(u=>e.select(s.name),["enter"]),onKeydown:[n[2]||(n[2]=t.withKeys(t.withModifiers((...u)=>e.onRightArrowKeypress&&e.onRightArrowKeypress(...u),["prevent"]),["right"])),n[3]||(n[3]=t.withKeys(t.withModifiers((...u)=>e.onDownArrowKeypress&&e.onDownArrowKeypress(...u),["prevent"]),["down"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...u)=>e.onLeftArrowKeypress&&e.onLeftArrowKeypress(...u),["prevent"]),["left"]))]},[t.createElementVNode("span",null,t.toDisplayString(s.label),1)],40,yi))),128))],512),t.withDirectives(t.createElementVNode("div",Ci,[t.createVNode(d,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:n[5]||(n[5]=t.withModifiers(()=>{},["prevent"])),onClick:n[6]||(n[6]=s=>e.scrollTabs("next"))},{default:t.withCtx(()=>[t.createVNode(a,{icon:e.cdxIconNext},null,8,["icon"])]),_:1})],512),[[t.vShow,!e.lastLabelVisible]])]),t.createElementVNode("div",wi,[t.renderSlot(e.$slots,"default")])],2)}const $i=O(mi,[["render",ki]]),Bi=ee(ge),Si=t.defineComponent({name:"CdxTextArea",components:{CdxIcon:G},inheritAttrs:!1,props:{modelValue:{type:String,default:""},status:{type:String,default:"default",validator:Bi},disabled:{type:Boolean,default:!1},autosize:{type:Boolean,default:!1},startIcon:{type:[String,Object],default:void 0},endIcon:{type:[String,Object],default:void 0}},emits:["update:modelValue"],setup(e,{attrs:n,emit:o}){const l=se(t.toRef(e,"modelValue"),o),i=n.id,{computedDisabled:r,computedStatus:a,computedInputId:d}=le(t.toRef(e,"disabled"),t.toRef(e,"status"),i),s=t.inject(He,void 0),c=t.computed(()=>({"cdx-text-area__textarea--has-value":!!l.value,"cdx-text-area__textarea--is-autosize":e.autosize})),u=t.computed(()=>({"cdx-text-area--status-default":a.value==="default","cdx-text-area--status-error":a.value==="error","cdx-text-area--has-start-icon":!!e.startIcon,"cdx-text-area--has-end-icon":!!e.endIcon})),{rootClasses:p,rootStyle:m,otherAttrs:f}=ae(n,u),h=t.computed(()=>{const C=f.value,{id:k}=C;return ue(C,["id"])}),g=t.ref();function $(){g.value&&e.autosize&&(g.value.style.height="auto",g.value.style.height="".concat(g.value.scrollHeight,"px"))}return{rootClasses:p,rootStyle:m,wrappedModel:l,computedDisabled:r,computedInputId:d,descriptionId:s,textareaClasses:c,otherAttrsMinusId:h,textarea:g,onInput:$}}}),Ii=["id","aria-describedby","disabled"];function Vi(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-text-area",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("textarea",t.mergeProps({id:e.computedInputId,ref:"textarea"},e.otherAttrsMinusId,{"onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:[e.textareaClasses,"cdx-text-area__textarea"],"aria-describedby":e.descriptionId,disabled:e.computedDisabled,onInput:n[1]||(n[1]=(...d)=>e.onInput&&e.onInput(...d))}),null,16,Ii),[[t.vModelText,e.wrappedModel]]),e.startIcon?(t.openBlock(),t.createBlock(a,{key:0,icon:e.startIcon,class:"cdx-text-area__icon-vue cdx-text-area__start-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0),e.endIcon?(t.openBlock(),t.createBlock(a,{key:1,icon:e.endIcon,class:"cdx-text-area__icon-vue cdx-text-area__end-icon"},null,8,["icon"])):t.createCommentVNode("v-if",!0)],6)}const xi=O(Si,[["render",Vi]]),Ei=t.defineComponent({name:"CdxToggleButtonGroup",components:{CdxIcon:G,CdxToggleButton:Ct},props:{buttons:{type:Array,required:!0,validator:e=>Array.isArray(e)&&e.length>=1},modelValue:{type:[String,Number,null,Array],required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a}=Ot(t.toRef(e,"buttons"));function d(c){return Array.isArray(e.modelValue)?e.modelValue.indexOf(c.value)!==-1:e.modelValue!==null?e.modelValue===c.value:!1}function s(c,u){if(Array.isArray(e.modelValue)){const p=e.modelValue.indexOf(c.value)!==-1;u&&!p?n("update:modelValue",e.modelValue.concat(c.value)):!u&&p&&n("update:modelValue",e.modelValue.filter(m=>m!==c.value))}else u&&e.modelValue!==c.value&&n("update:modelValue",c.value)}return{rootElement:o,assignTemplateRef:l,onFocus:i,onBlur:r,onKeydown:a,getButtonLabel:Ft,isSelected:d,onUpdate:s}}}),Ni={ref:"rootElement",class:"cdx-toggle-button-group"};function Ai(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-toggle-button");return t.openBlock(),t.createElementBlock("div",Ni,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.buttons,(s,c)=>(t.openBlock(),t.createBlock(d,{key:s.value,ref_for:!0,ref:u=>e.assignTemplateRef(u,c),"model-value":e.isSelected(s),disabled:s.disabled||e.disabled,"aria-label":s.ariaLabel,"onUpdate:modelValue":u=>e.onUpdate(s,u),onFocus:u=>e.onFocus(c),onBlur:e.onBlur,onKeydown:e.onKeydown},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{button:s,selected:e.isSelected(s)},()=>[s.icon?(t.openBlock(),t.createBlock(a,{key:0,icon:s.icon},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.getButtonLabel(s)),1)])]),_:2},1032,["model-value","disabled","aria-label","onUpdate:modelValue","onFocus","onBlur","onKeydown"]))),128))],512)}const Di=O(Ei,[["render",Ai]]),Ti=t.defineComponent({name:"CdxToggleSwitch",components:{CdxLabel:Le},inheritAttrs:!1,props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},alignSwitch:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n,slots:o,attrs:l}){var h;dt((h=o.default)==null?void 0:h.call(o),l,"CdxToggleSwitch");const i=t.ref(),r=Q("toggle-switch"),a=Q("description"),d=t.computed(()=>({"cdx-toggle-switch--align-switch":e.alignSwitch})),{rootClasses:s,rootStyle:c,otherAttrs:u}=ae(l,d),{computedDisabled:p}=le(t.toRef(e,"disabled")),m=se(t.toRef(e,"modelValue"),n);return{input:i,inputId:r,descriptionId:a,rootClasses:s,rootStyle:c,otherAttrs:u,computedDisabled:p,wrappedModel:m,clickInput:()=>{i.value.click()}}}}),Mi=["id","aria-describedby","value","disabled"],Li=t.createElementVNode("span",{class:"cdx-toggle-switch__switch"},[t.createElementVNode("span",{class:"cdx-toggle-switch__switch__grip"})],-1);function Ri(e,n,o,l,i,r){const a=t.resolveComponent("cdx-label");return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cdx-toggle-switch",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.withDirectives(t.createElementVNode("input",t.mergeProps({id:e.inputId,ref:"input","onUpdate:modelValue":n[0]||(n[0]=d=>e.wrappedModel=d),class:"cdx-toggle-switch__input",type:"checkbox",role:"switch","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,disabled:e.computedDisabled},e.otherAttrs,{onKeydown:n[1]||(n[1]=t.withKeys(t.withModifiers((...d)=>e.clickInput&&e.clickInput(...d),["prevent"]),["enter"]))}),null,16,Mi),[[t.vModelCheckbox,e.wrappedModel]]),Li,e.$slots.default&&e.$slots.default().length?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-toggle-switch__label","input-id":e.inputId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,"visually-hidden":e.hideLabel,disabled:e.computedDisabled},t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","visually-hidden","disabled"])):t.createCommentVNode("v-if",!0)],6)}const vi=O(Ti,[["render",Ri]]);class Fi{constructor(n,o){me(this,"referenceElement");me(this,"tooltipElement");me(this,"textContent");me(this,"placement");me(this,"autoUpdateCleanup");me(this,"referenceElementHandlers");me(this,"tooltipElementHandlers");me(this,"escapeHandler");me(this,"timeoutId");var r,a;const l=n.ownerDocument,i=Q("tooltip");this.referenceElement=n,this.textContent=o.textContent,this.placement=(r=o.placement)!=null?r:"bottom",this.timeoutId=null,this.tooltipElement=l.createElement("div"),this.tooltipElement.classList.add("cdx-tooltip"),this.tooltipElement.role="tooltip",this.tooltipElement.id=i,this.referenceElement.setAttribute("aria-describedby",i),this.tooltipElement.textContent=this.textContent,(a=this.referenceElement.parentElement)==null||a.appendChild(this.tooltipElement),this.referenceElementHandlers={},this.referenceElementHandlers.mouseenter=this.show.bind(this),this.referenceElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.referenceElementHandlers.focus=this.show.bind(this),this.referenceElementHandlers.blur=this.hide.bind(this),this.tooltipElementHandlers={},this.tooltipElementHandlers.mouseenter=this.show.bind(this),this.tooltipElementHandlers.mouseleave=this.hideAfterDelay.bind(this),this.escapeHandler=this.onKeyup.bind(this),this.addEventListeners(),this.autoUpdateCleanup=dn(this.referenceElement,this.tooltipElement,()=>this.update())}isVisible(){return this.tooltipElement.style.display==="block"}show(){this.timeoutId&&clearTimeout(this.timeoutId),this.tooltipElement.style.display="block",this.tooltipElement.ownerDocument.addEventListener("keyup",this.escapeHandler)}hide(){this.tooltipElement.style.display="none",this.tooltipElement.ownerDocument.removeEventListener("keyup",this.escapeHandler)}hideAfterDelay(){this.timeoutId=setTimeout(this.hide.bind(this),250)}onKeyup(n){n.key==="Escape"&&this.isVisible()&&this.hide()}addEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.addEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.addEventListener(n,this.tooltipElementHandlers[n])})}removeEventListeners(){Object.keys(this.referenceElementHandlers).forEach(n=>{this.referenceElement.removeEventListener(n,this.referenceElementHandlers[n])}),Object.keys(this.tooltipElementHandlers).forEach(n=>{this.tooltipElement.removeEventListener(n,this.tooltipElementHandlers[n])})}update(){un(this.referenceElement,this.tooltipElement,{placement:this.placement,middleware:[Xt(4),cn(),ya(),yt()]}).then(({x:n,y:o,middlewareData:l})=>{var a,d,s;const i=(d=(a=l.offset)==null?void 0:a.placement)!=null?d:this.placement,r={left:"right","left-start":"right","left-end":"right",top:"bottom","top-start":"bottom","top-end":"bottom",bottom:"top","bottom-start":"top","bottom-end":"top",right:"left","right-start":"left","right-end":"left"};Object.assign(this.tooltipElement.style,{left:"".concat(n,"px"),top:"".concat(o,"px"),visibility:(s=l.hide)!=null&&s.referenceHidden?"hidden":"visible",transformOrigin:r[i]})})}remove(){this.tooltipElement.remove(),this.autoUpdateCleanup(),this.removeEventListeners()}}const Oi={mounted(e,{value:n,arg:o}){e.tooltip=new Fi(e,{textContent:String(n),placement:o})},beforeUnmount(e){e.tooltip&&e.tooltip.remove()}},_i=t.defineComponent({name:"CdxTypeaheadSearch",components:{CdxIcon:G,CdxMenu:Ie,CdxSearchInput:yn},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:Xn},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:n,emit:o,slots:l}){const i=t.ref(),r=t.ref(),a=Q("typeahead-search-menu"),d=W("cdx-typeahead-search-search-results-label","Search results"),s=t.ref(!1),c=t.ref(!1),u=t.ref(!1),p=t.ref(!1),m=t.ref(e.initialInputValue),f=t.ref(""),h=t.computed(()=>{var x,U;return(U=(x=r.value)==null?void 0:x.getHighlightedMenuItem())==null?void 0:U.id}),g=t.ref(null),$=t.computed(()=>({"cdx-typeahead-search__menu-message--has-thumbnail":e.showThumbnail})),k=t.computed(()=>e.searchResults.find(x=>x.value===g.value)),w=t.computed(()=>e.searchFooterUrl?{value:Se,url:e.searchFooterUrl}:void 0),C=t.computed(()=>({"cdx-typeahead-search--show-thumbnail":e.showThumbnail,"cdx-typeahead-search--expanded":s.value,"cdx-typeahead-search--auto-expand-width":e.showThumbnail&&e.autoExpandWidth})),{rootClasses:A,rootStyle:D,otherAttrs:M}=ae(n,C);function E(x){return x}const V=t.computed(()=>({visibleItemLimit:e.visibleItemLimit,showThumbnail:e.showThumbnail,boldLabel:!0,hideDescriptionOverflow:!0}));let b,S;function R(x,U=!1){k.value&&k.value.label!==x&&k.value.value!==x&&(g.value=null),S!==void 0&&(clearTimeout(S),S=void 0),x===""?s.value=!1:(c.value=!0,l["search-results-pending"]&&(S=setTimeout(()=>{p.value&&(s.value=!0),u.value=!0},Jn))),b!==void 0&&(clearTimeout(b),b=void 0);const de=()=>{o("input",x)};U?de():b=setTimeout(()=>{de()},e.debounceInterval)}function L(x){var U;if(x===Se){g.value=null,m.value=f.value;return}g.value=x,x!==null&&(m.value=k.value?(U=k.value.label)!=null?U:String(k.value.value):"")}function P(){p.value=!0,(f.value||u.value)&&(s.value=!0)}function z(){p.value=!1,s.value=!1}function v(x){const Ae=x,{id:U}=Ae,de=ue(Ae,["id"]);if(de.value===Se){o("search-result-click",{searchResult:null,index:e.searchResults.length,numberOfResults:e.searchResults.length});return}_(de)}function _(x){const U={searchResult:x,index:e.searchResults.findIndex(de=>de.value===x.value),numberOfResults:e.searchResults.length};o("search-result-click",U)}function Y(x){var U;if(x.value===Se){m.value=f.value;return}m.value=x.value?(U=x.label)!=null?U:String(x.value):""}function N(x){var U;s.value=!1,(U=r.value)==null||U.clearActive(),v(x)}function K(x){if(k.value)_(k.value),x.stopPropagation(),window.location.assign(k.value.url),x.preventDefault();else{const U={searchResult:null,index:-1,numberOfResults:e.searchResults.length};o("submit",U)}}function J(x){if(!r.value||!f.value||x.key===" ")return;const U=r.value.getHighlightedMenuItem(),de=r.value.getHighlightedViaKeyboard();switch(x.key){case"Enter":U&&(U.value===Se&&de?window.location.assign(e.searchFooterUrl):r.value.delegateKeyNavigation(x,{prevent:!1})),s.value=!1;break;case"Tab":s.value=!1;break;default:r.value.delegateKeyNavigation(x);break}}return t.onMounted(()=>{e.initialInputValue&&R(e.initialInputValue,!0)}),t.watch(t.toRef(e,"searchResults"),()=>{f.value=m.value.trim(),p.value&&c.value&&f.value.length>0&&(s.value=!0),S!==void 0&&(clearTimeout(S),S=void 0),c.value=!1,u.value=!1}),{form:i,menu:r,menuId:a,highlightedId:h,selection:g,menuMessageClass:$,footer:w,asSearchResult:E,inputValue:m,searchQuery:f,expanded:s,showPending:u,rootClasses:A,rootStyle:D,otherAttrs:M,menuConfig:V,onUpdateInputValue:R,onUpdateMenuSelection:L,onFocus:P,onBlur:z,onSearchResultClick:v,onSearchResultKeyboardNavigation:Y,onSearchFooterClick:N,onSubmit:K,onKeydown:J,MenuFooterValue:Se,articleIcon:Mn,translatedSearchResultsLabel:d}},methods:{focus(){this.$refs.searchInput.focus()}}}),zi=["id","action"],Pi={class:"cdx-typeahead-search__menu-message__text"},Ki={class:"cdx-typeahead-search__menu-message__text"},Hi=["href","onClickCapture"],Ui={class:"cdx-menu-item__text cdx-typeahead-search__search-footer__text"},qi={class:"cdx-typeahead-search__search-footer__query"};function ji(e,n,o,l,i,r){const a=t.resolveComponent("cdx-icon"),d=t.resolveComponent("cdx-menu"),s=t.resolveComponent("cdx-search-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-typeahead-search",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("form",{id:e.id,ref:"form",class:"cdx-typeahead-search__form",action:e.formAction,onSubmit:n[4]||(n[4]=(...c)=>e.onSubmit&&e.onSubmit(...c))},[t.createVNode(s,t.mergeProps({ref:"searchInput",modelValue:e.inputValue,"onUpdate:modelValue":n[3]||(n[3]=c=>e.inputValue=c),"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:t.withCtx(()=>[t.createVNode(d,t.mergeProps({id:e.menuId,ref:"menu",expanded:e.expanded,"onUpdate:expanded":n[0]||(n[0]=c=>e.expanded=c),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:n[1]||(n[1]=c=>e.onSearchResultClick(e.asSearchResult(c))),onMenuItemKeyboardNavigation:e.onSearchResultKeyboardNavigation,onLoadMore:n[2]||(n[2]=c=>e.$emit("load-more"))}),{pending:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Pi,[t.renderSlot(e.$slots,"search-results-pending")])],2)]),"no-results":t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__menu-message",e.menuMessageClass])},[t.createElementVNode("span",Ki,[t.renderSlot(e.$slots,"search-no-results-text")])],2)]),default:t.withCtx(({menuItem:c,active:u})=>[c.value===e.MenuFooterValue?(t.openBlock(),t.createElementBlock("a",{key:0,class:t.normalizeClass(["cdx-menu-item__content cdx-typeahead-search__search-footer",{"cdx-typeahead-search__search-footer__active":u}]),href:e.asSearchResult(c).url,onClickCapture:t.withModifiers(p=>e.onSearchFooterClick(e.asSearchResult(c)),["stop"])},[t.createVNode(a,{class:"cdx-menu-item__thumbnail cdx-typeahead-search__search-footer__icon",icon:e.articleIcon},null,8,["icon"]),t.createElementVNode("span",Ui,[t.renderSlot(e.$slots,"search-footer-text",{searchQuery:e.searchQuery},()=>[t.createElementVNode("strong",qi,t.toDisplayString(e.searchQuery),1)])])],42,Hi)):t.createCommentVNode("v-if",!0)]),_:3},16,["id","expanded","show-pending","selected","menu-items","footer","search-query","show-no-results-slot","aria-label","onUpdate:selected","onMenuItemKeyboardNavigation"])]),_:3},16,["modelValue","button-label","use-button","aria-controls","aria-expanded","aria-activedescendant","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.renderSlot(e.$slots,"default")],40,zi)],6)}const Wi=O(_i,[["render",ji]]);y.CdxAccordion=Co,y.CdxButton=pe,y.CdxButtonGroup=Bo,y.CdxCard=Lo,y.CdxCheckbox=_t,y.CdxChipInput=cl,y.CdxCombobox=Ea,y.CdxDialog=Oa,y.CdxField=Ya,y.CdxIcon=G,y.CdxInfoChip=ns,y.CdxLabel=Le,y.CdxLookup=ss,y.CdxMenu=Ie,y.CdxMenuButton=fs,y.CdxMenuItem=Ht,y.CdxMessage=bn,y.CdxProgressBar=pt,y.CdxRadio=Cs,y.CdxSearchInput=yn,y.CdxSearchResultTitle=Kt,y.CdxSelect=Cn,y.CdxTab=wn,y.CdxTable=ci,y.CdxTabs=$i,y.CdxTextArea=xi,y.CdxTextInput=Ye,y.CdxThumbnail=it,y.CdxToggleButton=Ct,y.CdxToggleButtonGroup=Di,y.CdxToggleSwitch=vi,y.CdxTooltip=Oi,y.CdxTypeaheadSearch=Wi,y.TableRowIdentifier=Ue,y.stringHelpers=pl,y.useComputedDirection=Me,y.useComputedDisabled=rt,y.useComputedLanguage=xt,y.useFieldData=le,y.useFloatingMenu=ze,y.useGeneratedId=Q,y.useI18n=W,y.useIntersectionObserver=Qe,y.useModelWrapper=se,y.useResizeObserver=gn,y.useSlotContents=qe,y.useSplitAttributes=ae,y.useWarnOnce=je,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}); diff --git a/resources/lib/codex/messageKeys.json b/resources/lib/codex/messageKeys.json index ba26394bc769..4fcfc41d2464 100644 --- a/resources/lib/codex/messageKeys.json +++ b/resources/lib/codex/messageKeys.json @@ -1,4 +1,6 @@ [ + "cdx-chip-input-chip-added", + "cdx-chip-input-chip-removed", "cdx-dialog-close-button-label", "cdx-input-chip-aria-description", "cdx-label-optional-flag", diff --git a/resources/lib/codex/mixins/link.less b/resources/lib/codex/mixins/link.less index be11ce62b7e9..3f86f5a22d8a 100644 --- a/resources/lib/codex/mixins/link.less +++ b/resources/lib/codex/mixins/link.less @@ -63,7 +63,9 @@ } } - .cdx-icon:last-child { + // Style external link icon. + // HACK: Make sure this doesn't apply to placeholder icons in TypeaheadSearch (T372420). + .cdx-icon:not( .cdx-thumbnail__placeholder__icon--vue ):last-child { // Note, `@min-size-icon-x-small` & `@size-icon-small` are an approximation in our current // 16/14 base font theme environment. // We're faking it to make it, `@min-size-icon-x-small` is `12px` in both themes, diff --git a/resources/lib/codex/modules/CdxAccordion-bidi.css b/resources/lib/codex/modules/CdxAccordion-bidi.css new file mode 100644 index 000000000000..cfdc2bafd632 --- /dev/null +++ b/resources/lib/codex/modules/CdxAccordion-bidi.css @@ -0,0 +1 @@ +.cdx-accordion{position:relative}[dir] .cdx-accordion{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-accordion>summary{list-style:none;display:flex;gap:8px;word-break:break-word;white-space:normal}[dir] .cdx-accordion>summary{background-color:var(--background-color-transparent, transparent);border-width:1px;border-style:solid;border-color:var(--border-color-transparent, transparent);border-radius:0;padding:12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:ease}[dir] .cdx-accordion>summary:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}[dir] .cdx-accordion>summary:active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-accordion>summary:focus-visible{outline:1px solid transparent}[dir] .cdx-accordion>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c)}[dir] .cdx-accordion>summary:focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-accordion>summary::-webkit-details-marker{display:none}.cdx-accordion .cdx-accordion__header{position:relative;font-size:1rem}[dir] .cdx-accordion .cdx-accordion__header{margin-top:0;margin-bottom:0;border-top:0;padding-top:0;padding-bottom:0}.cdx-accordion .cdx-accordion__header__title{display:flex;gap:8px;line-height:1.375}.cdx-accordion .cdx-accordion__header__description{color:var(--color-subtle, #54595d);display:flex;font-weight:400;line-height:1.375;pointer-events:none}.cdx-accordion__action.cdx-button{display:flex;align-items:center;position:absolute;top:0;height:calc(1.375em + 26px);font-size:1rem}[dir] .cdx-accordion__action.cdx-button{padding-right:12px;padding-left:12px}[dir=ltr] .cdx-accordion__action.cdx-button{right:0}[dir=rtl] .cdx-accordion__action.cdx-button{left:0}[dir] .cdx-accordion__action.cdx-button:hover{background-color:unset}.cdx-accordion__content{font-size:1rem}[dir] .cdx-accordion__content{padding:8px 12px 12px}.cdx-accordion>summary:before{content:"";min-width:16px;min-height:16px;width:1rem;height:1rem;display:inline-block;vertical-align:text-bottom;height:1.375em}[dir] .cdx-accordion>summary:before{transition-property:background-color,border-color,transform;transition-duration:.25s;transition-timing-function:ease}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-accordion>summary:before{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-accordion>summary:before{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-accordion>summary:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-accordion>summary:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}[dir] .cdx-accordion>summary:before{background-color:var(--color-base, #202122)}}[dir=ltr] .cdx-accordion[open]>summary:before{transform:rotate(-180deg)}[dir=rtl] .cdx-accordion[open]>summary:before{transform:rotate(180deg)} diff --git a/resources/lib/codex/modules/CdxButton-bidi.css b/resources/lib/codex/modules/CdxButton-bidi.css new file mode 100644 index 000000000000..4a27df02a1e6 --- /dev/null +++ b/resources/lib/codex/modules/CdxButton-bidi.css @@ -0,0 +1 @@ +.cdx-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}[dir] .cdx-button{margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button--size-large{min-height:44px}[dir] .cdx-button--size-large{padding-right:15px;padding-left:15px}.cdx-button--icon-only{min-width:32px}[dir] .cdx-button--icon-only{padding-right:5px;padding-left:5px}.cdx-button--icon-only.cdx-button--size-large{min-width:44px}[dir] .cdx-button--icon-only.cdx-button--size-large{padding-right:11px;padding-left:11px}[dir] .cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button .cdx-button__icon,.cdx-button .cdx-icon{vertical-align:middle}.cdx-button .cdx-icon{color:inherit}.cdx-button--fake-button,.cdx-button--fake-button:hover,.cdx-button--fake-button:focus{text-decoration:none}.cdx-button:enabled,.cdx-button.cdx-button--fake-button--enabled{color:var(--color-base, #202122)}[dir] .cdx-button:enabled,[dir] .cdx-button.cdx-button--fake-button--enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon{background-color:var(--color-base, #202122)}}.cdx-button:enabled:hover,.cdx-button.cdx-button--fake-button--enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-button:enabled:hover,[dir] .cdx-button.cdx-button--fake-button--enabled:hover{background-color:var(--background-color-base, #fff);cursor:pointer}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon{background-color:var(--color-base--hover, #404244)}}.cdx-button:enabled:active,.cdx-button.cdx-button--fake-button--enabled:active,.cdx-button:enabled.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-button:enabled:active,[dir] .cdx-button.cdx-button--fake-button--enabled:active,[dir] .cdx-button:enabled.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled:focus,.cdx-button.cdx-button--fake-button--enabled:focus{outline:1px solid transparent}[dir] .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-button:enabled.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-button:enabled.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover{border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{color:var(--color-progressive--active, #2a4b8d)}[dir] .cdx-button:enabled.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive-subtle, #eaf3ff);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-progressive--active, #2a4b8d)}}.cdx-button:enabled.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242)}[dir] .cdx-button:enabled.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover{border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{color:var(--color-destructive--active, #b32424)}[dir] .cdx-button:enabled.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive-subtle, #fee7e6);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-destructive--active, #b32424)}}[dir] .cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive{background-color:var(--background-color-progressive, #36c);border-color:var(--border-color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive{background-color:var(--background-color-destructive, #d73333);border-color:var(--border-color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive--hover, #ff4242);border-color:var(--border-color-destructive--hover, #ff4242)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted-fixed, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-button:enabled.cdx-button--weight-quiet:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{background-color:var(--background-color-button-quiet--hover, rgba(0, 24, 73, .027))}.cdx-button:enabled.cdx-button--weight-quiet:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-button:enabled.cdx-button--weight-quiet:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active{background-color:var(--background-color-button-quiet--active, rgba(0, 24, 73, .082));border-color:var(--border-color-interactive, #72777d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon{background-color:var(--color-emphasized, #000)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive{color:var(--color-progressive, #36c)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon{background-color:var(--color-progressive, #36c)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover{background-color:var(--background-color-progressive-subtle, #eaf3ff)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon{background-color:var(--color-progressive--hover, #447ff5)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive{color:var(--color-destructive, #d73333)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon{background-color:var(--color-destructive, #d73333)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{color:var(--color-destructive--hover, #ff4242)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover{background-color:var(--background-color-destructive-subtle, #fee7e6)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon{background-color:var(--color-destructive--hover, #ff4242)}}.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active{background-color:var(--background-color-destructive--active, #b32424);border-color:var(--border-color-destructive--active, #b32424)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon{background-color:var(--color-inverted, #fff)}}[dir] .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),[dir] .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active){border-color:var(--border-color-destructive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c)}.cdx-button:disabled,.cdx-button.cdx-button--fake-button--disabled{color:var(--color-inverted, #fff)}[dir] .cdx-button:disabled,[dir] .cdx-button.cdx-button--fake-button--disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:disabled .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon{background-color:var(--color-inverted, #fff)}}.cdx-button:disabled.cdx-button--weight-quiet,.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{color:var(--color-disabled, #72777d)}[dir] .cdx-button:disabled.cdx-button--weight-quiet,[dir] .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet{background-color:var(--background-color-transparent, transparent)}@supports ((-webkit-mask-image: none) or (mask-image: none)){[dir] .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,[dir] .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon{background-color:var(--color-disabled, #72777d)}} diff --git a/resources/lib/codex/modules/CdxButtonGroup-bidi.css b/resources/lib/codex/modules/CdxButtonGroup-bidi.css new file mode 100644 index 000000000000..3143491b9600 --- /dev/null +++ b/resources/lib/codex/modules/CdxButtonGroup-bidi.css @@ -0,0 +1 @@ +.cdx-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}[dir] .cdx-button-group{border-radius:2px;padding-top:1px}[dir=ltr] .cdx-button-group{padding-left:1px}[dir=rtl] .cdx-button-group{padding-right:1px}.cdx-button-group .cdx-button{position:relative;z-index:1}[dir] .cdx-button-group .cdx-button{margin-top:-1px;border-radius:0}[dir=ltr] .cdx-button-group .cdx-button{margin-left:-1px}[dir=rtl] .cdx-button-group .cdx-button{margin-right:-1px}.cdx-button-group .cdx-button:enabled:active,.cdx-button-group .cdx-button:enabled:focus{z-index:3}.cdx-button-group .cdx-button:disabled{z-index:0}[dir=ltr] .cdx-button-group .cdx-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-button-group .cdx-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)} diff --git a/resources/lib/codex/modules/CdxCard-bidi.css b/resources/lib/codex/modules/CdxCard-bidi.css new file mode 100644 index 000000000000..5f781da5cc59 --- /dev/null +++ b/resources/lib/codex/modules/CdxCard-bidi.css @@ -0,0 +1 @@ +.cdx-card{display:flex;align-items:flex-start;position:relative}[dir] .cdx-card{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;padding:12px}[dir] .cdx-card--is-link{transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-card--is-link,.cdx-card--is-link:hover,.cdx-card--is-link:focus{text-decoration:none}[dir] .cdx-card--is-link:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-card--is-link:focus{outline:1px solid transparent}[dir] .cdx-card--is-link:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-card--title-only{align-items:center}.cdx-card__text{display:flex;flex-direction:column;line-height:1.5714285;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-card__text__title{color:var(--color-base, #202122);font-weight:700;line-height:1.4285714}.cdx-card__text__description,.cdx-card__text__supporting-text,.cdx-card__text__description .cdx-icon,.cdx-card__text__supporting-text .cdx-icon{color:var(--color-subtle, #54595d)}[dir] .cdx-card__text__description{margin-top:4px}.cdx-card__text__supporting-text{font-size:.875rem}[dir] .cdx-card__text__supporting-text{margin-top:8px}[dir=ltr] .cdx-card__thumbnail.cdx-thumbnail{margin-right:12px}[dir=rtl] .cdx-card__thumbnail.cdx-thumbnail{margin-left:12px}.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image{width:3rem;height:3rem}.cdx-card .cdx-card__icon{color:inherit}[dir=ltr] .cdx-card .cdx-card__icon{margin-right:12px}[dir=rtl] .cdx-card .cdx-card__icon{margin-left:12px} diff --git a/resources/lib/codex/modules/CdxCheckbox-bidi.css b/resources/lib/codex/modules/CdxCheckbox-bidi.css new file mode 100644 index 000000000000..4880f4cbf9eb --- /dev/null +++ b/resources/lib/codex/modules/CdxCheckbox-bidi.css @@ -0,0 +1 @@ +.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox__wrapper{display:flex}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;flex-direction:column}[dir] .cdx-checkbox:not(.cdx-checkbox--inline){margin-bottom:12px}[dir] .cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;white-space:nowrap}[dir=ltr] .cdx-checkbox--inline{margin-right:16px}[dir=rtl] .cdx-checkbox--inline{margin-left:16px}[dir=ltr] .cdx-checkbox--inline:last-child{margin-right:0}[dir=rtl] .cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;line-height:1.4285714}[dir=ltr] .cdx-checkbox__label,[dir=ltr] .cdx-checkbox__label.cdx-label{padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-checkbox__label,[dir=rtl] .cdx-checkbox__label.cdx-label{padding-right:calc(1.25rem + 8px)}[dir] .cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{position:absolute;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-checkbox__icon{left:0}[dir=rtl] .cdx-checkbox__icon{right:0}.cdx-checkbox__input{opacity:0;position:absolute;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;font-size:inherit}[dir] .cdx-checkbox__input{margin:0;cursor:inherit}[dir=ltr] .cdx-checkbox__input{left:0}[dir=rtl] .cdx-checkbox__input{right:0}[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled,[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,[dir] .cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}[dir] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-top:6px}[dir=ltr] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline){padding-right:calc(1.25rem + 8px)}[dir] .cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";position:absolute;top:calc(50% - .5px);height:2px}[dir] .cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{background-color:var(--background-color-base-fixed, #fff);right:3px;left:3px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";position:absolute;width:100%;height:100%}[dir] .cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem}[dir] .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{outline:1px solid transparent}[dir] .cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,[dir] .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,[dir] .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}[dir] .cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxChipInput-bidi.css b/resources/lib/codex/modules/CdxChipInput-bidi.css new file mode 100644 index 000000000000..a523c8cae0a2 --- /dev/null +++ b/resources/lib/codex/modules/CdxChipInput-bidi.css @@ -0,0 +1 @@ +.cdx-input-chip{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;font-size:.875rem;line-height:1.5714285}[dir] .cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px}[dir=ltr] .cdx-input-chip{padding:0 0 0 8px}[dir=rtl] .cdx-input-chip{padding:0 8px 0 0}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{color:var(--color-inverted, #fff)}[dir] .cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;font-size:.75rem}[dir] .cdx-input-chip__button.cdx-button{border-radius:9999px;padding-right:2px;padding-left:2px}[dir=ltr] .cdx-input-chip__button.cdx-button{margin-right:1px}[dir=rtl] .cdx-input-chip__button.cdx-button{margin-left:1px}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;line-height:1.4285714}[dir] .cdx-chip-input__chips,[dir] .cdx-chip-input__separate-input{border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;font-family:inherit;font-size:inherit;line-height:1}[dir] .cdx-chip-input__input{border:0}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}[dir] .cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}[dir] .cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-chip-input__aria-status{margin:-1px;border:0;padding:0}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{outline:1px solid transparent}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-error, #b32424)}[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,[dir] .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-chip-input--disabled .cdx-chip-input__chips,[dir] .cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxChipInput-rtl.css b/resources/lib/codex/modules/CdxChipInput-rtl.css index d2ee6ade3425..ff3bd1ac30d9 100644 --- a/resources/lib/codex/modules/CdxChipInput-rtl.css +++ b/resources/lib/codex/modules/CdxChipInput-rtl.css @@ -1 +1 @@ -.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px 0 0;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-left:1px;border-radius:9999px;padding-left:2px;padding-right:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-right-radius:0;border-top-left-radius:0}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)} +.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px 0 0;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-left:1px;border-radius:9999px;padding-left:2px;padding-right:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-right-radius:0;border-top-left-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxChipInput.cjs b/resources/lib/codex/modules/CdxChipInput.cjs index bcb362f73e6a..a4f3527fb057 100644 --- a/resources/lib/codex/modules/CdxChipInput.cjs +++ b/resources/lib/codex/modules/CdxChipInput.cjs @@ -1 +1 @@ -"use strict";var w=(e,o,p)=>new Promise((v,d)=>{var c=u=>{try{n(p.next(u))}catch(a){d(a)}},i=u=>{try{n(p.throw(u))}catch(a){d(a)}},n=u=>u.done?v(u.value):Promise.resolve(u.value).then(c,i);n((p=p.apply(e,o)).next())});const t=require("vue"),T=require("./CdxButton.cjs"),g=require("./Icon.js"),z=require("./useI18n.cjs"),I=require("./_plugin-vue_export-helper.js"),y=require("./constants.js"),L=require("./useSplitAttributes.cjs"),O=require("./useFieldData.cjs"),M=require("./useComputedDirection.cjs"),U=t.defineComponent({name:"CdxInputChip",components:{CdxButton:T,CdxIcon:g.CdxIcon},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:o}){const p=t.ref(),v=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),d=z("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function c(i){var n;switch(i.key){case"Enter":o("click-chip"),i.preventDefault(),i.stopPropagation();break;case"Escape":(n=p.value)==null||n.blur(),i.preventDefault(),i.stopPropagation();break;case"Backspace":case"Delete":o("remove-chip",i.key),i.preventDefault(),i.stopPropagation();break;case"ArrowLeft":o("arrow-left"),i.preventDefault(),i.stopPropagation();break;case"ArrowRight":o("arrow-right"),i.preventDefault(),i.stopPropagation();break}}return{rootElement:p,rootClasses:v,ariaDescription:d,onKeydown:c,cdxIconClose:g.X3}},methods:{focus(){this.$refs.rootElement.focus()}}}),j=["aria-description"],H={class:"cdx-input-chip__text"};function X(e,o,p,v,d,c){const i=t.resolveComponent("cdx-icon"),n=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:o[1]||(o[1]=(...u)=>e.onKeydown&&e.onKeydown(...u)),onClick:o[2]||(o[2]=u=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(i,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",H,[t.renderSlot(e.$slots,"default")]),t.createVNode(n,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:o[0]||(o[0]=t.withModifiers(u=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(i,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,j)}const G=I._export_sfc(U,[["render",X]]),J=y.makeStringTypeValidator(y.ValidationStatusTypes),Q=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:G},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:J},disabled:{type:Boolean,default:!1}},emits:["update:input-chips"],setup(e,{emit:o,attrs:p}){const v=t.ref(),d=M(v),c=t.ref(),i=t.ref(""),n=t.ref("default"),u=t.computed(()=>n.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:a,computedStatus:B}=O(t.toRef(e,"disabled"),u),C=t.ref(!1),D=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(B.value)]:!0,"cdx-chip-input--focused":C.value,"cdx-chip-input--disabled":a.value})),{rootClasses:$,rootStyle:V,otherAttrs:E}=L(p,D),m=[];function F(s,r){s!==null&&(m[r]=s)}const h=()=>{c.value.focus()};function k(){e.inputChips.find(s=>s.value===i.value)?n.value="error":i.value.length>0&&(o("update:input-chips",e.inputChips.concat({value:i.value})),i.value="")}function b(s){o("update:input-chips",e.inputChips.filter(r=>r.value!==s.value))}function A(s,r){const f=d.value==="ltr"&&s==="left"||d.value==="rtl"&&s==="right"?-1:1,l=r+f;if(!(l<0)){if(l>=e.inputChips.length){h();return}m[l].focus()}}function S(s){return w(this,null,function*(){k(),yield t.nextTick(),b(s),i.value=s.value,h()})}function R(s,r,f){if(f==="button")h();else if(f==="Backspace"){const l=r===0?1:r-1;l<e.inputChips.length?m[l].focus():h()}else if(f==="Delete"){const l=r+1;l<e.inputChips.length?m[l].focus():h()}b(s)}function q(s){var f,l;const r=d.value==="rtl"?"ArrowRight":"ArrowLeft";switch(s.key){case"Enter":if(i.value.length>0){k(),s.preventDefault(),s.stopPropagation();return}break;case"Escape":(f=c.value)==null||f.blur(),s.preventDefault(),s.stopPropagation();return;case"Backspace":case r:if(((l=c.value)==null?void 0:l.selectionStart)===0&&c.value.selectionEnd===0&&e.inputChips.length>0){m[e.inputChips.length-1].focus(),s.preventDefault(),s.stopPropagation();return}break}}function K(){C.value=!0}function P(){C.value=!1}function N(s){var r;(r=v.value)!=null&&r.contains(s.relatedTarget)||k()}return t.watch(t.toRef(e,"inputChips"),s=>{const r=s.find(f=>f.value===i.value);n.value=r?"error":"default"}),t.watch(i,()=>{n.value==="error"&&(n.value="default")}),{rootElement:v,input:c,inputValue:i,rootClasses:$,rootStyle:V,otherAttrs:E,assignChipTemplateRef:F,handleChipClick:S,handleChipRemove:R,moveChipFocus:A,onInputKeydown:q,focusInput:h,onInputFocus:K,onInputBlur:P,onFocusOut:N,computedDisabled:a}}}),W={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},Y=["disabled"],Z={key:0,class:"cdx-chip-input__separate-input"},x=["disabled"];function _(e,o,p,v,d,c){const i=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:o[8]||(o[8]=(...n)=>e.focusInput&&e.focusInput(...n)),onFocusout:o[9]||(o[9]=(...n)=>e.onFocusOut&&e.onFocusOut(...n))},[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(n,u)=>(t.openBlock(),t.createBlock(i,{key:n.value,ref_for:!0,ref:a=>e.assignChipTemplateRef(a,u),class:"cdx-chip-input__item",icon:n.icon,disabled:e.computedDisabled,onClickChip:a=>e.handleChipClick(n),onRemoveChip:a=>e.handleChipRemove(n,u,a),onArrowLeft:a=>e.moveChipFocus("left",u),onArrowRight:a=>e.moveChipFocus("right",u)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(n.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":o[0]||(o[0]=n=>e.inputValue=n),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:o[1]||(o[1]=(...n)=>e.onInputBlur&&e.onInputBlur(...n)),onFocus:o[2]||(o[2]=(...n)=>e.onInputFocus&&e.onInputFocus(...n)),onKeydown:o[3]||(o[3]=(...n)=>e.onInputKeydown&&e.onInputKeydown(...n))}),null,16,Y)),[[t.vModelDynamic,e.inputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",Z,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":o[4]||(o[4]=n=>e.inputValue=n),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:o[5]||(o[5]=(...n)=>e.onInputBlur&&e.onInputBlur(...n)),onFocus:o[6]||(o[6]=(...n)=>e.onInputFocus&&e.onInputFocus(...n)),onKeydown:o[7]||(o[7]=(...n)=>e.onInputKeydown&&e.onInputKeydown(...n))}),null,16,x),[[t.vModelDynamic,e.inputValue]])])):t.createCommentVNode("v-if",!0)],38)}const ee=I._export_sfc(Q,[["render",_]]);module.exports=ee; +"use strict";var y=(e,n,p)=>new Promise((f,c)=>{var v=u=>{try{o(p.next(u))}catch(a){c(a)}},s=u=>{try{o(p.throw(u))}catch(a){c(a)}},o=u=>u.done?f(u.value):Promise.resolve(u.value).then(v,s);o((p=p.apply(e,n)).next())});const t=require("vue"),j=require("./CdxButton.cjs"),B=require("./Icon.js"),I=require("./useI18n.cjs"),V=require("./_plugin-vue_export-helper.js"),D=require("./constants.js"),H=require("./useSplitAttributes.cjs"),X=require("./useFieldData.cjs"),x=require("./useComputedDirection.cjs"),G=require("./useOptionalModelWrapper.js"),J=t.defineComponent({name:"CdxInputChip",components:{CdxButton:j,CdxIcon:B.CdxIcon},props:{icon:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1}},expose:["focus"],emits:["remove-chip","click-chip","arrow-left","arrow-right"],setup(e,{emit:n}){const p=t.ref(),f=t.computed(()=>({"cdx-input-chip--disabled":e.disabled})),c=I("cdx-input-chip-aria-description","Press Enter to edit or Delete to remove");function v(s){var o;switch(s.key){case"Enter":n("click-chip"),s.preventDefault(),s.stopPropagation();break;case"Escape":(o=p.value)==null||o.blur(),s.preventDefault(),s.stopPropagation();break;case"Backspace":case"Delete":n("remove-chip",s.key),s.preventDefault(),s.stopPropagation();break;case"ArrowLeft":n("arrow-left"),s.preventDefault(),s.stopPropagation();break;case"ArrowRight":n("arrow-right"),s.preventDefault(),s.stopPropagation();break}}return{rootElement:p,rootClasses:f,ariaDescription:c,onKeydown:v,cdxIconClose:B.X3}},methods:{focus(){this.$refs.rootElement.focus()}}}),Q=["aria-description"],Y={class:"cdx-input-chip__text"};function Z(e,n,p,f,c,v){const s=t.resolveComponent("cdx-icon"),o=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-input-chip",e.rootClasses]),tabindex:"0",role:"option","aria-description":e.ariaDescription,onKeydown:n[1]||(n[1]=(...u)=>e.onKeydown&&e.onKeydown(...u)),onClick:n[2]||(n[2]=u=>e.$emit("click-chip"))},[e.icon?(t.openBlock(),t.createBlock(s,{key:0,icon:e.icon,size:"small"},null,8,["icon"])):t.createCommentVNode("v-if",!0),t.createElementVNode("span",Y,[t.renderSlot(e.$slots,"default")]),t.createVNode(o,{class:"cdx-input-chip__button",weight:"quiet",tabindex:"-1","aria-hidden":"true",disabled:e.disabled,onClick:n[0]||(n[0]=t.withModifiers(u=>e.$emit("remove-chip","button"),["stop"]))},{default:t.withCtx(()=>[t.createVNode(s,{icon:e.cdxIconClose,size:"x-small"},null,8,["icon"])]),_:1},8,["disabled"])],42,Q)}const _=V._export_sfc(J,[["render",Z]]),ee=D.makeStringTypeValidator(D.ValidationStatusTypes),te=t.defineComponent({name:"CdxChipInput",components:{CdxInputChip:_},inheritAttrs:!1,props:{inputChips:{type:Array,required:!0},inputValue:{type:String,default:null},separateInput:{type:Boolean,default:!1},status:{type:String,default:"default",validator:ee},chipValidator:{type:Function,default:e=>!0},disabled:{type:Boolean,default:!1}},emits:["update:input-chips","update:input-value"],setup(e,{emit:n,attrs:p}){const f=t.ref(),c=t.ref(""),v=x(f),s=t.ref(),o=t.ref(""),u=G.useOptionalModelWrapper(o,t.toRef(e,"inputValue"),n,"update:input-value"),a=t.ref("default"),$=t.computed(()=>a.value==="error"||e.status==="error"?"error":"default"),{computedDisabled:w,computedStatus:E}=X(t.toRef(e,"disabled"),$),C=t.ref(!1),F=t.computed(()=>({"cdx-chip-input--has-separate-input":e.separateInput,["cdx-chip-input--status-".concat(E.value)]:!0,"cdx-chip-input--focused":C.value,"cdx-chip-input--disabled":w.value})),{rootClasses:A,rootStyle:R,otherAttrs:S}=H(p,F),m=[],g=t.ref(null),q=t.computed(()=>g.value?g.value.value:""),K=I("cdx-chip-input-chip-added",i=>"Chip ".concat(i," was added."),[u]),P=I("cdx-chip-input-chip-removed",i=>"Chip ".concat(i," was removed."),[q]);function N(i,r){i!==null&&(m[r]=i)}const h=()=>{s.value.focus()};function k(){e.inputChips.find(i=>i.value===u.value)||!e.chipValidator(u.value)?a.value="error":u.value.length>0&&(c.value=K.value,n("update:input-chips",e.inputChips.concat({value:u.value})),u.value="")}function b(i){n("update:input-chips",e.inputChips.filter(r=>r.value!==i.value))}function M(i,r){const d=v.value==="ltr"&&i==="left"||v.value==="rtl"&&i==="right"?-1:1,l=r+d;if(!(l<0)){if(l>=e.inputChips.length){h();return}m[l].focus()}}function T(i){return y(this,null,function*(){k(),yield t.nextTick(),b(i),u.value=i.value,h()})}function z(i,r,d){if(g.value=i,c.value=P.value,d==="button")h();else if(d==="Backspace"){const l=r===0?1:r-1;l<e.inputChips.length?m[l].focus():h()}else if(d==="Delete"){const l=r+1;l<e.inputChips.length?m[l].focus():h()}b(i)}function O(i){var d,l;const r=v.value==="rtl"?"ArrowRight":"ArrowLeft";switch(i.key){case"Enter":if(u.value.length>0){k(),i.preventDefault(),i.stopPropagation();return}break;case"Escape":(d=s.value)==null||d.blur(),i.preventDefault(),i.stopPropagation();return;case"Backspace":case r:if(((l=s.value)==null?void 0:l.selectionStart)===0&&s.value.selectionEnd===0&&e.inputChips.length>0){m[e.inputChips.length-1].focus(),i.preventDefault(),i.stopPropagation();return}break}}function L(){C.value=!0}function U(){C.value=!1}function W(i){var r;(r=f.value)!=null&&r.contains(i.relatedTarget)||k()}return t.watch(t.toRef(e,"inputChips"),i=>{const r=i.find(d=>d.value===u.value);a.value=r?"error":"default"}),t.watch(u,()=>{a.value==="error"&&(a.value="default")}),{rootElement:f,input:s,computedInputValue:u,rootClasses:A,rootStyle:R,otherAttrs:S,assignChipTemplateRef:N,handleChipClick:T,handleChipRemove:z,moveChipFocus:M,onInputKeydown:O,focusInput:h,onInputFocus:L,onInputBlur:U,onFocusOut:W,computedDisabled:w,statusMessageContent:c}}}),ne={class:"cdx-chip-input__chips",role:"listbox","aria-orientation":"horizontal"},oe=["disabled"],ie={key:0,class:"cdx-chip-input__separate-input"},ue=["disabled"],se={class:"cdx-chip-input__aria-status",role:"status","aria-live":"polite"};function ae(e,n,p,f,c,v){const s=t.resolveComponent("cdx-input-chip");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-chip-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle),onClick:n[8]||(n[8]=(...o)=>e.focusInput&&e.focusInput(...o)),onFocusout:n[9]||(n[9]=(...o)=>e.onFocusOut&&e.onFocusOut(...o))},[t.createElementVNode("div",ne,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.inputChips,(o,u)=>(t.openBlock(),t.createBlock(s,{key:o.value,ref_for:!0,ref:a=>e.assignChipTemplateRef(a,u),class:"cdx-chip-input__item",icon:o.icon,disabled:e.computedDisabled,onClickChip:a=>e.handleChipClick(o),onRemoveChip:a=>e.handleChipRemove(o,u,a),onArrowLeft:a=>e.moveChipFocus("left",u),onArrowRight:a=>e.moveChipFocus("right",u)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.value),1)]),_:2},1032,["icon","disabled","onClickChip","onRemoveChip","onArrowLeft","onArrowRight"]))),128)),e.separateInput?t.createCommentVNode("v-if",!0):t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input","onUpdate:modelValue":n[0]||(n[0]=o=>e.computedInputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[1]||(n[1]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[2]||(n[2]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[3]||(n[3]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,oe)),[[t.vModelDynamic,e.computedInputValue]])]),e.separateInput?(t.openBlock(),t.createElementBlock("div",ie,[t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"input","onUpdate:modelValue":n[4]||(n[4]=o=>e.computedInputValue=o),class:"cdx-chip-input__input",disabled:e.computedDisabled},e.otherAttrs,{onBlur:n[5]||(n[5]=(...o)=>e.onInputBlur&&e.onInputBlur(...o)),onFocus:n[6]||(n[6]=(...o)=>e.onInputFocus&&e.onInputFocus(...o)),onKeydown:n[7]||(n[7]=(...o)=>e.onInputKeydown&&e.onInputKeydown(...o))}),null,16,ue),[[t.vModelDynamic,e.computedInputValue]])])):t.createCommentVNode("v-if",!0),t.createElementVNode("div",se,t.toDisplayString(e.statusMessageContent),1)],38)}const re=V._export_sfc(te,[["render",ae]]);module.exports=re; diff --git a/resources/lib/codex/modules/CdxChipInput.css b/resources/lib/codex/modules/CdxChipInput.css index 8ded6aa0ee55..2ea10e21d4e1 100644 --- a/resources/lib/codex/modules/CdxChipInput.css +++ b/resources/lib/codex/modules/CdxChipInput.css @@ -1 +1 @@ -.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 0 0 8px;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-right:1px;border-radius:9999px;padding-right:2px;padding-left:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)} +.cdx-input-chip{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 0 0 8px;font-size:.875rem;line-height:1.5714285}.cdx-input-chip:not(.cdx-input-chip--disabled){transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-input-chip:not(.cdx-input-chip--disabled):hover{background-color:var(--background-color-base, #fff);cursor:pointer}.cdx-input-chip:not(.cdx-input-chip--disabled):focus{outline:1px solid transparent}.cdx-input-chip:not(.cdx-input-chip--disabled):active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d)}.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active){border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-input-chip--disabled{background-color:var(--background-color-disabled, #c8ccd1);color:var(--color-inverted, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-input-chip--disabled .cdx-icon{color:var(--color-inverted, #fff)}.cdx-input-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-input-chip__button.cdx-button{min-width:20px;min-height:20px;margin-right:1px;border-radius:9999px;padding-right:2px;padding-left:2px;font-size:.75rem}.cdx-chip-input__chips,.cdx-chip-input__separate-input{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding:3px 8px;line-height:1.4285714}.cdx-chip-input__chips{display:flex;flex:1 auto;flex-flow:wrap;gap:8px}.cdx-chip-input__input{color:var(--color-base, #202122);flex-grow:inherit;border:0;font-family:inherit;font-size:inherit;line-height:1}.cdx-chip-input__input:focus{outline:1px solid transparent}.cdx-chip-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-chip-input--has-separate-input .cdx-chip-input__chips{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-top-left-radius:0;border-top-right-radius:0}.cdx-chip-input__aria-status{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips{background-color:var(--background-color-base, #fff)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input{color:var(--color-error, #d73333);border-color:var(--border-color-error, #b32424)}.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover{border-color:var(--border-color-error--hover, #ff4242)}.cdx-chip-input--disabled .cdx-chip-input__chips,.cdx-chip-input--disabled .cdx-chip-input__separate-input{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxCombobox-bidi.css b/resources/lib/codex/modules/CdxCombobox-bidi.css new file mode 100644 index 000000000000..c74af587f6cb --- /dev/null +++ b/resources/lib/codex/modules/CdxCombobox-bidi.css @@ -0,0 +1 @@ +.cdx-combobox{display:inline-block;position:relative}.cdx-combobox__input-wrapper{display:flex}.cdx-combobox__input.cdx-text-input{flex:1 1 auto;min-width:224px}[dir=ltr] .cdx-combobox__input.cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cdx-combobox__input.cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}[dir=ltr] .cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-right-width:0}[dir=rtl] .cdx-combobox__input.cdx-text-input .cdx-text-input__input{border-left-width:0}.cdx-combobox__expand-button.cdx-button{position:relative}[dir=ltr] .cdx-combobox__expand-button.cdx-button{border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .cdx-combobox__expand-button.cdx-button{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-combobox__expand-icon.cdx-icon{position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem}[dir] .cdx-combobox__expand-icon.cdx-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-combobox__expand-icon.cdx-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .cdx-combobox__expand-icon.cdx-icon{right:50%;transform:translate(50%,-50%)}[dir=ltr] .cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-right-radius:0}[dir=rtl] .cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button{border-bottom-left-radius:0}.cdx-dialog .cdx-combobox{position:static} diff --git a/resources/lib/codex/modules/CdxCombobox.cjs b/resources/lib/codex/modules/CdxCombobox.cjs index 79747173e7b4..68268a41155a 100644 --- a/resources/lib/codex/modules/CdxCombobox.cjs +++ b/resources/lib/codex/modules/CdxCombobox.cjs @@ -1 +1 @@ -"use strict";const o=require("vue"),x=require("./Icon.js"),$=require("./CdxButton.cjs"),k=require("./CdxMenu.cjs"),M=require("./CdxTextInput.cjs"),W=require("./useModelWrapper.cjs"),N=require("./useGeneratedId.cjs"),F=require("./useSplitAttributes.cjs"),A=require("./useFieldData.cjs"),K=require("./useFloatingMenu.cjs"),v=require("./constants.js"),D=require("./_plugin-vue_export-helper.js"),E=v.makeStringTypeValidator(v.ValidationStatusTypes),P=o.defineComponent({name:"CdxCombobox",components:{CdxButton:$,CdxIcon:x.CdxIcon,CdxMenu:k,CdxTextInput:M},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:E}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:t,attrs:c,slots:m}){const r=o.ref(),f=o.ref(),u=o.ref(),l=N("combobox"),i=o.toRef(e,"selected"),p=W(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var d,b;return(b=(d=u.value)==null?void 0:d.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:s}=A(o.toRef(e,"disabled")),g=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":s.value})),{rootClasses:I,rootStyle:y,otherAttrs:q}=F(c,g);function w(d){a.value&&n.value?n.value=!1:(e.menuItems.length>0||m["no-results"])&&(n.value=!0),t("focus",d)}function B(d){n.value=a.value&&n.value,t("blur",d)}function V(){s.value||(a.value=!0)}function h(){var d;s.value||(d=r.value)==null||d.focus()}function S(d){!u.value||s.value||e.menuItems.length===0||d.key===" "||u.value.delegateKeyNavigation(d)}return K(r,u),o.watch(n,()=>{a.value=!1}),{input:r,inputWrapper:f,menu:u,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:s,onInputFocus:w,onInputBlur:B,onKeydown:S,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.m4,rootClasses:I,rootStyle:y,otherAttrs:q}}}),T={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function U(e,t,c,m,r,f){const u=o.resolveComponent("cdx-text-input"),l=o.resolveComponent("cdx-icon"),i=o.resolveComponent("cdx-button"),p=o.resolveComponent("cdx-menu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["cdx-combobox",e.rootClasses]),style:o.normalizeStyle(e.rootStyle)},[o.createElementVNode("div",T,[o.createVNode(u,o.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":t[0]||(t[0]=n=>e.modelWrapper=n)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.status,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:t[1]||(t[1]=n=>e.$emit("input",n)),onChange:t[2]||(t[2]=n=>e.$emit("change",n)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),o.createVNode(i,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:o.withCtx(()=>[o.createVNode(l,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),o.createVNode(p,o.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[3]||(t[3]=n=>e.modelWrapper=n),expanded:e.expanded,"onUpdate:expanded":t[4]||(t[4]=n=>e.expanded=n),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:t[5]||(t[5]=n=>e.$emit("load-more"))}),{default:o.withCtx(({menuItem:n})=>[o.renderSlot(e.$slots,"menu-item",{menuItem:n})]),"no-results":o.withCtx(()=>[o.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const z=D._export_sfc(P,[["render",U]]);module.exports=z; +"use strict";const o=require("vue"),x=require("./Icon.js"),k=require("./CdxButton.cjs"),M=require("./CdxMenu.cjs"),W=require("./CdxTextInput.cjs"),N=require("./useModelWrapper.cjs"),F=require("./useGeneratedId.cjs"),A=require("./useSplitAttributes.cjs"),K=require("./useFieldData.cjs"),D=require("./useFloatingMenu.cjs"),v=require("./constants.js"),E=require("./_plugin-vue_export-helper.js"),P=v.makeStringTypeValidator(v.ValidationStatusTypes),R=o.defineComponent({name:"CdxCombobox",components:{CdxButton:k,CdxIcon:x.CdxIcon,CdxMenu:M,CdxTextInput:W},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:P}},emits:["update:selected","load-more","input","change","focus","blur"],setup(e,{emit:t,attrs:c,slots:m}){const r=o.ref(),f=o.ref(),d=o.ref(),l=F("combobox"),i=o.toRef(e,"selected"),p=N(i,t,"update:selected"),n=o.ref(!1),a=o.ref(!1),C=o.computed(()=>{var u,b;return(b=(u=d.value)==null?void 0:u.getHighlightedMenuItem())==null?void 0:b.id}),{computedDisabled:s,computedStatus:g}=K(o.toRef(e,"disabled"),o.toRef(e,"status")),I=o.computed(()=>({"cdx-combobox--expanded":n.value,"cdx-combobox--disabled":s.value})),{rootClasses:y,rootStyle:q,otherAttrs:w}=A(c,I);function B(u){a.value&&n.value?n.value=!1:(e.menuItems.length>0||m["no-results"])&&(n.value=!0),t("focus",u)}function S(u){n.value=a.value&&n.value,t("blur",u)}function V(){s.value||(a.value=!0)}function h(){var u;s.value||(u=r.value)==null||u.focus()}function $(u){!d.value||s.value||e.menuItems.length===0||u.key===" "||d.value.delegateKeyNavigation(u)}return D(r,d),o.watch(n,()=>{a.value=!1}),{input:r,inputWrapper:f,menu:d,menuId:l,modelWrapper:p,expanded:n,highlightedId:C,computedDisabled:s,computedStatus:g,onInputFocus:B,onInputBlur:S,onKeydown:$,onButtonClick:h,onButtonMousedown:V,cdxIconExpand:x.m4,rootClasses:y,rootStyle:q,otherAttrs:w}}}),T={ref:"inputWrapper",class:"cdx-combobox__input-wrapper"};function U(e,t,c,m,r,f){const d=o.resolveComponent("cdx-text-input"),l=o.resolveComponent("cdx-icon"),i=o.resolveComponent("cdx-button"),p=o.resolveComponent("cdx-menu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["cdx-combobox",e.rootClasses]),style:o.normalizeStyle(e.rootStyle)},[o.createElementVNode("div",T,[o.createVNode(d,o.mergeProps({ref:"input",modelValue:e.modelWrapper,"onUpdate:modelValue":t[0]||(t[0]=n=>e.modelWrapper=n)},e.otherAttrs,{class:"cdx-combobox__input","aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-controls":e.menuId,disabled:e.computedDisabled,status:e.computedStatus,autocomplete:"off",role:"combobox",onKeydown:e.onKeydown,onInput:t[1]||(t[1]=n=>e.$emit("input",n)),onChange:t[2]||(t[2]=n=>e.$emit("change",n)),onFocus:e.onInputFocus,onBlur:e.onInputBlur}),null,16,["modelValue","aria-activedescendant","aria-expanded","aria-controls","disabled","status","onKeydown","onFocus","onBlur"]),o.createVNode(i,{class:"cdx-combobox__expand-button","aria-hidden":"true",disabled:e.computedDisabled,tabindex:"-1",type:"button",onMousedown:e.onButtonMousedown,onClick:e.onButtonClick},{default:o.withCtx(()=>[o.createVNode(l,{class:"cdx-combobox__expand-icon",icon:e.cdxIconExpand},null,8,["icon"])]),_:1},8,["disabled","onMousedown","onClick"])],512),o.createVNode(p,o.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[3]||(t[3]=n=>e.modelWrapper=n),expanded:e.expanded,"onUpdate:expanded":t[4]||(t[4]=n=>e.expanded=n),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:t[5]||(t[5]=n=>e.$emit("load-more"))}),{default:o.withCtx(({menuItem:n})=>[o.renderSlot(e.$slots,"menu-item",{menuItem:n})]),"no-results":o.withCtx(()=>[o.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const z=E._export_sfc(R,[["render",U]]);module.exports=z; diff --git a/resources/lib/codex/modules/CdxDialog-bidi.css b/resources/lib/codex/modules/CdxDialog-bidi.css new file mode 100644 index 000000000000..c3ff086a4b82 --- /dev/null +++ b/resources/lib/codex/modules/CdxDialog-bidi.css @@ -0,0 +1 @@ +.cdx-dialog-backdrop{display:flex;align-items:center;justify-content:center;position:fixed;top:0;z-index:400;min-height:100%;width:100vw;height:100vh;height:-webkit-fill-available}[dir] .cdx-dialog-backdrop{background-color:var(--background-color-backdrop-light, rgba(255, 255, 255, .65))}[dir=ltr] .cdx-dialog-backdrop{left:0}[dir=rtl] .cdx-dialog-backdrop{right:0}.cdx-dialog{display:flex;flex-direction:column;box-sizing:border-box;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2.5rem)}[dir] .cdx-dialog{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}[dir] .cdx-dialog__header{padding:16px 24px}.cdx-dialog__header--default{display:flex;align-items:baseline;justify-content:flex-end;box-sizing:border-box;width:100%}.cdx-dialog__header__title-group{display:flex;flex-grow:1;flex-direction:column;gap:6px}.cdx-dialog__header .cdx-dialog__header__title{font-family:inherit;font-size:1.125rem;font-weight:700;line-height:1.25}[dir] .cdx-dialog__header .cdx-dialog__header__title{margin:0;border:0;padding:0}.cdx-dialog__header .cdx-dialog__header__subtitle{color:var(--color-subtle, #54595d);font-size:1rem;line-height:1.375}[dir] .cdx-dialog__header .cdx-dialog__header__subtitle{margin:0;padding:0}[dir=ltr] .cdx-dialog__header__close-button.cdx-button{margin-right:-8px}[dir=rtl] .cdx-dialog__header__close-button.cdx-button{margin-left:-8px}[dir] .cdx-dialog--dividers .cdx-dialog__header{border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog__body{flex-grow:1;overflow-y:auto}[dir] .cdx-dialog__body{padding:16px 24px}[dir] .cdx-dialog__body--no-header{padding-top:24px}[dir] .cdx-dialog__body--no-footer{padding-bottom:24px}[dir] .cdx-dialog__body>*:first-child{margin-top:0;padding-top:0}[dir] .cdx-dialog__body>*:last-child{margin-bottom:0;padding-bottom:0}[dir] .cdx-dialog__footer{padding:16px 24px 24px}.cdx-dialog__footer--default{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px}.cdx-dialog__footer .cdx-dialog__footer__text{color:var(--color-subtle, #54595d);flex:1 0 auto;width:100%;font-size:.875rem;line-height:1.5714285}[dir] .cdx-dialog__footer .cdx-dialog__footer__text{margin:0}.cdx-dialog__footer__actions{display:flex;flex-grow:1;gap:12px}[dir] .cdx-dialog--dividers .cdx-dialog__footer{border-top:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions{flex-direction:row-reverse}.cdx-dialog--vertical-actions .cdx-dialog__footer__actions{flex-direction:column;width:100%}.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button{max-width:none}.cdx-dialog-focus-trap{position:absolute}.cdx-dialog-focus-trap:focus{outline:0}[dir] .cdx-dialog-fade-enter-active,[dir] .cdx-dialog-fade-leave-active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-dialog-fade-enter-from,.cdx-dialog-fade-leave-to{opacity:0}body.cdx-dialog-open{overflow:hidden} diff --git a/resources/lib/codex/modules/CdxField-bidi.css b/resources/lib/codex/modules/CdxField-bidi.css new file mode 100644 index 000000000000..1110718ad1ea --- /dev/null +++ b/resources/lib/codex/modules/CdxField-bidi.css @@ -0,0 +1 @@ +[dir] .cdx-field{margin:16px 0 0;border:0;padding:0}[dir] .cdx-field:first-child{margin-top:0}.cdx-field__help-text{line-height:1.375}[dir] .cdx-field__help-text,[dir] .cdx-field__validation-message{margin-top:8px}@media screen and (min-width: 640px){[dir] .cdx-field__help-text,[dir] .cdx-field__validation-message{margin-top:4px}}.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text{color:var(--color-subtle, #54595d)}.cdx-field--disabled .cdx-field__help-text{color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxInfoChip-bidi.css b/resources/lib/codex/modules/CdxInfoChip-bidi.css new file mode 100644 index 000000000000..f13217060774 --- /dev/null +++ b/resources/lib/codex/modules/CdxInfoChip-bidi.css @@ -0,0 +1 @@ +.cdx-info-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:32rem;line-height:1.5714285}[dir] .cdx-info-chip{background-color:var(--background-color-transparent, transparent);border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:9999px;padding:0 8px}.cdx-info-chip--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-subtle, #54595d);font-size:.875rem}.cdx-info-chip__icon--notice.cdx-icon{color:var(--color-notice, #202122)}.cdx-info-chip__icon--error.cdx-icon{color:var(--color-error, #d73333)}.cdx-info-chip__icon--warning.cdx-icon{color:var(--color-warning, #edab00)}.cdx-info-chip__icon--success.cdx-icon{color:var(--color-success, #14866d)}.cdx-info-chip .cdx-icon{min-width:16px;min-height:16px;width:1rem;height:1rem} diff --git a/resources/lib/codex/modules/CdxLabel-bidi.css b/resources/lib/codex/modules/CdxLabel-bidi.css new file mode 100644 index 000000000000..72b1c72dc6e7 --- /dev/null +++ b/resources/lib/codex/modules/CdxLabel-bidi.css @@ -0,0 +1 @@ +.cdx-label{display:flex;flex-direction:column;line-height:1.375}[dir=ltr] .cdx-label__label__icon.cdx-icon{margin-right:4px}[dir=rtl] .cdx-label__label__icon.cdx-icon{margin-left:4px}.cdx-label__label__text{font-weight:700}[dir] legend.cdx-label{padding:0}fieldset label.cdx-label__label .cdx-label__label__text{font-weight:400}.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,.cdx-label:not(.cdx-label--disabled) .cdx-label__description{color:var(--color-subtle, #54595d)}.cdx-label--disabled,.cdx-label--disabled .cdx-label__label__icon{color:var(--color-disabled, #72777d)}.cdx-label--visually-hidden{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-label--visually-hidden{margin:-1px;border:0;padding:0}[dir] .cdx-label:not(.cdx-label--visually-hidden){padding-bottom:8px}@media screen and (min-width: 640px){[dir] .cdx-label:not(.cdx-label--visually-hidden){padding-bottom:4px}} diff --git a/resources/lib/codex/modules/CdxLookup-bidi.css b/resources/lib/codex/modules/CdxLookup-bidi.css new file mode 100644 index 000000000000..fde085bbc071 --- /dev/null +++ b/resources/lib/codex/modules/CdxLookup-bidi.css @@ -0,0 +1 @@ +.cdx-lookup{position:relative;box-sizing:border-box;vertical-align:middle}[dir] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-color:var(--background-color-interactive, #eaecf0);background-size:1.25rem 1.25rem;animation-duration:.65s;animation-timing-function:linear;animation-iteration-count:infinite}[dir=ltr] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-image:linear-gradient(135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));animation-name:cdx-animation-pending-stripes-ltr}[dir=rtl] .cdx-lookup--pending .cdx-text-input .cdx-text-input__input{background-image:linear-gradient(-135deg,var(--background-color-base, #fff) 25%,var(--background-color-transparent, transparent) 25%,var(--background-color-transparent, transparent) 50%,var(--background-color-base, #fff) 50%,var(--background-color-base, #fff) 75%,var(--background-color-transparent, transparent) 75%,var(--background-color-transparent, transparent));animation-name:cdx-animation-pending-stripes-rtl}@keyframes cdx-animation-pending-stripes-ltr{0%{background-position:-1.25rem 0}to{background-position:0 0}}@keyframes cdx-animation-pending-stripes-rtl{0%{background-position:right -1.25rem top 0}to{background-position:100% 0}}.cdx-dialog .cdx-lookup{position:static} diff --git a/resources/lib/codex/modules/CdxLookup.cjs b/resources/lib/codex/modules/CdxLookup.cjs index 45cbf11bd4e7..de073c336521 100644 --- a/resources/lib/codex/modules/CdxLookup.cjs +++ b/resources/lib/codex/modules/CdxLookup.cjs @@ -1 +1 @@ -"use strict";const t=require("vue"),A=require("./CdxMenu.cjs"),F=require("./CdxTextInput.cjs"),K=require("./useGeneratedId.cjs"),N=require("./useModelWrapper.cjs"),w=require("./useSplitAttributes.cjs"),W=require("./useFieldData.cjs"),D=require("./useFloatingMenu.cjs"),C=require("./constants.js"),E=require("./_plugin-vue_export-helper.js"),L=C.makeStringTypeValidator(C.ValidationStatusTypes),P=t.defineComponent({name:"CdxLookup",components:{CdxMenu:A,CdxTextInput:F},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},initialInputValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},status:{type:String,default:"default",validator:L}},emits:["update:selected","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:g,slots:i})=>{const I=t.ref(),p=t.ref(),l=t.ref(),m=K("lookup-menu"),o=t.ref(!1),s=t.ref(!1),c=t.ref(!1),y=t.ref(e.menuItems),{computedDisabled:f}=W(t.toRef(e,"disabled")),h=t.toRef(e,"selected"),b=N(h,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),V=t.computed(()=>{var n,a;return(a=(n=l.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:a.id}),d=t.ref(e.initialInputValue),q=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":o.value})),{rootClasses:k,rootStyle:S,otherAttrs:M}=w(g,q);function $(n){r.value&&r.value.label!==n&&r.value.value!==n&&(b.value=null),n===""&&y.value.length===0?(s.value=!1,o.value=!1):o.value=!0,u("input",n)}function x(n){c.value=!0;const a=d.value!==null&&d.value!=="";!!(e.menuItems.length>0||i["no-results"])&&(a||y.value.length>0)&&(s.value=!0),u("focus",n)}function B(n){c.value=!1,s.value=!1,u("blur",n)}function U(n){!l.value||f.value||e.menuItems.length===0&&!i["no-results"]||n.key===" "||l.value.delegateKeyNavigation(n)}return D(p,l),t.watch(h,n=>{var a;if(n!==null){const v=r.value?(a=r.value.label)!=null?a:r.value.value:"";d.value!==v&&(d.value=v,u("input",d.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&o.value&&(n.length>0||i["no-results"])&&(s.value=!0),n.length===0&&!i["no-results"]&&(s.value=!1),o.value=!1}),{rootElement:I,textInput:p,menu:l,menuId:m,highlightedId:V,inputValue:d,modelWrapper:b,expanded:s,computedDisabled:f,onInputBlur:B,rootClasses:k,rootStyle:S,otherAttrs:M,onUpdateInput:$,onInputFocus:x,onKeydown:U}}});function R(e,u,g,i,I,p){const l=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(l,t.mergeProps({ref:"textInput",modelValue:e.inputValue,"onUpdate:modelValue":u[0]||(u[0]=o=>e.inputValue=o)},e.otherAttrs,{class:"cdx-lookup__input",role:"combobox",autocomplete:"off","aria-autocomplete":"list","aria-controls":e.menuId,"aria-expanded":e.expanded,"aria-activedescendant":e.highlightedId,disabled:e.computedDisabled,status:e.status,"onUpdate:modelValue":e.onUpdateInput,onChange:u[1]||(u[1]=o=>e.$emit("change",o)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=o=>e.modelWrapper=o),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=o=>e.expanded=o),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=o=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:o})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:o})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const T=E._export_sfc(P,[["render",R]]);module.exports=T; +"use strict";const t=require("vue"),N=require("./CdxMenu.cjs"),W=require("./CdxTextInput.cjs"),K=require("./useGeneratedId.cjs"),R=require("./useModelWrapper.cjs"),w=require("./useOptionalModelWrapper.js"),L=require("./useSplitAttributes.cjs"),D=require("./useFieldData.cjs"),E=require("./useFloatingMenu.cjs"),V=require("./constants.js"),O=require("./_plugin-vue_export-helper.js"),P=V.makeStringTypeValidator(V.ValidationStatusTypes),T=t.defineComponent({name:"CdxLookup",components:{CdxMenu:N,CdxTextInput:W},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:P}},emits:["update:selected","update:input-value","load-more","input","change","focus","blur"],setup:(e,{emit:u,attrs:g,slots:i})=>{const y=t.ref(),p=t.ref(),o=t.ref(),m=K("lookup-menu"),l=t.ref(!1),s=t.ref(!1),c=t.ref(!1),b=t.ref(e.menuItems),{computedDisabled:f,computedStatus:C}=D(t.toRef(e,"disabled"),t.toRef(e,"status")),h=t.toRef(e,"selected"),v=R(h,u,"update:selected"),r=t.computed(()=>e.menuItems.find(n=>n.value===e.selected)),S=t.computed(()=>{var n,a;return(a=(n=o.value)==null?void 0:n.getHighlightedMenuItem())==null?void 0:a.id}),q=t.ref(e.initialInputValue),d=w.useOptionalModelWrapper(q,t.toRef(e,"inputValue"),u,"update:input-value"),k=t.computed(()=>({"cdx-lookup--disabled":f.value,"cdx-lookup--pending":l.value})),{rootClasses:M,rootStyle:$,otherAttrs:x}=L(g,k);function U(n){r.value?r.value.label!==n&&r.value.value!==n&&(v.value=null):e.selected!==n&&(v.value=null),n===""&&b.value.length===0?(s.value=!1,l.value=!1):l.value=!0,u("input",n)}function B(n){c.value=!0;const a=d.value!==null&&d.value!=="";!!(e.menuItems.length>0||i["no-results"])&&(a||b.value.length>0)&&(s.value=!0),u("focus",n)}function A(n){c.value=!1,s.value=!1,u("blur",n)}function F(n){!o.value||f.value||e.menuItems.length===0&&!i["no-results"]||n.key===" "||o.value.delegateKeyNavigation(n)}return E(p,o),t.watch(h,n=>{var a;if(n!==null){const I=r.value?(a=r.value.label)!=null?a:r.value.value:"";d.value!==I&&(d.value=I,u("input",d.value))}}),t.watch(t.toRef(e,"menuItems"),n=>{c.value&&l.value&&(n.length>0||i["no-results"])&&(s.value=!0),n.length===0&&!i["no-results"]&&(s.value=!1),l.value=!1}),{rootElement:y,textInput:p,menu:o,menuId:m,highlightedId:S,computedInputValue:d,modelWrapper:v,expanded:s,computedDisabled:f,computedStatus:C,onInputBlur:A,rootClasses:M,rootStyle:$,otherAttrs:x,onUpdateInput:U,onInputFocus:B,onKeydown:F}}});function z(e,u,g,i,y,p){const o=t.resolveComponent("cdx-text-input"),m=t.resolveComponent("cdx-menu");return t.openBlock(),t.createElementBlock("div",{ref:"rootElement",class:t.normalizeClass(["cdx-lookup",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createVNode(o,t.mergeProps({ref:"textInput",modelValue:e.computedInputValue,"onUpdate:modelValue":u[0]||(u[0]=l=>e.computedInputValue=l)},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:u[1]||(u[1]=l=>e.$emit("change",l)),onFocus:e.onInputFocus,onBlur:e.onInputBlur,onKeydown:e.onKeydown}),null,16,["modelValue","aria-controls","aria-expanded","aria-activedescendant","disabled","status","onUpdate:modelValue","onFocus","onBlur","onKeydown"]),t.createVNode(m,t.mergeProps({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":u[2]||(u[2]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":u[3]||(u[3]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:u[4]||(u[4]=l=>e.$emit("load-more"))}),{default:t.withCtx(({menuItem:l})=>[t.renderSlot(e.$slots,"menu-item",{menuItem:l})]),"no-results":t.withCtx(()=>[t.renderSlot(e.$slots,"no-results")]),_:3},16,["id","selected","expanded","menu-items"])],6)}const H=O._export_sfc(T,[["render",z]]);module.exports=H; diff --git a/resources/lib/codex/modules/CdxMenu-bidi.css b/resources/lib/codex/modules/CdxMenu-bidi.css new file mode 100644 index 000000000000..eea76f5ab97a --- /dev/null +++ b/resources/lib/codex/modules/CdxMenu-bidi.css @@ -0,0 +1 @@ +.cdx-menu{display:flex;flex-direction:column;position:absolute;z-index:50;box-sizing:border-box;width:100%}[dir] .cdx-menu{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.2)}[dir=ltr] .cdx-menu{left:0}[dir=rtl] .cdx-menu{right:0}.cdx-menu__progress-bar.cdx-progress-bar{position:absolute;top:0}.cdx-menu__listbox{overflow-y:auto}[dir] .cdx-menu__listbox{margin:0;padding:0}.cdx-menu--has-footer .cdx-menu-item:last-of-type{position:absolute;bottom:0;box-sizing:border-box;width:100%}[dir] .cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type){border-top:1px solid var(--border-color-subtle, #c8ccd1)} diff --git a/resources/lib/codex/modules/CdxMenuButton-bidi.css b/resources/lib/codex/modules/CdxMenuButton-bidi.css new file mode 100644 index 000000000000..77ed4c6db001 --- /dev/null +++ b/resources/lib/codex/modules/CdxMenuButton-bidi.css @@ -0,0 +1 @@ +.cdx-menu-button__menu-wrapper{position:relative}.cdx-menu-button .cdx-menu{min-width:8rem;max-width:16rem}.cdx-dialog .cdx-menu-button{position:static} diff --git a/resources/lib/codex/modules/CdxMenuItem-bidi.css b/resources/lib/codex/modules/CdxMenuItem-bidi.css new file mode 100644 index 000000000000..e59df73335ee --- /dev/null +++ b/resources/lib/codex/modules/CdxMenuItem-bidi.css @@ -0,0 +1 @@ +.cdx-menu-item{list-style:none;position:relative;line-height:1.6}[dir] .cdx-menu-item{padding:8px 12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}[dir=ltr] .cdx-menu-item__thumbnail.cdx-thumbnail{margin-right:8px}[dir=rtl] .cdx-menu-item__thumbnail.cdx-thumbnail{margin-left:8px}[dir=ltr] .cdx-menu-item__icon{margin-right:8px}[dir=rtl] .cdx-menu-item__icon{margin-left:8px}[dir=ltr] .cdx-menu-item__selected-icon{margin-left:auto}[dir=rtl] .cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{color:var(--color-base--hover, #404244)}[dir] .cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{color:var(--color-emphasized, #000)}[dir] .cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}[dir] .cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-menu-item--disabled{cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)} diff --git a/resources/lib/codex/modules/CdxMenuItem-rtl.css b/resources/lib/codex/modules/CdxMenuItem-rtl.css index b2a050d5bcc1..567efd8eeb93 100644 --- a/resources/lib/codex/modules/CdxMenuItem-rtl.css +++ b/resources/lib/codex/modules/CdxMenuItem-rtl.css @@ -1 +1 @@ -.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-left:8px}.cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive, #eaecf0);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive,.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)} +.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-left:8px}.cdx-menu-item__selected-icon{margin-right:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base--hover, #404244);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)} diff --git a/resources/lib/codex/modules/CdxMenuItem.css b/resources/lib/codex/modules/CdxMenuItem.css index 52553e6fab3d..6f5a7bdb963b 100644 --- a/resources/lib/codex/modules/CdxMenuItem.css +++ b/resources/lib/codex/modules/CdxMenuItem.css @@ -1 +1 @@ -.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-right:8px}.cdx-menu-item__selected-icon{margin-left:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive, #eaecf0);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-progressive-subtle, #eaf3ff);color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-progressive, #36c)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive,.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)} +.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.4285714;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text{max-width:100%}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail.cdx-thumbnail,.cdx-menu-item__icon{margin-right:8px}.cdx-menu-item__selected-icon{margin-left:auto}.cdx-menu-item__icon.cdx-icon,.cdx-menu-item__selected-icon.cdx-icon{color:inherit}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:var(--color-base, #202122)}.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,.cdx-menu-item--enabled .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-base--hover, #404244);cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-base--hover, #404244)}.cdx-menu-item--enabled.cdx-menu-item--active{background-color:var(--background-color-interactive, #eaecf0);color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-emphasized, #000)}.cdx-menu-item--enabled.cdx-menu-item--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content{color:var(--color-progressive, #36c)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-progressive--hover, #447ff5)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-progressive--active, #2a4b8d)}.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description{color:var(--color-subtle, #54595d)}.cdx-menu-item--disabled{color:var(--color-disabled, #72777d);cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:var(--color-disabled, #72777d)}.cdx-menu-item--destructive .cdx-menu-item__content{color:var(--color-destructive, #d73333)}.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content{color:var(--color-destructive--hover, #ff4242)}.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content{color:var(--color-destructive--active, #b32424)}.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:var(--color-destructive--hover, #ff4242)} diff --git a/resources/lib/codex/modules/CdxMessage-bidi.css b/resources/lib/codex/modules/CdxMessage-bidi.css new file mode 100644 index 000000000000..2bdc3e8babc6 --- /dev/null +++ b/resources/lib/codex/modules/CdxMessage-bidi.css @@ -0,0 +1 @@ +.cdx-message{color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative}[dir] .cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){[dir] .cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>')}[dir] .cdx-message .cdx-message__icon{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>')}[dir] .cdx-message .cdx-message__icon:lang(ar){background-color:var(--color-base, #202122)}}[dir] .cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>')}[dir] .cdx-message--warning .cdx-message__icon{background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}[dir] .cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>')}[dir] .cdx-message--error .cdx-message__icon{background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}[dir] .cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>')}[dir] .cdx-message--success .cdx-message__icon{background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}[dir=ltr] .cdx-message--user-dismissable{padding-right:48px}[dir=rtl] .cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){[dir=ltr] .cdx-message--user-dismissable{padding-right:56px}[dir=rtl] .cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{font-weight:700}[dir] .cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1}[dir=ltr] .cdx-message__content{margin-left:8px}[dir=rtl] .cdx-message__content{margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}[dir] .cdx-message__content>*:first-child{margin-top:0;padding-top:0}[dir] .cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;line-height:0}[dir] .cdx-message__dismiss-button.cdx-button{padding:5px}[dir=ltr] .cdx-message__dismiss-button.cdx-button{right:16px}[dir=rtl] .cdx-message__dismiss-button.cdx-button{left:16px}@media screen and (min-width: 640px){[dir=ltr] .cdx-message__dismiss-button.cdx-button{right:8px}[dir=rtl] .cdx-message__dismiss-button.cdx-button{left:8px}}[dir] .cdx-message+.cdx-message{margin-top:8px}[dir] .cdx-message-enter-active,[dir] .cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}[dir] .cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0} diff --git a/resources/lib/codex/modules/CdxMessage-rtl.css b/resources/lib/codex/modules/CdxMessage-rtl.css index 634f8b27954d..513f88212d10 100644 --- a/resources/lib/codex/modules/CdxMessage-rtl.css +++ b/resources/lib/codex/modules/CdxMessage-rtl.css @@ -1 +1 @@ -.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5rem}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0} +.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-left:24px;padding-right:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-left:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-left:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-right:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;left:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{left:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0} diff --git a/resources/lib/codex/modules/CdxMessage.css b/resources/lib/codex/modules/CdxMessage.css index bd8a9b98a426..e9e7b67a6c03 100644 --- a/resources/lib/codex/modules/CdxMessage.css +++ b/resources/lib/codex/modules/CdxMessage.css @@ -1 +1 @@ -.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.5rem}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0} +.cdx-message{background-color:var(--background-color-notice-subtle, #eaecf0);color:var(--color-notice, #202122);display:flex;align-items:flex-start;position:relative;border:1px solid var(--border-color-notice, #54595d);padding:16px}@media screen and (min-width: 640px){.cdx-message{padding-right:24px;padding-left:24px}}.cdx-message .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message .cdx-message__icon:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar){filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message .cdx-message__icon:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');background-color:var(--color-base, #202122)}}.cdx-message--warning{background-color:var(--background-color-warning-subtle, #fef6e7);border-color:var(--border-color-warning, #a66200)}.cdx-message--warning .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--warning .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--warning .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');background-color:var(--color-warning, #edab00)}}.cdx-message--warning .cdx-message__icon--vue{color:var(--color-warning, #edab00)}.cdx-message--error{background-color:var(--background-color-error-subtle, #fee7e6);border-color:var(--border-color-error, #b32424)}.cdx-message--error .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--error .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--error .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');background-color:var(--color-error, #d73333)}}.cdx-message--error .cdx-message__icon--vue{color:var(--color-error, #d73333)}.cdx-message--success{background-color:var(--background-color-success-subtle, #d5fdf4);border-color:var(--border-color-success, #096450)}.cdx-message--success .cdx-message__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-message--success .cdx-message__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-message--success .cdx-message__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');background-color:var(--color-success, #14866d)}}.cdx-message--success .cdx-message__icon--vue{color:var(--color-success, #14866d)}.cdx-message--user-dismissable{padding-right:48px}@media screen and (min-width: 640px){.cdx-message--user-dismissable{padding-right:56px}}.cdx-message--inline{background-color:var(--background-color-transparent, transparent);border:0;padding:0;font-weight:700}.cdx-message--inline.cdx-message--error{color:var(--color-error, #d73333)}.cdx-message--inline.cdx-message--success{color:var(--color-success, #14866d)}.cdx-message .cdx-message__icon,.cdx-message .cdx-message__icon--vue{height:1.6em}.cdx-message__content{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;align-self:center;flex-grow:1;margin-left:8px}.cdx-message__content,.cdx-message__content>*{line-height:1.6}.cdx-message__content>*:first-child{margin-top:0;padding-top:0}.cdx-message__content>*:last-child{margin-bottom:0;padding-bottom:0}.cdx-message__dismiss-button.cdx-button{position:absolute;top:12px;right:16px;padding:5px;line-height:0}@media screen and (min-width: 640px){.cdx-message__dismiss-button.cdx-button{right:8px}}.cdx-message+.cdx-message{margin-top:8px}.cdx-message-enter-active,.cdx-message-leave-active-system{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.cdx-message-leave-active-user{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-out}.cdx-message-enter-from,.cdx-message-leave-to{opacity:0} diff --git a/resources/lib/codex/modules/CdxProgressBar-bidi.css b/resources/lib/codex/modules/CdxProgressBar-bidi.css new file mode 100644 index 000000000000..23068104ed6b --- /dev/null +++ b/resources/lib/codex/modules/CdxProgressBar-bidi.css @@ -0,0 +1 @@ +.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{width:33.33%;height:100%}.cdx-progress-bar:not(.cdx-progress-bar--inline){position:relative;z-index:1;height:1rem;max-width:none}[dir] .cdx-progress-bar:not(.cdx-progress-bar--inline){border:1px solid var(--border-color-base, #a2a9b1);border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:.25rem}[dir] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{background-color:var(--background-color-progressive, #36c);animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}[dir=ltr] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{animation-name:cdx-animation-progress-bar__bar-ltr}[dir=rtl] .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar{animation-name:cdx-animation-progress-bar__bar-rtl}[dir] .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block{background-color:var(--background-color-base, #fff)}[dir] .cdx-progress-bar--disabled .cdx-progress-bar__bar{background-color:var(--background-color-disabled, #c8ccd1)}[dir] .cdx-progress-bar--disabled:not(.cdx-progress-bar--inline){background-color:var(--background-color-disabled-subtle, #eaecf0)}@keyframes cdx-animation-progress-bar__bar-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes cdx-animation-progress-bar__bar-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}} diff --git a/resources/lib/codex/modules/CdxRadio-bidi.css b/resources/lib/codex/modules/CdxRadio-bidi.css new file mode 100644 index 000000000000..625b9f375eda --- /dev/null +++ b/resources/lib/codex/modules/CdxRadio-bidi.css @@ -0,0 +1 @@ +.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio__wrapper{display:flex}.cdx-radio:not(.cdx-radio--inline){display:flex;flex-direction:column}[dir] .cdx-radio:not(.cdx-radio--inline){margin-bottom:12px}[dir] .cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;white-space:nowrap}[dir=ltr] .cdx-radio--inline{margin-right:16px}[dir=rtl] .cdx-radio--inline{margin-left:16px}[dir=ltr] .cdx-radio--inline:last-child{margin-right:0}[dir=rtl] .cdx-radio--inline:last-child{margin-left:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;line-height:1.4285714}[dir=ltr] .cdx-radio__label,[dir=ltr] .cdx-radio__label.cdx-label{padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-radio__label,[dir=rtl] .cdx-radio__label.cdx-label{padding-right:calc(1.25rem + 8px)}[dir] .cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{position:absolute;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-radio__icon{left:0}[dir=rtl] .cdx-radio__icon{right:0}.cdx-radio__input{opacity:0;position:absolute;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;font-size:inherit}[dir] .cdx-radio__input{margin:0;cursor:inherit}[dir=ltr] .cdx-radio__input{left:0}[dir=rtl] .cdx-radio__input{right:0}[dir] .cdx-radio:hover>.cdx-radio__input:enabled,[dir] .cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,[dir] .cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}[dir] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-top:6px}[dir=ltr] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-left:calc(1.25rem + 8px)}[dir=rtl] .cdx-radio__custom-input:not(.cdx-radio__custom-input--inline){padding-right:calc(1.25rem + 8px)}[dir] .cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;bottom:-.25rem}[dir] .cdx-radio__icon:before{right:-.25rem;left:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}[dir] .cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}[dir] .cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}[dir] .cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}[dir] .cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}[dir] .cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}[dir] .cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)} diff --git a/resources/lib/codex/modules/CdxSearchInput-bidi.css b/resources/lib/codex/modules/CdxSearchInput-bidi.css new file mode 100644 index 000000000000..ad405a172e31 --- /dev/null +++ b/resources/lib/codex/modules/CdxSearchInput-bidi.css @@ -0,0 +1 @@ +.cdx-search-input--has-end-button{display:flex}[dir] .cdx-search-input--has-end-button{background-color:var(--background-color-base, #fff);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1}[dir] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper{margin:-1px}[dir=ltr] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input{border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button.cdx-button{flex-shrink:0}[dir=ltr] .cdx-search-input__end-button.cdx-button{margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .cdx-search-input__end-button.cdx-button{margin:-1px 0 -1px -1px;border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button.cdx-button:hover,.cdx-search-input__end-button.cdx-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>')}[dir] .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon{background-color:var(--color-base, #202122)}} diff --git a/resources/lib/codex/modules/CdxSearchResultTitle-bidi.css b/resources/lib/codex/modules/CdxSearchResultTitle-bidi.css new file mode 100644 index 000000000000..f255d35f2a95 --- /dev/null +++ b/resources/lib/codex/modules/CdxSearchResultTitle-bidi.css @@ -0,0 +1 @@ +.cdx-search-result-title{display:inline-block;max-width:100%;font-weight:700}.cdx-search-result-title__match{font-weight:400} diff --git a/resources/lib/codex/modules/CdxSelect-bidi.css b/resources/lib/codex/modules/CdxSelect-bidi.css new file mode 100644 index 000000000000..0907c9cdca5f --- /dev/null +++ b/resources/lib/codex/modules/CdxSelect-bidi.css @@ -0,0 +1 @@ +.cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none}[dir] .cdx-select{border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;background-repeat:no-repeat;background-size:max(.75rem,12px)}[dir=ltr] .cdx-select{padding-left:12px;padding-right:calc(16px + 1.25rem);background-position:center right 12px}[dir=rtl] .cdx-select{padding-right:12px;padding-left:calc(16px + 1.25rem);background-position:center left 12px}.cdx-select:disabled{color:var(--color-disabled, #72777d);opacity:1}[dir] .cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled{color:var(--color-base, #202122)}[dir] .cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-select:enabled:hover{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select:enabled:focus{outline:1px solid transparent}[dir] .cdx-select:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-select:enabled:active{color:var(--color-emphasized, #000)}[dir] .cdx-select:enabled:active{border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;font-size:inherit;line-height:1.375;position:relative;width:100%}[dir] .cdx-select-vue__handle{border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px}[dir=ltr] .cdx-select-vue__handle{padding-left:12px;padding-right:calc(16px + 1.25rem)}[dir=rtl] .cdx-select-vue__handle{padding-right:12px;padding-left:calc(16px + 1.25rem)}[dir=ltr] .cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25rem)}[dir=rtl] .cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-right:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-select-vue__start-icon.cdx-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-select-vue__start-icon.cdx-icon{left:12px}[dir=rtl] .cdx-select-vue__start-icon.cdx-icon{right:12px}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem}[dir] .cdx-select-vue__indicator.cdx-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-select-vue__indicator.cdx-icon{right:12px}[dir=rtl] .cdx-select-vue__indicator.cdx-icon{left:12px}.cdx-select-vue--enabled .cdx-select-vue__handle{color:var(--color-base, #202122)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:focus{outline:1px solid transparent}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-select-vue--enabled .cdx-select-vue__handle:active{color:var(--color-emphasized, #000)}[dir] .cdx-select-vue--enabled .cdx-select-vue__handle:active{border-color:var(--border-color-interactive, #72777d)}.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator{color:var(--color-base--hover, #404244)}[dir] .cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator{color:var(--color-base, #202122)}.cdx-select-vue--disabled .cdx-select-vue__handle{color:var(--color-disabled, #72777d)}[dir] .cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #72777d)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{border-color:var(--border-color-error, #b32424)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus{border-color:var(--border-color-progressive--focus, #36c)}.cdx-dialog .cdx-select-vue{position:static} diff --git a/resources/lib/codex/modules/CdxTab-bidi.css b/resources/lib/codex/modules/CdxTab-bidi.css new file mode 100644 index 000000000000..be5980105c92 --- /dev/null +++ b/resources/lib/codex/modules/CdxTab-bidi.css @@ -0,0 +1 @@ +.cdx-tab[aria-hidden=true]{display:none}.cdx-tab:focus{outline:1px solid transparent} diff --git a/resources/lib/codex/modules/CdxTable-bidi.css b/resources/lib/codex/modules/CdxTable-bidi.css new file mode 100644 index 000000000000..eb100a7606e4 --- /dev/null +++ b/resources/lib/codex/modules/CdxTable-bidi.css @@ -0,0 +1 @@ +.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px}[dir] .cdx-table-pager{padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem}[dir] .cdx-table-pager__center{text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}[dir] .cdx-table{border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px}[dir] .cdx-table__header{padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}[dir] .cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block}[dir=ltr] .cdx-table__pagination-status--short{text-align:right}[dir=rtl] .cdx-table__pagination-status--short{text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block}[dir] .cdx-table__pagination-status--long{text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;overflow:hidden}[dir] .cdx-table__table caption{margin:-1px;border:0;padding:0}[dir] .cdx-table__table th,[dir] .cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000)}[dir=ltr] .cdx-table__table th{text-align:left}[dir=rtl] .cdx-table__table th{text-align:right}.cdx-table__table thead th{vertical-align:bottom}[dir] .cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table tfoot td,[dir] .cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{vertical-align:top}[dir] .cdx-table__table tbody td,[dir] .cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1)}[dir] .cdx-table__table tbody tr:first-child td,[dir] .cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{display:flex;align-items:flex-end;gap:8px;width:100%;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-decoration:none}[dir] .cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);border:0;padding:12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir=ltr] .cdx-table__table__sort-button{text-align:left}[dir=rtl] .cdx-table__table__sort-button{text-align:right}[dir] .cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}[dir] .cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}[dir] .cdx-table__table .cdx-table__table__cell--align-center{text-align:center}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-end{text-align:right}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{text-align:right}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{text-align:left}[dir] .cdx-table__table .cdx-table__table__cell--align-number,.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{text-align:right}[dir=ltr] .cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse}[dir=rtl] .cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row}[dir] .cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}[dir] .cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}[dir=ltr] .cdx-table__table--borders-vertical th,[dir=ltr] .cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}[dir=rtl] .cdx-table__table--borders-vertical th,[dir=rtl] .cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}[dir=ltr] .cdx-table__table--borders-vertical th:last-child,[dir=ltr] .cdx-table__table--borders-vertical td:last-child{border-right:0}[dir=rtl] .cdx-table__table--borders-vertical th:last-child,[dir=rtl] .cdx-table__table--borders-vertical td:last-child{border-left:0}[dir] .cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}[dir] .cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px}[dir] .cdx-table__footer{border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px} diff --git a/resources/lib/codex/modules/CdxTable-rtl.css b/resources/lib/codex/modules/CdxTable-rtl.css index 996e2605feea..b72553ed9596 100644 --- a/resources/lib/codex/modules/CdxTable-rtl.css +++ b/resources/lib/codex/modules/CdxTable-rtl.css @@ -1 +1 @@ -.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:right}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:16rem;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:right;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);margin-right:8px}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-icon{margin-left:8px;margin-right:0}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-left:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px} +.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:left}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:right}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1);vertical-align:bottom}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:flex-end;gap:8px;width:100%;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:right;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:left}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:left}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row;text-align:right}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-left:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-left:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px} diff --git a/resources/lib/codex/modules/CdxTable.cjs b/resources/lib/codex/modules/CdxTable.cjs index 3ccf285e29d6..e7c796c4e849 100644 --- a/resources/lib/codex/modules/CdxTable.cjs +++ b/resources/lib/codex/modules/CdxTable.cjs @@ -1 +1 @@ -"use strict";const e=require("vue"),te=require("./CdxCheckbox.cjs"),f=require("./Icon.js"),ae=require("./CdxButton.cjs"),ne=require("./CdxSelect.cjs"),$=require("./useModelWrapper.cjs"),c=require("./useI18n.cjs"),_=require("./_plugin-vue_export-helper.js"),oe=require("./CdxProgressBar.cjs"),y=require("./constants.js"),le=e.defineComponent({name:"CdxTablePager",components:{CdxButton:ae,CdxIcon:f.CdxIcon,CdxSelect:ne},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(t,{emit:n}){const s=$(e.toRef(t,"itemsPerPage"),n,"update:itemsPerPage"),i=c("cdx-table-pager-items-per-page-default","Results per page"),v=c("cdx-table-pager-items-per-page-current",d=>"".concat(d," rows"),[s]),u=c("cdx-table-pager-button-first-page","First page"),p=c("cdx-table-pager-button-next-page","Next page"),g=c("cdx-table-pager-button-prev-page","Previous page"),m=c("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:i,currentItemsPerPageLabel:v,btnLabelFirst:u,btnLabelNext:p,btnLabelPrev:g,btnLabelLast:m,wrappedItemsPerPage:s,cdxIconPrevious:f.d7,cdxIconNext:f.j6,cdxIconMoveFirst:f.P6,cdxIconMoveLast:f.N6}}}),se={class:"cdx-table-pager"},ie={class:"cdx-table-pager__start"},re={key:0},de={key:1},ce={class:"cdx-table-pager__center"},ue={class:"cdx-table-pager__end"};function pe(t,n,s,i,v,u){const p=e.resolveComponent("cdx-select"),g=e.resolveComponent("cdx-icon"),m=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",ie,[e.createVNode(p,{selected:t.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=d=>t.wrappedItemsPerPage=d),"default-label":t.defaultItemsPerPageLabel,"menu-items":t.paginationSizeOptions},{label:e.withCtx(({selectedMenuItem:d,defaultLabel:l})=>[d?(e.openBlock(),e.createElementBlock("span",re,[e.createElementVNode("span",null,e.toDisplayString(t.currentItemsPerPageLabel),1)])):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(l),1))]),_:1},8,["selected","default-label","menu-items"])]),e.createElementVNode("div",ce,[e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",ue,[e.createVNode(m,{disabled:t.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":t.btnLabelFirst,onClick:n[1]||(n[1]=d=>t.$emit("first"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":t.btnLabelPrev,onClick:n[2]||(n[2]=d=>t.$emit("prev"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":t.btnLabelNext,onClick:n[3]||(n[3]=d=>t.$emit("next"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.nextDisabled||t.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":t.btnLabelLast,onClick:n[4]||(n[4]=d=>t.$emit("last"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const ge=_._export_sfc(le,[["render",pe]]),me=y.makeStringTypeValidator(y.TableTextAlignments),be=y.makeStringTypeValidator(y.TablePaginationPositions),ve={none:f.T7,asc:f.x8,desc:f.l4},fe={none:"none",asc:"ascending",desc:"descending"},he=e.defineComponent({name:"CdxTable",components:{CdxCheckbox:te,CdxIcon:f.CdxIcon,CdxTablePager:ge,CdxProgressBar:oe},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:t=>{const n=t.map(i=>i.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(t,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||t.length===0)return!0;const s=n.columns.some(v=>"allowSort"in v),i=t.every(v=>y.TableRowIdentifier in v);return s&&n.useRowSelection&&!i?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:be},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:t=>{const n=s=>typeof s.value=="number";return t.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:t=>t.paginate&&t.serverPagination?t.data.length:t.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(t,{emit:n}){const s=e.ref(0),i=e.ref(t.paginationSizeDefault),v=e.computed(()=>t.serverPagination&&t.paginate?t.data:t.paginate?t.data.slice(s.value,i.value+s.value):t.data),u=e.computed(()=>{var a;return t.serverPagination?(a=t.totalRows)!=null?a:NaN:t.data.length}),p=e.computed(()=>isNaN(u.value)),g=e.computed(()=>v.value.length),m=e.computed(()=>s.value+1),d=e.computed(()=>s.value+g.value),l=e.computed(()=>p.value),h=e.computed(()=>s.value<=0),b=e.computed(()=>p.value?g.value<i.value:s.value+i.value>=u.value),x=c("cdx-table-pagination-status-message-determinate-short",(a,o,r)=>"".concat(a,"–").concat(o," of ").concat(r),[m,d,u]),D=c("cdx-table-pagination-status-message-determinate-long",(a,o,r)=>"Showing results ".concat(a,"–").concat(o," of ").concat(r),[m,d,u]),E=c("cdx-table-pagination-status-message-indeterminate-short",(a,o)=>"".concat(a,"–").concat(o," of many"),[m,d]),L=c("cdx-table-pagination-status-message-indeterminate-long",(a,o)=>"Showing results ".concat(a,"–").concat(o," of many"),[m,d]),B=c("cdx-table-pagination-status-message-indeterminate-final",a=>"Showing the last ".concat(a," results"),[g]),V=c("cdx-table-pagination-status-message-pending","Loading results..."),R=e.computed(()=>t.pending?V.value:p.value&&b.value?B.value:p.value?E.value:x.value),I=e.computed(()=>t.pending?V.value:p.value&&b.value?B.value:p.value?L.value:D.value);function F(){s.value+=i.value,t.serverPagination&&n("load-more",s.value,i.value)}function T(){s.value-i.value<1?P():(s.value-=i.value,t.serverPagination&&n("load-more",s.value,i.value))}function P(){s.value=0,t.serverPagination&&n("load-more",s.value,i.value)}function z(){u.value%i.value===0?(s.value=u.value-i.value,n("load-more",s.value,i.value)):(s.value=Math.floor(u.value/i.value)*i.value,n("load-more",s.value,i.value))}e.watch(i,a=>{t.serverPagination&&n("load-more",s.value,a)});const C=$(e.toRef(t,"selectedRows"),n,"update:selectedRows"),w=e.ref(u.value===C.value.length),k=e.ref(!1),A=e.computed(()=>Object.keys(t.sort)[0]),q=e.computed(()=>t.columns.some(a=>a.allowSort)),M=e.computed(()=>{var o;return{"cdx-table__table--layout-fixed":(o=t.columns)==null?void 0:o.some(r=>"width"in r||"minWidth"in r),"cdx-table__table--borders-vertical":t.showVerticalBorders}}),O=c("cdx-table-sort-caption",a=>"".concat(a,", column headers with buttons are sortable."),[e.toRef(t,"caption")]),U=(a,o)=>c("cdx-table-select-row-label",(r,S)=>"Select row ".concat(r," of ").concat(S),[()=>a,()=>o]).value,H=c("cdx-table-select-all-label","Select all rows");function N(a,o){return y.TableRowIdentifier in a?a[y.TableRowIdentifier]:o}function W(a,o){const r=N(a,o);return{"cdx-table__row--selected":C.value.indexOf(r)!==-1}}function K(a){const o=t.columns[0].id;if(t.useRowHeaders===!0&&a===o)return"row"}function j(a){const o=t.columns[0].id;return t.useRowHeaders&&a===o?"th":"td"}function G(a,o=!1){if("textAlign"in a&&!me(a.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(a.textAlign)]:"textAlign"in a&&a.textAlign!=="start","cdx-table__table__cell--has-sort":o}}function J(a){const o={};return"width"in a&&(o.width=a.width),"minWidth"in a&&(o.minWidth=a.minWidth),o}function Q(a){if(u.value===a.length){w.value=!0,k.value=!1;return}w.value=!1,u.value>a.length&&(k.value=!0),a.length===0&&(k.value=!1)}function X(a){k.value=!1,a?C.value=t.data.map((o,r)=>N(o,r)):C.value=[]}function Y(a){var S;const o=(S=t.sort[a])!=null?S:"none";let r="asc";o==="asc"&&(r="desc"),o==="desc"&&(r="none"),n("update:sort",{[a]:r})}function Z(a){var r;const o=(r=t.sort[a])!=null?r:"none";return ve[o]}function ee(a,o=!1){var r;if(o){const S=(r=t.sort[a])!=null?r:"none";return S==="none"?void 0:fe[S]}}return{dataForDisplay:v,pageSize:i,onNext:F,onPrev:T,onFirst:P,onLast:z,nextDisabled:b,prevDisabled:h,lastDisabled:l,paginationStatusMessageShort:R,paginationStatusMessageLong:I,wrappedSelectedRows:C,selectAll:w,selectAllIndeterminate:k,activeSortColumn:A,hasSortableColumns:q,tableClasses:M,getRowKey:N,getRowClass:W,getRowHeaderScope:K,getCellElement:j,getCellClass:G,getCellStyle:J,handleRowSelection:Q,handleSelectAll:X,handleSort:Y,getSortIcon:Z,getSortOrder:ee,translatedSortCaption:O,translatedSelectRowLabel:U,translatedSelectAllLabel:H}}}),Se={class:"cdx-table",tabindex:"0"},ye={key:0,class:"cdx-table__header"},Ce=["aria-hidden"],ke={class:"cdx-table__header__content"},we={class:"cdx-table__pagination-status--long"},Ne={class:"cdx-table__pagination-status--short"},Be={class:"cdx-table__table-wrapper"},Ve={key:0},Pe={key:0,class:"cdx-table__table__select-rows"},$e=["aria-sort"],_e=["aria-selected","onClick"],xe={key:0},De={key:0},Ee={key:1},Le={class:"cdx-table__table__empty-state"},Re={class:"cdx-table__table__empty-state-content"},Ie={class:"cdx-table__pagination-status--long"},Fe={class:"cdx-table__pagination-status--short"},Te={key:3,class:"cdx-table__footer"};function ze(t,n,s,i,v,u){const p=e.resolveComponent("cdx-table-pager"),g=e.resolveComponent("cdx-checkbox"),m=e.resolveComponent("cdx-icon"),d=e.resolveComponent("cdx-progress-bar");return e.openBlock(),e.createElementBlock("div",Se,[!t.hideCaption||t.$slots.header&&t.$slots.header().length>0?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":t.$slots.header&&t.$slots.header().length>0?void 0:!0},[t.hideCaption?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.caption),1)],64))],8,Ce),e.createElementVNode("div",ke,[e.renderSlot(t.$slots,"header")])])):e.createCommentVNode("v-if",!0),t.paginate&&(t.paginationPosition==="top"||t.paginationPosition==="both")?(e.openBlock(),e.createBlock(p,{key:1,"items-per-page":t.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=l=>t.pageSize=l),class:"cdx-table__pagination--top","pagination-size-options":t.paginationSizeOptions,"prev-disabled":t.prevDisabled,"next-disabled":t.nextDisabled,"last-disabled":t.lastDisabled,onNext:t.onNext,onPrev:t.onPrev,onFirst:t.onFirst,onLast:t.onLast},{default:e.withCtx(()=>[e.createElementVNode("span",we,e.toDisplayString(t.paginationStatusMessageLong),1),e.createElementVNode("span",Ne,e.toDisplayString(t.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Be,[e.createElementVNode("table",{class:e.normalizeClass(["cdx-table__table",t.tableClasses])},[e.createElementVNode("caption",null,[t.hasSortableColumns?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.translatedSortCaption),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.caption),1)],64))]),e.renderSlot(t.$slots,"thead",{},()=>[t.columns.length>0?(e.openBlock(),e.createElementBlock("thead",Ve,[e.createElementVNode("tr",null,[t.useRowSelection?(e.openBlock(),e.createElementBlock("th",Pe,[e.createVNode(g,{modelValue:t.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=l=>t.selectAll=l),t.handleSelectAll],"hide-label":!0,indeterminate:t.selectAllIndeterminate},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,l=>(e.openBlock(),e.createElementBlock("th",{key:l.id,scope:"col",class:e.normalizeClass(t.getCellClass(l,l.allowSort)),"aria-sort":t.getSortOrder(l.id,l.allowSort),style:e.normalizeStyle(t.getCellStyle(l))},[l.allowSort?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-selected":l.id===t.activeSortColumn,class:"cdx-table__table__sort-button",onClick:h=>t.handleSort(l.id)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),e.createVNode(m,{icon:t.getSortIcon(l.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,_e)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.label),1)],64))],14,$e))),128))])])):e.createCommentVNode("v-if",!0)]),t.pending?(e.openBlock(),e.createBlock(d,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"tbody",{},()=>[t.dataForDisplay.length>0?(e.openBlock(),e.createElementBlock("tbody",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataForDisplay,(l,h)=>(e.openBlock(),e.createElementBlock("tr",{key:t.getRowKey(l,h),class:e.normalizeClass(t.getRowClass(l,h))},[t.useRowSelection?(e.openBlock(),e.createElementBlock("td",De,[e.createVNode(g,{modelValue:t.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=b=>t.wrappedSelectedRows=b),t.handleRowSelection],"input-value":t.getRowKey(l,h),"hide-label":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.translatedSelectRowLabel(h+1,t.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,b=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.getCellElement(b.id)),{key:b.id,scope:t.getRowHeaderScope(b.id),class:e.normalizeClass(t.getCellClass(b))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-"+b.id,{item:l[b.id],row:l},()=>[e.createTextVNode(e.toDisplayString(l[b.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):t.$slots["empty-state"]&&t.$slots["empty-state"]().length>0?(e.openBlock(),e.createElementBlock("tbody",Ee,[e.createElementVNode("tr",Le,[e.createElementVNode("td",Re,[e.renderSlot(t.$slots,"empty-state")])])])):e.createCommentVNode("v-if",!0)]),e.renderSlot(t.$slots,"tfoot")],2)]),t.paginate&&(t.paginationPosition==="bottom"||t.paginationPosition==="both")?(e.openBlock(),e.createBlock(p,{key:2,"items-per-page":t.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=l=>t.pageSize=l),class:"cdx-table__pagination--bottom","pagination-size-options":t.paginationSizeOptions,"prev-disabled":t.prevDisabled,"next-disabled":t.nextDisabled,"last-disabled":t.lastDisabled,onNext:t.onNext,onPrev:t.onPrev,onFirst:t.onFirst,onLast:t.onLast},{default:e.withCtx(()=>[e.createElementVNode("span",Ie,e.toDisplayString(t.paginationStatusMessageLong),1),e.createElementVNode("span",Fe,e.toDisplayString(t.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):e.createCommentVNode("v-if",!0),t.$slots.footer&&t.$slots.footer().length>0?(e.openBlock(),e.createElementBlock("div",Te,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("v-if",!0)])}const Ae=_._export_sfc(he,[["render",ze]]);module.exports=Ae; +"use strict";const e=require("vue"),te=require("./CdxCheckbox.cjs"),f=require("./Icon.js"),ae=require("./CdxButton.cjs"),ne=require("./CdxSelect.cjs"),P=require("./useModelWrapper.cjs"),c=require("./useI18n.cjs"),$=require("./_plugin-vue_export-helper.js"),oe=require("./CdxProgressBar.cjs"),y=require("./constants.js"),le=e.defineComponent({name:"CdxTablePager",components:{CdxButton:ae,CdxIcon:f.CdxIcon,CdxSelect:ne},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(t,{emit:n}){const s=P(e.toRef(t,"itemsPerPage"),n,"update:itemsPerPage"),i=c("cdx-table-pager-items-per-page-default","Results per page"),v=c("cdx-table-pager-items-per-page-current",d=>"".concat(d," rows"),[s]),u=c("cdx-table-pager-button-first-page","First page"),p=c("cdx-table-pager-button-next-page","Next page"),g=c("cdx-table-pager-button-prev-page","Previous page"),m=c("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:i,currentItemsPerPageLabel:v,btnLabelFirst:u,btnLabelNext:p,btnLabelPrev:g,btnLabelLast:m,wrappedItemsPerPage:s,cdxIconPrevious:f.d7,cdxIconNext:f.j6,cdxIconMoveFirst:f.P6,cdxIconMoveLast:f.N6}}}),se={class:"cdx-table-pager"},ie={class:"cdx-table-pager__start"},re={key:0},de={key:1},ce={class:"cdx-table-pager__center"},ue={class:"cdx-table-pager__end"};function pe(t,n,s,i,v,u){const p=e.resolveComponent("cdx-select"),g=e.resolveComponent("cdx-icon"),m=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",ie,[e.createVNode(p,{selected:t.wrappedItemsPerPage,"onUpdate:selected":n[0]||(n[0]=d=>t.wrappedItemsPerPage=d),"default-label":t.defaultItemsPerPageLabel,"menu-items":t.paginationSizeOptions},{label:e.withCtx(({selectedMenuItem:d,defaultLabel:l})=>[d?(e.openBlock(),e.createElementBlock("span",re,[e.createElementVNode("span",null,e.toDisplayString(t.currentItemsPerPageLabel),1)])):(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(l),1))]),_:1},8,["selected","default-label","menu-items"])]),e.createElementVNode("div",ce,[e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",ue,[e.createVNode(m,{disabled:t.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":t.btnLabelFirst,onClick:n[1]||(n[1]=d=>t.$emit("first"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":t.btnLabelPrev,onClick:n[2]||(n[2]=d=>t.$emit("prev"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":t.btnLabelNext,onClick:n[3]||(n[3]=d=>t.$emit("next"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),e.createVNode(m,{disabled:t.nextDisabled||t.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":t.btnLabelLast,onClick:n[4]||(n[4]=d=>t.$emit("last"))},{default:e.withCtx(()=>[e.createVNode(g,{icon:t.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const ge=$._export_sfc(le,[["render",pe]]),me=y.makeStringTypeValidator(y.TableTextAlignments),be=y.makeStringTypeValidator(y.TablePaginationPositions),ve={none:f.T7,asc:f.x8,desc:f.l4},fe={none:"none",asc:"ascending",desc:"descending"},he=e.defineComponent({name:"CdxTable",components:{CdxCheckbox:te,CdxIcon:f.CdxIcon,CdxTablePager:ge,CdxProgressBar:oe},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:t=>{const n=t.map(i=>i.id);return new Set(n).size===n.length?!0:(console.warn('Each column in the "columns" prop of CdxTable must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(t,n)=>{if(!Array.isArray(n.columns)||n.columns.length===0||t.length===0)return!0;const s=n.columns.some(v=>"allowSort"in v),i=t.every(v=>y.TableRowIdentifier in v);return s&&n.useRowSelection&&!i?(console.warn('For CdxTables with sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:be},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:t=>{const n=s=>typeof s.value=="number";return t.every(n)?!0:(console.warn('"value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:t=>t.paginate&&t.serverPagination?t.data.length:t.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(t,{emit:n}){const s=e.ref(0),i=e.ref(t.paginationSizeDefault),v=e.computed(()=>t.serverPagination&&t.paginate?t.data:t.paginate?t.data.slice(s.value,i.value+s.value):t.data),u=e.computed(()=>{var a;return t.serverPagination?(a=t.totalRows)!=null?a:NaN:t.data.length}),p=e.computed(()=>isNaN(u.value)),g=e.computed(()=>v.value.length),m=e.computed(()=>s.value+1),d=e.computed(()=>s.value+g.value),l=e.computed(()=>p.value),h=e.computed(()=>s.value<=0),b=e.computed(()=>p.value?g.value<i.value:s.value+i.value>=u.value),x=c("cdx-table-pagination-status-message-determinate-short",(a,o,r)=>"".concat(a,"–").concat(o," of ").concat(r),[m,d,u]),D=c("cdx-table-pagination-status-message-determinate-long",(a,o,r)=>"Showing results ".concat(a,"–").concat(o," of ").concat(r),[m,d,u]),E=c("cdx-table-pagination-status-message-indeterminate-short",(a,o)=>"".concat(a,"–").concat(o," of many"),[m,d]),L=c("cdx-table-pagination-status-message-indeterminate-long",(a,o)=>"Showing results ".concat(a,"–").concat(o," of many"),[m,d]),B=c("cdx-table-pagination-status-message-indeterminate-final",a=>"Showing the last ".concat(a," results"),[g]),V=c("cdx-table-pagination-status-message-pending","Loading results..."),R=e.computed(()=>t.pending?V.value:p.value&&b.value?B.value:p.value?E.value:x.value),I=e.computed(()=>t.pending?V.value:p.value&&b.value?B.value:p.value?L.value:D.value);function F(){s.value+=i.value,t.serverPagination&&n("load-more",s.value,i.value)}function T(){s.value-i.value<1?_():(s.value-=i.value,t.serverPagination&&n("load-more",s.value,i.value))}function _(){s.value=0,t.serverPagination&&n("load-more",s.value,i.value)}function z(){u.value%i.value===0?(s.value=u.value-i.value,n("load-more",s.value,i.value)):(s.value=Math.floor(u.value/i.value)*i.value,n("load-more",s.value,i.value))}e.watch(i,a=>{t.serverPagination&&n("load-more",s.value,a)});const C=P(e.toRef(t,"selectedRows"),n,"update:selectedRows"),w=e.ref(u.value===C.value.length),k=e.ref(!1),A=e.computed(()=>Object.keys(t.sort)[0]),q=e.computed(()=>t.columns.some(a=>a.allowSort)),M=e.computed(()=>{var o;return{"cdx-table__table--layout-fixed":(o=t.columns)==null?void 0:o.some(r=>"width"in r||"minWidth"in r),"cdx-table__table--borders-vertical":t.showVerticalBorders}}),O=c("cdx-table-sort-caption",a=>"".concat(a,", column headers with buttons are sortable."),[e.toRef(t,"caption")]),U=(a,o)=>c("cdx-table-select-row-label",(r,S)=>"Select row ".concat(r," of ").concat(S),[()=>a,()=>o]).value,H=c("cdx-table-select-all-label","Select all rows");function N(a,o){return y.TableRowIdentifier in a?a[y.TableRowIdentifier]:o}function W(a,o){const r=N(a,o);return{"cdx-table__row--selected":C.value.indexOf(r)!==-1}}function K(a){const o=t.columns[0].id;if(t.useRowHeaders===!0&&a===o)return"row"}function j(a){const o=t.columns[0].id;return t.useRowHeaders&&a===o?"th":"td"}function G(a,o=!1){if("textAlign"in a&&!me(a.textAlign)){console.warn("Invalid value for TableColumn textAlign property.");return}return{["cdx-table__table__cell--align-".concat(a.textAlign)]:"textAlign"in a&&a.textAlign!=="start","cdx-table__table__cell--has-sort":o}}function J(a){const o={};return"width"in a&&(o.width=a.width),"minWidth"in a&&(o.minWidth=a.minWidth),o}function Q(a){if(u.value===a.length){w.value=!0,k.value=!1;return}w.value=!1,u.value>a.length&&(k.value=!0),a.length===0&&(k.value=!1)}function X(a){k.value=!1,a?C.value=t.data.map((o,r)=>N(o,r)):C.value=[]}function Y(a){var S;const o=(S=t.sort[a])!=null?S:"none";let r="asc";o==="asc"&&(r="desc"),o==="desc"&&(r="none"),n("update:sort",{[a]:r})}function Z(a){var r;const o=(r=t.sort[a])!=null?r:"none";return ve[o]}function ee(a,o=!1){var r;if(o){const S=(r=t.sort[a])!=null?r:"none";return S==="none"?void 0:fe[S]}}return{dataForDisplay:v,pageSize:i,onNext:F,onPrev:T,onFirst:_,onLast:z,nextDisabled:b,prevDisabled:h,lastDisabled:l,paginationStatusMessageShort:R,paginationStatusMessageLong:I,wrappedSelectedRows:C,selectAll:w,selectAllIndeterminate:k,activeSortColumn:A,hasSortableColumns:q,tableClasses:M,getRowKey:N,getRowClass:W,getRowHeaderScope:K,getCellElement:j,getCellClass:G,getCellStyle:J,handleRowSelection:Q,handleSelectAll:X,handleSort:Y,getSortIcon:Z,getSortOrder:ee,translatedSortCaption:O,translatedSelectRowLabel:U,translatedSelectAllLabel:H}}}),Se={class:"cdx-table",tabindex:"0"},ye={key:0,class:"cdx-table__header"},Ce=["aria-hidden"],ke={class:"cdx-table__header__content"},we={class:"cdx-table__pagination-status--long"},Ne={class:"cdx-table__pagination-status--short"},Be={class:"cdx-table__table-wrapper"},Ve={key:0},_e={key:0,class:"cdx-table__table__select-rows"},Pe=["aria-sort"],$e=["aria-selected","onClick"],xe={class:"cdx-table__table__sort-label"},De={key:0},Ee={key:0},Le={key:1},Re={class:"cdx-table__table__empty-state"},Ie={class:"cdx-table__table__empty-state-content"},Fe={class:"cdx-table__pagination-status--long"},Te={class:"cdx-table__pagination-status--short"},ze={key:3,class:"cdx-table__footer"};function Ae(t,n,s,i,v,u){const p=e.resolveComponent("cdx-table-pager"),g=e.resolveComponent("cdx-checkbox"),m=e.resolveComponent("cdx-icon"),d=e.resolveComponent("cdx-progress-bar");return e.openBlock(),e.createElementBlock("div",Se,[!t.hideCaption||t.$slots.header&&t.$slots.header().length>0?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",{class:"cdx-table__header__caption","aria-hidden":t.$slots.header&&t.$slots.header().length>0?void 0:!0},[t.hideCaption?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.caption),1)],64))],8,Ce),e.createElementVNode("div",ke,[e.renderSlot(t.$slots,"header")])])):e.createCommentVNode("v-if",!0),t.paginate&&(t.paginationPosition==="top"||t.paginationPosition==="both")?(e.openBlock(),e.createBlock(p,{key:1,"items-per-page":t.pageSize,"onUpdate:itemsPerPage":n[0]||(n[0]=l=>t.pageSize=l),class:"cdx-table__pagination--top","pagination-size-options":t.paginationSizeOptions,"prev-disabled":t.prevDisabled,"next-disabled":t.nextDisabled,"last-disabled":t.lastDisabled,onNext:t.onNext,onPrev:t.onPrev,onFirst:t.onFirst,onLast:t.onLast},{default:e.withCtx(()=>[e.createElementVNode("span",we,e.toDisplayString(t.paginationStatusMessageLong),1),e.createElementVNode("span",Ne,e.toDisplayString(t.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Be,[e.createElementVNode("table",{class:e.normalizeClass(["cdx-table__table",t.tableClasses])},[e.createElementVNode("caption",null,[t.hasSortableColumns?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.translatedSortCaption),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.caption),1)],64))]),e.renderSlot(t.$slots,"thead",{},()=>[t.columns.length>0?(e.openBlock(),e.createElementBlock("thead",Ve,[e.createElementVNode("tr",null,[t.useRowSelection?(e.openBlock(),e.createElementBlock("th",_e,[e.createVNode(g,{modelValue:t.selectAll,"onUpdate:modelValue":[n[1]||(n[1]=l=>t.selectAll=l),t.handleSelectAll],"hide-label":!0,indeterminate:t.selectAllIndeterminate},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,l=>(e.openBlock(),e.createElementBlock("th",{key:l.id,scope:"col",class:e.normalizeClass(t.getCellClass(l,l.allowSort)),"aria-sort":t.getSortOrder(l.id,l.allowSort),style:e.normalizeStyle(t.getCellStyle(l))},[l.allowSort?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-selected":l.id===t.activeSortColumn,class:"cdx-table__table__sort-button",onClick:h=>t.handleSort(l.id)},[e.createElementVNode("span",xe,e.toDisplayString(l.label),1),e.createVNode(m,{icon:t.getSortIcon(l.id),size:"small",class:"cdx-table__table__sort-icon","aria-hidden":"true"},null,8,["icon"])],8,$e)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.label),1)],64))],14,Pe))),128))])])):e.createCommentVNode("v-if",!0)]),t.pending?(e.openBlock(),e.createBlock(d,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"tbody",{},()=>[t.dataForDisplay.length>0?(e.openBlock(),e.createElementBlock("tbody",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataForDisplay,(l,h)=>(e.openBlock(),e.createElementBlock("tr",{key:t.getRowKey(l,h),class:e.normalizeClass(t.getRowClass(l,h))},[t.useRowSelection?(e.openBlock(),e.createElementBlock("td",Ee,[e.createVNode(g,{modelValue:t.wrappedSelectedRows,"onUpdate:modelValue":[n[2]||(n[2]=b=>t.wrappedSelectedRows=b),t.handleRowSelection],"input-value":t.getRowKey(l,h),"hide-label":!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.translatedSelectRowLabel(h+1,t.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,b=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.getCellElement(b.id)),{key:b.id,scope:t.getRowHeaderScope(b.id),class:e.normalizeClass(t.getCellClass(b))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-"+b.id,{item:l[b.id],row:l},()=>[e.createTextVNode(e.toDisplayString(l[b.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):t.$slots["empty-state"]&&t.$slots["empty-state"]().length>0?(e.openBlock(),e.createElementBlock("tbody",Le,[e.createElementVNode("tr",Re,[e.createElementVNode("td",Ie,[e.renderSlot(t.$slots,"empty-state")])])])):e.createCommentVNode("v-if",!0)]),e.renderSlot(t.$slots,"tfoot")],2)]),t.paginate&&(t.paginationPosition==="bottom"||t.paginationPosition==="both")?(e.openBlock(),e.createBlock(p,{key:2,"items-per-page":t.pageSize,"onUpdate:itemsPerPage":n[3]||(n[3]=l=>t.pageSize=l),class:"cdx-table__pagination--bottom","pagination-size-options":t.paginationSizeOptions,"prev-disabled":t.prevDisabled,"next-disabled":t.nextDisabled,"last-disabled":t.lastDisabled,onNext:t.onNext,onPrev:t.onPrev,onFirst:t.onFirst,onLast:t.onLast},{default:e.withCtx(()=>[e.createElementVNode("span",Fe,e.toDisplayString(t.paginationStatusMessageLong),1),e.createElementVNode("span",Te,e.toDisplayString(t.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):e.createCommentVNode("v-if",!0),t.$slots.footer&&t.$slots.footer().length>0?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("v-if",!0)])}const qe=$._export_sfc(he,[["render",Ae]]);module.exports=qe; diff --git a/resources/lib/codex/modules/CdxTable.css b/resources/lib/codex/modules/CdxTable.css index c09e26dbe0bd..89e3164fd160 100644 --- a/resources/lib/codex/modules/CdxTable.css +++ b/resources/lib/codex/modules/CdxTable.css @@ -1 +1 @@ -.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:right}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:left}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:16rem;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:left;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);margin-left:8px}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-icon{margin-right:8px;margin-left:0}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-right:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px} +.cdx-table-pager{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px}@media screen and (min-width: 640px){.cdx-table-pager{flex-wrap:nowrap}}.cdx-table-pager__start .cdx-select,.cdx-table-pager__start .cdx-select-vue__handle{min-width:8rem}.cdx-table-pager__center{color:var(--color-subtle, #54595d);flex:1 1 40%;font-size:1rem;text-align:center}@media screen and (min-width: 640px){.cdx-table-pager__center{flex:0 1 auto}}.cdx-table-pager__end{display:flex;flex:1 0 100%;justify-content:space-between;gap:4px}@media screen and (min-width: 640px){.cdx-table-pager__end{flex:0 1 auto}}.cdx-table{color:var(--color-base, #202122);border:1px solid var(--border-color-base, #a2a9b1);border-radius:2px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.cdx-table__header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:64px;padding:16px 12px}.cdx-table__header__caption{color:var(--color-emphasized, #000);font-size:1.125rem;font-weight:700;line-height:1.25}.cdx-table__pagination--bottom{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__pagination-status--short{display:block;text-align:right}@media screen and (min-width: 640px){.cdx-table__pagination-status--short{display:none}}.cdx-table__pagination-status--long{display:none}@media screen and (min-width: 640px){.cdx-table__pagination-status--long{display:block;text-align:center}}.cdx-table__pending-indicator{position:absolute}.cdx-table__table-wrapper{position:relative;overflow-x:auto}.cdx-table__table{min-width:100%;line-height:1.375;border-collapse:collapse}.cdx-table__table caption{display:block;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.cdx-table__table th,.cdx-table__table td{padding:12px}.cdx-table__table th{color:var(--color-emphasized, #000);text-align:left}.cdx-table__table thead th{border-bottom:1px solid var(--border-color-base, #a2a9b1);vertical-align:bottom}.cdx-table__table tfoot td,.cdx-table__table tfoot th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table tbody td,.cdx-table__table tbody th{border-top:1px solid var(--border-color-subtle, #c8ccd1);vertical-align:top}.cdx-table__table tbody tr:first-child td,.cdx-table__table tbody tr:first-child th{border-top:0}.cdx-table__table__sort-button{background-color:var(--background-color-transparent, transparent);display:flex;align-items:flex-end;gap:8px;width:100%;border:0;padding:12px;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.4285714;text-align:left;text-decoration:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-table__table__sort-button:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1);cursor:pointer}.cdx-table__table__sort-button:focus{outline:1px solid transparent}.cdx-table__table__sort-button:active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-base, #a2a9b1)}.cdx-table__table__sort-button:focus:not(:active){background-color:var(--background-color-base, #fff);box-shadow:inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c)}.cdx-table__table__sort-icon{color:var(--color-subtle, #54595d);flex-shrink:0;height:1.4285714em}.cdx-table__table .cdx-table__table__cell--align-center{text-align:center}.cdx-table__table .cdx-table__table__cell--align-end{text-align:right}.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--align-number{text-align:right}.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button{flex-direction:row-reverse;text-align:right}.cdx-table__table .cdx-table__table__cell--has-sort{padding:0}.cdx-table__table__select-rows{width:1px}.cdx-table__table__row--selected{background-color:var(--background-color-progressive-subtle, #eaf3ff)}.cdx-table__table--layout-fixed{table-layout:fixed}.cdx-table__table--borders-vertical th,.cdx-table__table--borders-vertical td{border-right:1px solid var(--border-color-subtle, #c8ccd1)}.cdx-table__table--borders-vertical th:last-child,.cdx-table__table--borders-vertical td:last-child{border-right:0}.cdx-table__table--borders-vertical thead tr:not(:first-child) th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__header+.cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state{border-top:1px solid var(--border-color-base, #a2a9b1)}.cdx-table__table__empty-state-content{color:var(--color-subtle, #54595d);display:flex;align-items:center;justify-content:center;min-height:40px}.cdx-table__footer{display:flex;align-items:center;gap:16px;box-sizing:border-box;min-height:64px;border-top:1px solid var(--border-color-base, #a2a9b1);padding:12px} diff --git a/resources/lib/codex/modules/CdxTabs-bidi.css b/resources/lib/codex/modules/CdxTabs-bidi.css new file mode 100644 index 000000000000..8743ca4f4ead --- /dev/null +++ b/resources/lib/codex/modules/CdxTabs-bidi.css @@ -0,0 +1 @@ +.cdx-tabs__header{display:flex;align-items:flex-end;position:relative}.cdx-tabs__prev-scroller,.cdx-tabs__next-scroller{position:absolute;top:0;bottom:0}[dir] .cdx-tabs__prev-scroller,[dir] .cdx-tabs__next-scroller{background-color:inherit}[dir=ltr] .cdx-tabs__prev-scroller{left:0}[dir=rtl] .cdx-tabs__prev-scroller,[dir=ltr] .cdx-tabs__next-scroller{right:0}[dir=rtl] .cdx-tabs__next-scroller{left:0}.cdx-tabs__prev-scroller:after,.cdx-tabs__next-scroller:before{content:"";position:absolute;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none}[dir=ltr] .cdx-tabs__prev-scroller:after{left:100%}[dir=rtl] .cdx-tabs__prev-scroller:after{right:100%}[dir=ltr] .cdx-tabs__next-scroller:before{right:100%}[dir=rtl] .cdx-tabs__next-scroller:before{left:100%}.cdx-tabs__scroll-button.cdx-button{height:100%}.cdx-tabs__list{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdx-tabs__list::-webkit-scrollbar{-webkit-appearance:none;display:none}.cdx-tabs__list__item{display:block;flex:0 0 auto;max-width:16rem;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .cdx-tabs__list__item{background-color:var(--background-color-transparent, transparent);border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}[dir] .cdx-tabs__list__item:hover{cursor:pointer}[dir] .cdx-tabs__list__item[aria-selected=true]{cursor:default}[dir=ltr] .cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-left:0}[dir=rtl] .cdx-tabs>.cdx-tabs__header .cdx-tabs__list__item+.cdx-tabs__list__item{margin-right:0}[dir] .cdx-tabs--framed>.cdx-tabs__header{background-color:var(--background-color-interactive, #eaecf0)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-interactive, #eaecf0) 0,var(--background-color-transparent, transparent) 100%)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{color:var(--color-base, #202122)}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 4px 0 8px}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item{margin:8px 8px 0 4px}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled{overflow:hidden}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover{background-color:var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, .3))}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:enabled:active{background-color:var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, .65))}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-base, #202122)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{background-color:var(--background-color-base, #fff)}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:disabled{background-color:var(--background-color-interactive, #eaecf0);cursor:default}[dir=ltr] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:8px}[dir=rtl] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:8px}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header{background-color:var(--background-color-base, #fff);margin:0 4px;border-bottom:1px solid var(--border-color-base, #a2a9b1)}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__prev-scroller:after{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to left,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__next-scroller:before{background-image:linear-gradient(to right,var(--background-color-base, #fff) 0,var(--background-color-transparent, transparent) 100%)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item{margin:0 2px}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled{color:var(--color-base, #202122)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){color:var(--color-progressive--hover, #447ff5)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]){box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #447ff5)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){color:var(--color-progressive--active, #2a4b8d)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]){box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #2a4b8d)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{color:var(--color-progressive, #36c)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]{box-shadow:inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover{color:var(--color-progressive, #36c)}.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:disabled{cursor:default}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-left:0}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:first-child{margin-right:0}[dir=ltr] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-right:0}[dir=rtl] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:last-child{margin-left:0}.cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{outline:1px solid transparent;overflow:hidden}[dir] .cdx-tabs--framed>.cdx-tabs__header .cdx-tabs__list__item:focus-visible,[dir] .cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:focus-visible{box-shadow:inset 0 0 0 2px var(--border-color-progressive, #36c)} diff --git a/resources/lib/codex/modules/CdxTabs.cjs b/resources/lib/codex/modules/CdxTabs.cjs index 5c7d2420fdd4..69be790bdfd7 100644 --- a/resources/lib/codex/modules/CdxTabs.cjs +++ b/resources/lib/codex/modules/CdxTabs.cjs @@ -1 +1 @@ -"use strict";const e=require("vue"),x=require("./Icon.js"),A=require("./CdxButton.cjs"),M=require("./CdxTab.cjs"),$=require("./useGeneratedId.cjs"),R=require("./useComputedDirection.cjs"),W=require("./useModelWrapper.cjs"),K=require("./useIntersectionObserver.cjs"),S=require("./useSlotContents.js"),I=require("./constants.js"),j=require("./_plugin-vue_export-helper.js"),F=e.defineComponent({name:"CdxTabs",components:{CdxButton:A,CdxIcon:x.CdxIcon},props:{active:{type:String,required:!0},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(t,{slots:o,emit:c}){const b=e.ref(),i=e.ref(),f=e.ref(),d=e.ref(),v=R(b),a=e.computed(()=>{const s=S.useSlotContents(o.default);if(!s.every(n=>typeof n=="object"&&S.isComponentVNode(n,M.name)))throw new Error("Slot content may only contain CdxTab components");if(s.length===0)throw new Error("Slot content cannot be empty");return s}),p=e.computed(()=>a.value.reduce((s,n)=>{var l;if((l=n.props)!=null&&l.name&&typeof n.props.name=="string"){if(s.get(n.props.name))throw new Error("Tab names must be unique");s.set(n.props.name,{name:n.props.name,id:$(n.props.name),label:n.props.label||n.props.name,disabled:n.props.disabled})}return s},new Map)),r=W(e.toRef(t,"active"),c,"update:active"),m=e.computed(()=>Array.from(p.value.keys())),T=e.computed(()=>m.value.indexOf(r.value)),w=e.computed(()=>{var s;return(s=p.value.get(r.value))==null?void 0:s.id});e.provide(I.ActiveTabKey,r),e.provide(I.TabsKey,p);const g=e.ref(new Map),C=e.ref(),E=e.ref(),q=K(C,{threshold:.95}),V=K(E,{threshold:.95});function B(s,n){const l=s;l&&(g.value.set(n,l),n===0?C.value=l:n===m.value.length-1&&(E.value=l))}const _=e.computed(()=>({"cdx-tabs--framed":t.framed,"cdx-tabs--quiet":!t.framed}));function L(){var s;(s=g.value.get(T.value))==null||s.focus()}function y(s){if(!i.value||!f.value||!d.value)return 0;const n=v.value==="rtl"?d.value:f.value,l=v.value==="rtl"?f.value:d.value,u=s.offsetLeft,h=u+s.clientWidth,N=i.value.scrollLeft+n.clientWidth,D=i.value.scrollLeft+i.value.clientWidth-l.clientWidth;return u<N?u-N:h>D?h-D:0}function k(s){if(!i.value||!f.value||!d.value)return;const n=s==="next"&&v.value==="ltr"||s==="prev"&&v.value==="rtl"?1:-1;let l=0,u=s==="next"?i.value.firstElementChild:i.value.lastElementChild;for(;u;){const h=s==="next"?u.nextElementSibling:u.previousElementSibling;if(l=y(u),Math.sign(l)===n){h&&Math.abs(l)<.25*i.value.clientWidth&&(l=y(h));break}u=h}i.value.scrollBy({left:l,behavior:"smooth"}),L()}return e.watch(r,()=>{if(w.value===void 0||!i.value||!f.value||!d.value)return;const s=document.getElementById("".concat(w.value,"-label"));s&&i.value.scrollBy({left:y(s),behavior:"smooth"})}),{activeTab:r,activeTabIndex:T,activeTabId:w,currentDirection:v,rootElement:b,tabListElement:i,prevScroller:f,nextScroller:d,rootClasses:_,tabNames:m,tabsData:p,firstLabelVisible:q,lastLabelVisible:V,assignTemplateRefForTabButton:B,scrollTabs:k,focusActiveTab:L,cdxIconPrevious:x.d7,cdxIconNext:x.j6}},methods:{select(t,o){const c=this.tabsData.get(t);c&&!(c!=null&&c.disabled)&&(this.activeTab=t,o&&e.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(t,o,c){const b=this.tabsData.get(this.tabNames[t+o]);b&&(b.disabled?this.selectNonDisabled(t+o,o,c):this.select(b.name,c))},next(t){this.selectNonDisabled(this.activeTabIndex,1,t)},prev(t){this.selectNonDisabled(this.activeTabIndex,-1,t)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var t;this.activeTabId&&((t=document.getElementById(this.activeTabId))==null||t.focus())}}}),O={class:"cdx-tabs__header"},P={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},z={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},G=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],H={ref:"nextScroller",class:"cdx-tabs__next-scroller"},J={class:"cdx-tabs__content"};function Q(t,o,c,b,i,f){const d=e.resolveComponent("cdx-icon"),v=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",{ref:"rootElement",class:e.normalizeClass(["cdx-tabs",t.rootClasses])},[e.createElementVNode("div",O,[e.withDirectives(e.createElementVNode("div",P,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),onClick:o[1]||(o[1]=a=>t.scrollTabs("prev"))},{default:e.withCtx(()=>[e.createVNode(d,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.firstLabelVisible]]),e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabsData.values(),(a,p)=>(e.openBlock(),e.createElementBlock("button",{id:"".concat(a.id,"-label"),key:p,ref_for:!0,ref:r=>t.assignTemplateRefForTabButton(r,p),disabled:a.disabled?!0:void 0,"aria-controls":a.id,"aria-selected":a.name===t.activeTab,tabindex:a.name===t.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:e.withModifiers(r=>t.select(a.name),["prevent"]),onKeyup:e.withKeys(r=>t.select(a.name),["enter"]),onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers((...r)=>t.onRightArrowKeypress&&t.onRightArrowKeypress(...r),["prevent"]),["right"])),o[3]||(o[3]=e.withKeys(e.withModifiers((...r)=>t.onDownArrowKeypress&&t.onDownArrowKeypress(...r),["prevent"]),["down"])),o[4]||(o[4]=e.withKeys(e.withModifiers((...r)=>t.onLeftArrowKeypress&&t.onLeftArrowKeypress(...r),["prevent"]),["left"]))]},[e.createElementVNode("span",null,e.toDisplayString(a.label),1)],40,G))),128))],512),e.withDirectives(e.createElementVNode("div",H,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:o[5]||(o[5]=e.withModifiers(()=>{},["prevent"])),onClick:o[6]||(o[6]=a=>t.scrollTabs("next"))},{default:e.withCtx(()=>[e.createVNode(d,{icon:t.cdxIconNext},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.lastLabelVisible]])]),e.createElementVNode("div",J,[e.renderSlot(t.$slots,"default")])],2)}const U=j._export_sfc(F,[["render",Q]]);module.exports=U; +"use strict";const e=require("vue"),T=require("./Icon.js"),M=require("./CdxButton.cjs"),$=require("./CdxTab.cjs"),R=require("./useGeneratedId.cjs"),W=require("./useComputedDirection.cjs"),O=require("./useOptionalModelWrapper.js"),S=require("./useIntersectionObserver.cjs"),I=require("./useSlotContents.js"),V=require("./constants.js"),F=require("./_plugin-vue_export-helper.js"),j=e.defineComponent({name:"CdxTabs",components:{CdxButton:M,CdxIcon:T.CdxIcon},props:{active:{type:String,default:null},framed:{type:Boolean,default:!1}},emits:["update:active"],expose:["select","next","prev"],setup(t,{slots:s,emit:c}){const f=e.ref(),l=e.ref(),p=e.ref(),d=e.ref(),v=W(f),i=e.computed(()=>{const o=I.useSlotContents(s.default);if(!o.every(n=>typeof n=="object"&&I.isComponentVNode(n,$.name)))throw new Error("Slot content may only contain CdxTab components");if(o.length===0)throw new Error("Slot content cannot be empty");return o}),b=e.computed(()=>i.value.reduce((o,n)=>{var r;if((r=n.props)!=null&&r.name&&typeof n.props.name=="string"){if(o.get(n.props.name))throw new Error("Tab names must be unique");o.set(n.props.name,{name:n.props.name,id:R(n.props.name),label:n.props.label||n.props.name,disabled:n.props.disabled})}return o},new Map)),a=e.ref(Array.from(b.value.keys())[0]),m=O.useOptionalModelWrapper(a,e.toRef(t,"active"),c,"update:active"),w=e.computed(()=>Array.from(b.value.keys())),g=e.computed(()=>w.value.indexOf(m.value)),y=e.computed(()=>{var o;return(o=b.value.get(m.value))==null?void 0:o.id});e.provide(V.ActiveTabKey,m),e.provide(V.TabsKey,b);const C=e.ref(new Map),E=e.ref(),L=e.ref(),k=S(E,{threshold:.95}),q=S(L,{threshold:.95});function A(o,n){const r=o;r&&(C.value.set(n,r),n===0?E.value=r:n===w.value.length-1&&(L.value=r))}const B=e.computed(()=>({"cdx-tabs--framed":t.framed,"cdx-tabs--quiet":!t.framed}));function N(){var o;(o=C.value.get(g.value))==null||o.focus()}function x(o){if(!l.value||!p.value||!d.value)return 0;const n=v.value==="rtl"?d.value:p.value,r=v.value==="rtl"?p.value:d.value,u=o.offsetLeft,h=u+o.clientWidth,D=l.value.scrollLeft+n.clientWidth,K=l.value.scrollLeft+l.value.clientWidth-r.clientWidth;return u<D?u-D:h>K?h-K:0}function _(o){if(!l.value||!p.value||!d.value)return;const n=o==="next"&&v.value==="ltr"||o==="prev"&&v.value==="rtl"?1:-1;let r=0,u=o==="next"?l.value.firstElementChild:l.value.lastElementChild;for(;u;){const h=o==="next"?u.nextElementSibling:u.previousElementSibling;if(r=x(u),Math.sign(r)===n){h&&Math.abs(r)<.25*l.value.clientWidth&&(r=x(h));break}u=h}l.value.scrollBy({left:r,behavior:"smooth"}),N()}return e.watch(m,()=>{if(y.value===void 0||!l.value||!p.value||!d.value)return;const o=document.getElementById("".concat(y.value,"-label"));o&&l.value.scrollBy({left:x(o),behavior:"smooth"})}),{activeTab:m,activeTabIndex:g,activeTabId:y,currentDirection:v,rootElement:f,tabListElement:l,prevScroller:p,nextScroller:d,rootClasses:B,tabNames:w,tabsData:b,firstLabelVisible:k,lastLabelVisible:q,assignTemplateRefForTabButton:A,scrollTabs:_,focusActiveTab:N,cdxIconPrevious:T.d7,cdxIconNext:T.j6}},methods:{select(t,s){const c=this.tabsData.get(t);c&&!(c!=null&&c.disabled)&&(this.activeTab=t,s&&e.nextTick(()=>{this.focusActiveTab()}))},selectNonDisabled(t,s,c){const f=this.tabsData.get(this.tabNames[t+s]);f&&(f.disabled?this.selectNonDisabled(t+s,s,c):this.select(f.name,c))},next(t){this.selectNonDisabled(this.activeTabIndex,1,t)},prev(t){this.selectNonDisabled(this.activeTabIndex,-1,t)},onLeftArrowKeypress(){this.currentDirection==="rtl"?this.next(!0):this.prev(!0)},onRightArrowKeypress(){this.currentDirection==="rtl"?this.prev(!0):this.next(!0)},onDownArrowKeypress(){var t;this.activeTabId&&((t=document.getElementById(this.activeTabId))==null||t.focus())}}}),P={class:"cdx-tabs__header"},z={ref:"prevScroller",class:"cdx-tabs__prev-scroller"},G={ref:"tabListElement",class:"cdx-tabs__list",role:"tablist"},H=["id","disabled","aria-controls","aria-selected","tabindex","onClick","onKeyup"],J={ref:"nextScroller",class:"cdx-tabs__next-scroller"},Q={class:"cdx-tabs__content"};function U(t,s,c,f,l,p){const d=e.resolveComponent("cdx-icon"),v=e.resolveComponent("cdx-button");return e.openBlock(),e.createElementBlock("div",{ref:"rootElement",class:e.normalizeClass(["cdx-tabs",t.rootClasses])},[e.createElementVNode("div",P,[e.withDirectives(e.createElementVNode("div",z,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:s[0]||(s[0]=e.withModifiers(()=>{},["prevent"])),onClick:s[1]||(s[1]=i=>t.scrollTabs("prev"))},{default:e.withCtx(()=>[e.createVNode(d,{icon:t.cdxIconPrevious},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.firstLabelVisible]]),e.createElementVNode("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabsData.values(),(i,b)=>(e.openBlock(),e.createElementBlock("button",{id:"".concat(i.id,"-label"),key:b,ref_for:!0,ref:a=>t.assignTemplateRefForTabButton(a,b),disabled:i.disabled?!0:void 0,"aria-controls":i.id,"aria-selected":i.name===t.activeTab,tabindex:i.name===t.activeTab?void 0:-1,class:"cdx-tabs__list__item",role:"tab",onClick:e.withModifiers(a=>t.select(i.name),["prevent"]),onKeyup:e.withKeys(a=>t.select(i.name),["enter"]),onKeydown:[s[2]||(s[2]=e.withKeys(e.withModifiers((...a)=>t.onRightArrowKeypress&&t.onRightArrowKeypress(...a),["prevent"]),["right"])),s[3]||(s[3]=e.withKeys(e.withModifiers((...a)=>t.onDownArrowKeypress&&t.onDownArrowKeypress(...a),["prevent"]),["down"])),s[4]||(s[4]=e.withKeys(e.withModifiers((...a)=>t.onLeftArrowKeypress&&t.onLeftArrowKeypress(...a),["prevent"]),["left"]))]},[e.createElementVNode("span",null,e.toDisplayString(i.label),1)],40,H))),128))],512),e.withDirectives(e.createElementVNode("div",J,[e.createVNode(v,{class:"cdx-tabs__scroll-button",weight:"quiet",type:"button",tabindex:"-1","aria-hidden":!0,onMousedown:s[5]||(s[5]=e.withModifiers(()=>{},["prevent"])),onClick:s[6]||(s[6]=i=>t.scrollTabs("next"))},{default:e.withCtx(()=>[e.createVNode(d,{icon:t.cdxIconNext},null,8,["icon"])]),_:1})],512),[[e.vShow,!t.lastLabelVisible]])]),e.createElementVNode("div",Q,[e.renderSlot(t.$slots,"default")])],2)}const X=F._export_sfc(j,[["render",U]]);module.exports=X; diff --git a/resources/lib/codex/modules/CdxTextArea-bidi.css b/resources/lib/codex/modules/CdxTextArea-bidi.css new file mode 100644 index 000000000000..21532ffa28b6 --- /dev/null +++ b/resources/lib/codex/modules/CdxTextArea-bidi.css @@ -0,0 +1 @@ +.cdx-text-area{position:relative}.cdx-text-area .cdx-text-area__start-icon{position:absolute;top:4px;min-width:20px;min-height:20px;width:1.25rem;height:1.5rem}[dir] .cdx-text-area .cdx-text-area__start-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__start-icon{left:9px}[dir=rtl] .cdx-text-area .cdx-text-area__start-icon{right:9px}.cdx-text-area .cdx-text-area__end-icon{position:absolute;top:4px;min-width:16px;min-height:16px;width:1rem;height:1.5rem}[dir] .cdx-text-area .cdx-text-area__end-icon{transition-property:color;transition-duration:.1s}[dir=ltr] .cdx-text-area .cdx-text-area__end-icon{right:9px}[dir=rtl] .cdx-text-area .cdx-text-area__end-icon{left:9px}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__start-icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__start-icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__icon.cdx-text-area__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem;height:1.5rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-area__icon.cdx-text-area__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-area__icon.cdx-text-area__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-area__textarea{display:block;box-sizing:border-box;min-height:64px;width:100%;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.4285714;resize:vertical}[dir] .cdx-text-area__textarea{border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px}.cdx-text-area__textarea--is-autosize{resize:none;overflow:hidden}.cdx-text-area__textarea--is-autosize::-webkit-resizer{display:none}.cdx-text-area__textarea:enabled{color:var(--color-base, #202122)}[dir] .cdx-text-area__textarea:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-area__textarea:enabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-placeholder, #72777d)}.cdx-text-area__textarea:enabled~.cdx-text-area__icon{opacity:var(--opacity-icon-placeholder, .51)}[dir] .cdx-text-area__textarea:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon-vue.cdx-icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-base, #202122)}.cdx-text-area__textarea:enabled:focus~.cdx-text-area__icon,.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value~.cdx-text-area__icon{opacity:1}.cdx-text-area__textarea:enabled:focus{outline:1px solid transparent}[dir] .cdx-text-area__textarea:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-text-area__textarea:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-area__textarea:disabled{color:var(--color-disabled, #72777d)}[dir] .cdx-text-area__textarea:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon-vue.cdx-icon{color:var(--color-disabled, #72777d)}.cdx-text-area__textarea:disabled~.cdx-text-area__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-area__textarea::placeholder{color:var(--color-placeholder, #72777d);opacity:1}[dir=ltr] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-left:calc(16px + 1.25rem)}[dir=rtl] .cdx-text-area--has-start-icon .cdx-text-area__textarea{padding-right:calc(16px + 1.25rem)}[dir=ltr] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-right:calc(16px + 1rem)}[dir=rtl] .cdx-text-area--has-end-icon .cdx-text-area__textarea{padding-left:calc(16px + 1rem)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only){border-color:var(--border-color-error, #b32424)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):focus{border-color:var(--border-color-progressive--focus, #36c)} diff --git a/resources/lib/codex/modules/CdxTextInput-bidi.css b/resources/lib/codex/modules/CdxTextInput-bidi.css new file mode 100644 index 000000000000..c40a9656984e --- /dev/null +++ b/resources/lib/codex/modules/CdxTextInput-bidi.css @@ -0,0 +1 @@ +.cdx-text-input{position:relative;box-sizing:border-box;min-width:256px;overflow:hidden}[dir] .cdx-text-input{border-radius:2px}.cdx-text-input .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-text-input .cdx-text-input__start-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input .cdx-text-input__start-icon{left:9px}[dir=rtl] .cdx-text-input .cdx-text-input__start-icon{right:9px}.cdx-text-input__icon.cdx-text-input__end-icon{min-width:16px;min-height:16px;width:1rem;height:1rem}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-text-input__icon.cdx-text-input__end-icon{background-position:center;background-repeat:no-repeat;background-size:max(1rem,16px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-text-input__icon.cdx-text-input__end-icon{-webkit-mask-size:max(1rem,16px);mask-size:max(1rem,16px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}.cdx-text-input__clear-icon.cdx-icon,.cdx-text-input .cdx-text-input__end-icon{position:absolute;top:50%;min-width:16px;min-height:16px;width:1rem;height:1rem}[dir] .cdx-text-input__clear-icon.cdx-icon,[dir] .cdx-text-input .cdx-text-input__end-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-text-input__clear-icon.cdx-icon,[dir=ltr] .cdx-text-input .cdx-text-input__end-icon{right:9px}[dir=rtl] .cdx-text-input__clear-icon.cdx-icon,[dir=rtl] .cdx-text-input .cdx-text-input__end-icon{left:9px}[dir] .cdx-text-input__clear-icon.cdx-icon:hover{cursor:pointer}[dir=ltr] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{right:calc(17px + 1rem)}[dir=rtl] .cdx-text-input__end-icon.cdx-icon+.cdx-text-input__clear-icon.cdx-icon{left:calc(17px + 1rem)}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;font-family:inherit;font-size:inherit;line-height:1.375}[dir] .cdx-text-input__input{margin:0;border-width:1px;border-style:solid;border-radius:0;padding:4px 8px}.cdx-text-input__input:enabled{color:var(--color-base, #202122)}[dir] .cdx-text-input__input:enabled{background-color:var(--background-color-base, #fff);border-color:var(--border-color-base, #a2a9b1);box-shadow:inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon-vue{color:var(--color-placeholder, #72777d)}.cdx-text-input__input:enabled~.cdx-text-input__icon{opacity:var(--opacity-icon-placeholder, .51)}[dir] .cdx-text-input__input:enabled:hover{border-color:var(--border-color-interactive, #72777d)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon-vue,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon-vue{color:var(--color-base, #202122)}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{opacity:1}.cdx-text-input__input:enabled:focus{outline:1px solid transparent}[dir] .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-text-input__input:enabled:read-only{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-text-input__input:disabled{color:var(--color-disabled, #72777d);-webkit-text-fill-color:var(--color-disabled, #72777d)}[dir] .cdx-text-input__input:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-text-input__input:disabled~.cdx-text-input__icon-vue{color:var(--color-disabled, #72777d);pointer-events:none}.cdx-text-input__input:disabled~.cdx-text-input__icon{opacity:var(--opacity-icon-base--disabled, .51)}.cdx-text-input__input::placeholder{color:var(--color-placeholder, #72777d);opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}[dir=ltr] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:calc(16px + 1.25rem)}[dir=rtl] .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:calc(16px + 1.25rem)}[dir=ltr] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=ltr] .cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(16px + 1rem)}[dir=rtl] .cdx-text-input--has-end-icon .cdx-text-input__input,[dir=rtl] .cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(16px + 1rem)}[dir=ltr] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:calc(24px + 2rem)}[dir=rtl] .cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-left:calc(24px + 2rem)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled{border-color:var(--border-color-error, #b32424)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:hover{border-color:var(--border-color-error--hover, #ff4242)}[dir] .cdx-text-input--status-error .cdx-text-input__input:enabled:focus{border-color:var(--border-color-progressive--focus, #36c)} diff --git a/resources/lib/codex/modules/CdxThumbnail-bidi.css b/resources/lib/codex/modules/CdxThumbnail-bidi.css new file mode 100644 index 000000000000..11fcb3f8607a --- /dev/null +++ b/resources/lib/codex/modules/CdxThumbnail-bidi.css @@ -0,0 +1 @@ +.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{flex-shrink:0;box-sizing:border-box;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem}[dir] .cdx-thumbnail__placeholder,[dir] .cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--border-color-subtle, #c8ccd1);border-radius:2px}.cdx-thumbnail__image{display:inline-block}[dir] .cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{display:inline-flex;align-items:center;justify-content:center}[dir] .cdx-thumbnail__placeholder{background-color:var(--background-color-interactive-subtle, #f8f9fa)}.cdx-thumbnail__placeholder__icon{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-thumbnail__placeholder__icon{background-position:center;background-repeat:no-repeat;background-size:max(1.25rem,20px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-size:max(1.25rem,20px);mask-size:max(1.25rem,20px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-thumbnail__placeholder__icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}.cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,.cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon{filter:invert(var(--filter-invert-primary-button-icon, 1))}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-thumbnail__placeholder__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>')}[dir] .cdx-thumbnail__placeholder__icon{background-color:var(--color-placeholder, #72777d)}}.cdx-thumbnail__placeholder__icon--vue.cdx-icon{color:var(--color-placeholder, #72777d)} diff --git a/resources/lib/codex/modules/CdxToggleButton-bidi.css b/resources/lib/codex/modules/CdxToggleButton-bidi.css new file mode 100644 index 000000000000..20e793bf679d --- /dev/null +++ b/resources/lib/codex/modules/CdxToggleButton-bidi.css @@ -0,0 +1 @@ +.cdx-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:32px;max-width:28rem;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}[dir] .cdx-toggle-button{margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:11px;padding-left:11px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-toggle-button--size-large{min-height:44px}[dir] .cdx-toggle-button--size-large{padding-right:15px;padding-left:15px}.cdx-toggle-button--icon-only{min-width:32px}[dir] .cdx-toggle-button--icon-only{padding-right:5px;padding-left:5px}.cdx-toggle-button--icon-only.cdx-toggle-button--size-large{min-width:44px}[dir] .cdx-toggle-button--icon-only.cdx-toggle-button--size-large{padding-right:11px;padding-left:11px}[dir] .cdx-toggle-button::-moz-focus-inner{border:0;padding:0}.cdx-toggle-button:enabled{color:var(--color-base, #202122)}[dir] .cdx-toggle-button:enabled:hover{cursor:pointer}.cdx-toggle-button:enabled:focus{outline:1px solid transparent}[dir] .cdx-toggle-button:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-toggle-button:enabled:active,.cdx-toggle-button:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-toggle-button:enabled:active,[dir] .cdx-toggle-button:enabled.cdx-toggle-button--is-active{border-color:var(--border-color-interactive, #72777d);box-shadow:none}.cdx-toggle-button .cdx-icon{color:inherit;vertical-align:middle}[dir] .cdx-toggle-button--framed:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);border-color:var(--border-color-base, #a2a9b1)}.cdx-toggle-button--framed:enabled:hover{color:var(--color-base--hover, #404244)}[dir] .cdx-toggle-button--framed:enabled:hover{background-color:var(--background-color-base, #fff)}[dir] .cdx-toggle-button--framed:enabled:active,[dir] .cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--framed:disabled{color:var(--color-inverted, #fff)}[dir] .cdx-toggle-button--framed:disabled{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{color:var(--color-inverted-fixed, #fff)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{color:var(--color-emphasized, #000)}[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,[dir] .cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0);border-color:var(--border-color-interactive, #72777d);box-shadow:none}[dir] .cdx-toggle-button--quiet{background-color:var(--background-color-transparent, transparent);border-color:var(--border-color-transparent, transparent)}[dir] .cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on{background-color:var(--background-color-interactive, #eaecf0)}[dir] .cdx-toggle-button--quiet:enabled:hover{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-toggle-button--quiet:enabled:focus{background-color:var(--background-color-interactive-subtle, #f8f9fa)}[dir] .cdx-toggle-button--quiet:enabled:active,[dir] .cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active{background-color:var(--background-color-interactive, #eaecf0)}.cdx-toggle-button--quiet:disabled{color:var(--color-disabled, #72777d)} diff --git a/resources/lib/codex/modules/CdxToggleButtonGroup-bidi.css b/resources/lib/codex/modules/CdxToggleButtonGroup-bidi.css new file mode 100644 index 000000000000..faf4bca85e44 --- /dev/null +++ b/resources/lib/codex/modules/CdxToggleButtonGroup-bidi.css @@ -0,0 +1 @@ +.cdx-toggle-button-group{position:relative;z-index:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}[dir] .cdx-toggle-button-group{border-radius:2px;padding-top:1px}[dir=ltr] .cdx-toggle-button-group{padding-left:1px}[dir=rtl] .cdx-toggle-button-group{padding-right:1px}.cdx-toggle-button-group .cdx-toggle-button{position:relative;z-index:1}[dir] .cdx-toggle-button-group .cdx-toggle-button{margin-top:-1px;border-radius:0}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button{margin-left:-1px}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button{margin-right:-1px}.cdx-toggle-button-group .cdx-toggle-button:enabled:active,.cdx-toggle-button-group .cdx-toggle-button:enabled:focus{z-index:3}.cdx-toggle-button-group .cdx-toggle-button:disabled{z-index:0}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button:disabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{z-index:2}[dir=ltr] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),-1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir=rtl] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled{box-shadow:0 -1px 0 0 var(--box-shadow-color-inverted, #fff),1px 0 0 0 var(--box-shadow-color-inverted, #fff)}[dir] .cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff),0 0 0 1px var(--box-shadow-color-inverted, #fff)} diff --git a/resources/lib/codex/modules/CdxToggleSwitch-bidi.css b/resources/lib/codex/modules/CdxToggleSwitch-bidi.css new file mode 100644 index 000000000000..60c3552d3f86 --- /dev/null +++ b/resources/lib/codex/modules/CdxToggleSwitch-bidi.css @@ -0,0 +1 @@ +.cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0}[dir] .cdx-toggle-switch{margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}[dir] .cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}[dir=ltr] .cdx-toggle-switch__label:not(:empty),[dir=ltr] .cdx-toggle-switch__label.cdx-label:not(:empty){padding-right:6px}[dir=rtl] .cdx-toggle-switch__label:not(:empty),[dir=rtl] .cdx-toggle-switch__label.cdx-label:not(:empty){padding-left:6px}[dir] .cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;overflow:hidden}[dir] .cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-interactive-subtle, #f8f9fa);border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;bottom:1px;z-index:1}[dir] .cdx-toggle-switch__switch:before{right:1px;left:1px;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-toggle-switch__switch__grip{border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}[dir=ltr] .cdx-toggle-switch__switch__grip{transform:translate(.3125rem) translateY(-50%)}[dir=rtl] .cdx-toggle-switch__switch__grip{transform:translate(-.3125rem) translateY(-50%)}.cdx-toggle-switch__input{opacity:0;position:absolute;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;font-size:inherit}[dir] .cdx-toggle-switch__input{margin:0}[dir=ltr] .cdx-toggle-switch__input{right:0}[dir=rtl] .cdx-toggle-switch__input{left:0}[dir] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff)}[dir=ltr] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{transform:translate(calc(100% + .0625rem)) translateY(-50%)}[dir=rtl] .cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{transform:translate(calc(-1*(100% + .0625rem))) translateY(-50%)}[dir] .cdx-toggle-switch__input:enabled:hover,[dir] .cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,[dir] .cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}[dir] .cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff)}[dir] .cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{outline:1px solid transparent}[dir] .cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}[dir] .cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--background-color-base, #fff)}[dir] .cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-progressive--active, #2a4b8d)}[dir] .cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-progressive, #36c)}[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,[dir] .cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:disabled{cursor:default}[dir] .cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}[dir] .cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff);box-shadow:inset 0 0 0 1px var(--box-shadow-color-inverted, #fff)}[dir] .cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)} diff --git a/resources/lib/codex/modules/CdxTooltip-bidi.css b/resources/lib/codex/modules/CdxTooltip-bidi.css new file mode 100644 index 000000000000..421b8d675c3d --- /dev/null +++ b/resources/lib/codex/modules/CdxTooltip-bidi.css @@ -0,0 +1 @@ +.cdx-tooltip{color:var(--color-inverted, #fff);display:none;position:absolute;z-index:800;width:-webkit-max-content;width:max-content;max-width:16rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.25rem}[dir] .cdx-tooltip{background-color:var(--background-color-inverted, #101418);border-radius:2px;padding:2px 6px;animation-name:cdx-animation-tooltip;animation-duration:.1s;animation-timing-function:linear;animation-delay:.25s;animation-fill-mode:both}@keyframes cdx-animation-tooltip{0%{opacity:0;transform:scale(75%)}to{opacity:1;transform:scale(1)}} diff --git a/resources/lib/codex/modules/CdxTypeaheadSearch-bidi.css b/resources/lib/codex/modules/CdxTypeaheadSearch-bidi.css new file mode 100644 index 000000000000..7560aa05218c --- /dev/null +++ b/resources/lib/codex/modules/CdxTypeaheadSearch-bidi.css @@ -0,0 +1 @@ +[dir] .cdx-typeahead-search__menu.cdx-menu{border-top-left-radius:0;border-top-right-radius:0}[dir] .cdx-typeahead-search .cdx-menu-item{padding:0}[dir] .cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__search-footer.cdx-menu-item{box-sizing:border-box;min-height:56px}.cdx-typeahead-search__search-footer.cdx-menu-item:visited{color:var(--color-base, #202122)}.cdx-typeahead-search__search-footer.cdx-menu-item:hover{text-decoration:none}[dir] .cdx-typeahead-search__search-footer.cdx-menu-item:hover{cursor:pointer}.cdx-typeahead-search__search-footer__icon.cdx-icon{color:var(--color-subtle, #54595d)}.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text{color:var(--color-progressive, #36c)}[dir=ltr] .cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-left:20px}[dir=rtl] .cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail{padding-right:20px}[dir] .cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input{border-bottom-left-radius:0;border-bottom-right-radius:0}[dir=ltr] .cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}[dir=rtl] .cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input{padding-right:36px}[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-left:24px}[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded){margin-right:24px}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-left:0}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded{margin-right:0}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-left:60px}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input{padding-right:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{transition-property:color;transition-duration:.1s;transform:translateY(-50%)}[dir=ltr] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir=ltr] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{left:22px}[dir=rtl] .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,[dir=rtl] .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon{right:22px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;min-width:40px;width:2.5rem}[dir] .cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset} diff --git a/resources/lib/codex/modules/Icon-bidi.css b/resources/lib/codex/modules/Icon-bidi.css new file mode 100644 index 000000000000..d3d9066f3886 --- /dev/null +++ b/resources/lib/codex/modules/Icon-bidi.css @@ -0,0 +1 @@ +.cdx-icon{color:var(--color-base, #202122);display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon svg{fill:currentcolor;width:100%;height:100%}.cdx-icon--x-small{min-width:12px;min-height:12px;width:.75rem;height:.75rem}.cdx-icon--small{min-width:16px;min-height:16px;width:1rem;height:1rem}.cdx-icon--medium{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem}[dir] .cdx-icon--flipped svg{transform:scaleX(-1)} diff --git a/resources/lib/codex/modules/manifest-bidi.json b/resources/lib/codex/modules/manifest-bidi.json new file mode 100644 index 000000000000..09f362912716 --- /dev/null +++ b/resources/lib/codex/modules/manifest-bidi.json @@ -0,0 +1,700 @@ +{ + "_Icon.js": { + "file": "Icon.js", + "name": "Icon", + "imports": [ + "src/composables/useComputedDirection.ts", + "src/composables/useComputedLanguage.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "Icon-bidi.css" + ] + }, + "__plugin-vue_export-helper.js": { + "file": "_plugin-vue_export-helper.js", + "name": "_plugin-vue_export-helper" + }, + "_constants.js": { + "file": "constants.js", + "name": "constants" + }, + "_floating-ui.dom.js": { + "file": "floating-ui.dom.js", + "name": "floating-ui.dom" + }, + "_useButtonGroupKeyboardNav.js": { + "file": "useButtonGroupKeyboardNav.js", + "name": "useButtonGroupKeyboardNav", + "imports": [ + "src/composables/useComputedDirection.ts" + ] + }, + "_useI18nWithOverride.js": { + "file": "useI18nWithOverride.js", + "name": "useI18nWithOverride", + "imports": [ + "src/composables/useI18n.ts" + ] + }, + "_useIconOnlyButton.js": { + "file": "useIconOnlyButton.js", + "name": "useIconOnlyButton", + "imports": [ + "_useSlotContents.js", + "src/composables/useWarnOnce.ts" + ] + }, + "_useLabelChecker.js": { + "file": "useLabelChecker.js", + "name": "useLabelChecker", + "imports": [ + "_useSlotContents.js", + "src/composables/useWarnOnce.ts" + ] + }, + "_useOptionalModelWrapper.js": { + "file": "useOptionalModelWrapper.js", + "name": "useOptionalModelWrapper" + }, + "_useSlotContents.js": { + "file": "useSlotContents.js", + "name": "useSlotContents" + }, + "src/components/accordion/Accordion.vue": { + "file": "CdxAccordion.cjs", + "name": "CdxAccordion", + "src": "src/components/accordion/Accordion.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/button/Button.vue", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxAccordion-bidi.css" + ] + }, + "src/components/button-group/ButtonGroup.vue": { + "file": "CdxButtonGroup.cjs", + "name": "CdxButtonGroup", + "src": "src/components/button-group/ButtonGroup.vue", + "isEntry": true, + "imports": [ + "_useButtonGroupKeyboardNav.js", + "src/components/button/Button.vue", + "_Icon.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxButtonGroup-bidi.css" + ] + }, + "src/components/button/Button.vue": { + "file": "CdxButton.cjs", + "name": "CdxButton", + "src": "src/components/button/Button.vue", + "isEntry": true, + "imports": [ + "_constants.js", + "_useIconOnlyButton.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxButton-bidi.css" + ] + }, + "src/components/card/Card.vue": { + "file": "CdxCard.cjs", + "name": "CdxCard", + "src": "src/components/card/Card.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/thumbnail/Thumbnail.vue", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxCard-bidi.css" + ] + }, + "src/components/checkbox/Checkbox.vue": { + "file": "CdxCheckbox.cjs", + "name": "CdxCheckbox", + "src": "src/components/checkbox/Checkbox.vue", + "isEntry": true, + "imports": [ + "src/components/label/Label.vue", + "_useLabelChecker.js", + "src/composables/useModelWrapper.ts", + "src/composables/useGeneratedId.ts", + "src/composables/useFieldData.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxCheckbox-bidi.css" + ] + }, + "src/components/chip-input/ChipInput.vue": { + "file": "CdxChipInput.cjs", + "name": "CdxChipInput", + "src": "src/components/chip-input/ChipInput.vue", + "isEntry": true, + "imports": [ + "src/components/button/Button.vue", + "_Icon.js", + "src/composables/useI18n.ts", + "__plugin-vue_export-helper.js", + "_constants.js", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "src/composables/useComputedDirection.ts", + "_useOptionalModelWrapper.js" + ], + "css": [ + "CdxChipInput-bidi.css" + ] + }, + "src/components/combobox/Combobox.vue": { + "file": "CdxCombobox.cjs", + "name": "CdxCombobox", + "src": "src/components/combobox/Combobox.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/button/Button.vue", + "src/components/menu/Menu.vue", + "src/components/text-input/TextInput.vue", + "src/composables/useModelWrapper.ts", + "src/composables/useGeneratedId.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "src/composables/useFloatingMenu.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxCombobox-bidi.css" + ] + }, + "src/components/dialog/Dialog.vue": { + "file": "CdxDialog.cjs", + "name": "CdxDialog", + "src": "src/components/dialog/Dialog.vue", + "isEntry": true, + "imports": [ + "src/components/button/Button.vue", + "_Icon.js", + "src/composables/useGeneratedId.ts", + "_useI18nWithOverride.js", + "src/composables/useResizeObserver.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxDialog-bidi.css" + ] + }, + "src/components/field/Field.vue": { + "file": "CdxField.cjs", + "name": "CdxField", + "src": "src/components/field/Field.vue", + "isEntry": true, + "imports": [ + "src/components/label/Label.vue", + "src/components/message/Message.vue", + "_constants.js", + "src/composables/useGeneratedId.ts", + "src/composables/useComputedDisabled.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxField-bidi.css" + ] + }, + "src/components/icon/Icon.vue": { + "file": "CdxIcon.cjs", + "name": "CdxIcon", + "src": "src/components/icon/Icon.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "__plugin-vue_export-helper.js" + ] + }, + "src/components/info-chip/InfoChip.vue": { + "file": "CdxInfoChip.cjs", + "name": "CdxInfoChip", + "src": "src/components/info-chip/InfoChip.vue", + "isEntry": true, + "imports": [ + "_constants.js", + "_Icon.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxInfoChip-bidi.css" + ] + }, + "src/components/label/Label.vue": { + "file": "CdxLabel.cjs", + "name": "CdxLabel", + "src": "src/components/label/Label.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/composables/useFieldData.ts", + "src/composables/useSplitAttributes.ts", + "_useI18nWithOverride.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxLabel-bidi.css" + ] + }, + "src/components/lookup/Lookup.vue": { + "file": "CdxLookup.cjs", + "name": "CdxLookup", + "src": "src/components/lookup/Lookup.vue", + "isEntry": true, + "imports": [ + "src/components/menu/Menu.vue", + "src/components/text-input/TextInput.vue", + "src/composables/useGeneratedId.ts", + "src/composables/useModelWrapper.ts", + "_useOptionalModelWrapper.js", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "src/composables/useFloatingMenu.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxLookup-bidi.css" + ] + }, + "src/components/menu-button/MenuButton.vue": { + "file": "CdxMenuButton.cjs", + "name": "CdxMenuButton", + "src": "src/components/menu-button/MenuButton.vue", + "isEntry": true, + "imports": [ + "src/components/toggle-button/ToggleButton.vue", + "src/components/menu/Menu.vue", + "src/composables/useFieldData.ts", + "src/composables/useFloatingMenu.ts", + "src/composables/useGeneratedId.ts", + "src/composables/useModelWrapper.ts", + "src/composables/useSplitAttributes.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxMenuButton-bidi.css" + ] + }, + "src/components/menu-item/MenuItem.vue": { + "file": "CdxMenuItem.cjs", + "name": "CdxMenuItem", + "src": "src/components/menu-item/MenuItem.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/thumbnail/Thumbnail.vue", + "src/components/search-result-title/SearchResultTitle.vue", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxMenuItem-bidi.css" + ] + }, + "src/components/menu/Menu.vue": { + "file": "CdxMenu.cjs", + "name": "CdxMenu", + "src": "src/components/menu/Menu.vue", + "isEntry": true, + "imports": [ + "src/components/menu-item/MenuItem.vue", + "src/components/progress-bar/ProgressBar.vue", + "src/composables/useGeneratedId.ts", + "src/composables/useIntersectionObserver.ts", + "src/composables/useSplitAttributes.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxMenu-bidi.css" + ] + }, + "src/components/message/Message.vue": { + "file": "CdxMessage.cjs", + "name": "CdxMessage", + "src": "src/components/message/Message.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/button/Button.vue", + "_constants.js", + "_useI18nWithOverride.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxMessage-bidi.css" + ] + }, + "src/components/progress-bar/ProgressBar.vue": { + "file": "CdxProgressBar.cjs", + "name": "CdxProgressBar", + "src": "src/components/progress-bar/ProgressBar.vue", + "isEntry": true, + "imports": [ + "src/composables/useWarnOnce.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxProgressBar-bidi.css" + ] + }, + "src/components/radio/Radio.vue": { + "file": "CdxRadio.cjs", + "name": "CdxRadio", + "src": "src/components/radio/Radio.vue", + "isEntry": true, + "imports": [ + "src/components/label/Label.vue", + "_useLabelChecker.js", + "src/composables/useModelWrapper.ts", + "src/composables/useGeneratedId.ts", + "src/composables/useFieldData.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxRadio-bidi.css" + ] + }, + "src/components/search-input/SearchInput.vue": { + "file": "CdxSearchInput.cjs", + "name": "CdxSearchInput", + "src": "src/components/search-input/SearchInput.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/button/Button.vue", + "src/components/text-input/TextInput.vue", + "src/composables/useModelWrapper.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "_useI18nWithOverride.js", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxSearchInput-bidi.css" + ] + }, + "src/components/search-result-title/SearchResultTitle.vue": { + "file": "CdxSearchResultTitle.cjs", + "name": "CdxSearchResultTitle", + "src": "src/components/search-result-title/SearchResultTitle.vue", + "isEntry": true, + "imports": [ + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxSearchResultTitle-bidi.css" + ] + }, + "src/components/select/Select.vue": { + "file": "CdxSelect.cjs", + "name": "CdxSelect", + "src": "src/components/select/Select.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/menu/Menu.vue", + "src/composables/useGeneratedId.ts", + "src/composables/useModelWrapper.ts", + "src/composables/useFieldData.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useFloatingMenu.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxSelect-bidi.css" + ] + }, + "src/components/tab/Tab.vue": { + "file": "CdxTab.cjs", + "name": "CdxTab", + "src": "src/components/tab/Tab.vue", + "isEntry": true, + "imports": [ + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxTab-bidi.css" + ] + }, + "src/components/table/Table.vue": { + "file": "CdxTable.cjs", + "name": "CdxTable", + "src": "src/components/table/Table.vue", + "isEntry": true, + "imports": [ + "src/components/checkbox/Checkbox.vue", + "_Icon.js", + "src/components/button/Button.vue", + "src/components/select/Select.vue", + "src/composables/useModelWrapper.ts", + "src/composables/useI18n.ts", + "__plugin-vue_export-helper.js", + "src/components/progress-bar/ProgressBar.vue", + "_constants.js" + ], + "css": [ + "CdxTable-bidi.css" + ] + }, + "src/components/tabs/Tabs.vue": { + "file": "CdxTabs.cjs", + "name": "CdxTabs", + "src": "src/components/tabs/Tabs.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/button/Button.vue", + "src/components/tab/Tab.vue", + "src/composables/useGeneratedId.ts", + "src/composables/useComputedDirection.ts", + "_useOptionalModelWrapper.js", + "src/composables/useIntersectionObserver.ts", + "_useSlotContents.js", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxTabs-bidi.css" + ] + }, + "src/components/text-area/TextArea.vue": { + "file": "CdxTextArea.cjs", + "name": "CdxTextArea", + "src": "src/components/text-area/TextArea.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/composables/useSplitAttributes.ts", + "src/composables/useModelWrapper.ts", + "src/composables/useFieldData.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxTextArea-bidi.css" + ] + }, + "src/components/text-input/TextInput.vue": { + "file": "CdxTextInput.cjs", + "name": "CdxTextInput", + "src": "src/components/text-input/TextInput.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "_constants.js", + "src/composables/useModelWrapper.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxTextInput-bidi.css" + ] + }, + "src/components/thumbnail/Thumbnail.vue": { + "file": "CdxThumbnail.cjs", + "name": "CdxThumbnail", + "src": "src/components/thumbnail/Thumbnail.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxThumbnail-bidi.css" + ] + }, + "src/components/toggle-button-group/ToggleButtonGroup.vue": { + "file": "CdxToggleButtonGroup.cjs", + "name": "CdxToggleButtonGroup", + "src": "src/components/toggle-button-group/ToggleButtonGroup.vue", + "isEntry": true, + "imports": [ + "_useButtonGroupKeyboardNav.js", + "_Icon.js", + "src/components/toggle-button/ToggleButton.vue", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxToggleButtonGroup-bidi.css" + ] + }, + "src/components/toggle-button/ToggleButton.vue": { + "file": "CdxToggleButton.cjs", + "name": "CdxToggleButton", + "src": "src/components/toggle-button/ToggleButton.vue", + "isEntry": true, + "imports": [ + "_useIconOnlyButton.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxToggleButton-bidi.css" + ] + }, + "src/components/toggle-switch/ToggleSwitch.vue": { + "file": "CdxToggleSwitch.cjs", + "name": "CdxToggleSwitch", + "src": "src/components/toggle-switch/ToggleSwitch.vue", + "isEntry": true, + "imports": [ + "src/components/label/Label.vue", + "_useLabelChecker.js", + "src/composables/useModelWrapper.ts", + "src/composables/useGeneratedId.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useFieldData.ts", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxToggleSwitch-bidi.css" + ] + }, + "src/components/tooltip/Tooltip.ts": { + "file": "CdxTooltip.cjs", + "name": "CdxTooltip", + "src": "src/components/tooltip/Tooltip.ts", + "isEntry": true, + "imports": [ + "src/composables/useGeneratedId.ts", + "_floating-ui.dom.js" + ], + "css": [ + "CdxTooltip-bidi.css" + ] + }, + "src/components/typeahead-search/TypeaheadSearch.vue": { + "file": "CdxTypeaheadSearch.cjs", + "name": "CdxTypeaheadSearch", + "src": "src/components/typeahead-search/TypeaheadSearch.vue", + "isEntry": true, + "imports": [ + "_Icon.js", + "src/components/menu/Menu.vue", + "src/components/search-input/SearchInput.vue", + "src/composables/useGeneratedId.ts", + "src/composables/useSplitAttributes.ts", + "src/composables/useI18n.ts", + "_constants.js", + "__plugin-vue_export-helper.js" + ], + "css": [ + "CdxTypeaheadSearch-bidi.css" + ] + }, + "src/composables/useComputedDirection.ts": { + "file": "useComputedDirection.cjs", + "name": "useComputedDirection", + "src": "src/composables/useComputedDirection.ts", + "isEntry": true + }, + "src/composables/useComputedDisabled.ts": { + "file": "useComputedDisabled.cjs", + "name": "useComputedDisabled", + "src": "src/composables/useComputedDisabled.ts", + "isEntry": true, + "imports": [ + "_constants.js" + ] + }, + "src/composables/useComputedLanguage.ts": { + "file": "useComputedLanguage.cjs", + "name": "useComputedLanguage", + "src": "src/composables/useComputedLanguage.ts", + "isEntry": true + }, + "src/composables/useFieldData.ts": { + "file": "useFieldData.cjs", + "name": "useFieldData", + "src": "src/composables/useFieldData.ts", + "isEntry": true, + "imports": [ + "src/composables/useComputedDisabled.ts", + "_constants.js" + ] + }, + "src/composables/useFloatingMenu.ts": { + "file": "useFloatingMenu.cjs", + "name": "useFloatingMenu", + "src": "src/composables/useFloatingMenu.ts", + "isEntry": true, + "imports": [ + "_floating-ui.dom.js" + ] + }, + "src/composables/useGeneratedId.ts": { + "file": "useGeneratedId.cjs", + "name": "useGeneratedId", + "src": "src/composables/useGeneratedId.ts", + "isEntry": true, + "imports": [ + "_constants.js" + ] + }, + "src/composables/useI18n.ts": { + "file": "useI18n.cjs", + "name": "useI18n", + "src": "src/composables/useI18n.ts", + "isEntry": true + }, + "src/composables/useIntersectionObserver.ts": { + "file": "useIntersectionObserver.cjs", + "name": "useIntersectionObserver", + "src": "src/composables/useIntersectionObserver.ts", + "isEntry": true + }, + "src/composables/useModelWrapper.ts": { + "file": "useModelWrapper.cjs", + "name": "useModelWrapper", + "src": "src/composables/useModelWrapper.ts", + "isEntry": true + }, + "src/composables/useResizeObserver.ts": { + "file": "useResizeObserver.cjs", + "name": "useResizeObserver", + "src": "src/composables/useResizeObserver.ts", + "isEntry": true + }, + "src/composables/useSlotContents.ts": { + "file": "useSlotContents.cjs", + "name": "useSlotContents", + "src": "src/composables/useSlotContents.ts", + "isEntry": true, + "imports": [ + "_useSlotContents.js" + ] + }, + "src/composables/useSplitAttributes.ts": { + "file": "useSplitAttributes.cjs", + "name": "useSplitAttributes", + "src": "src/composables/useSplitAttributes.ts", + "isEntry": true + }, + "src/composables/useWarnOnce.ts": { + "file": "useWarnOnce.cjs", + "name": "useWarnOnce", + "src": "src/composables/useWarnOnce.ts", + "isEntry": true + } +}
\ No newline at end of file diff --git a/resources/lib/codex/modules/manifest-rtl.json b/resources/lib/codex/modules/manifest-rtl.json index 75627a7fa280..9bac98465ff4 100644 --- a/resources/lib/codex/modules/manifest-rtl.json +++ b/resources/lib/codex/modules/manifest-rtl.json @@ -54,6 +54,10 @@ "src/composables/useWarnOnce.ts" ] }, + "_useOptionalModelWrapper.js": { + "file": "useOptionalModelWrapper.js", + "name": "useOptionalModelWrapper" + }, "_useSlotContents.js": { "file": "useSlotContents.js", "name": "useSlotContents" @@ -146,7 +150,8 @@ "_constants.js", "src/composables/useSplitAttributes.ts", "src/composables/useFieldData.ts", - "src/composables/useComputedDirection.ts" + "src/composables/useComputedDirection.ts", + "_useOptionalModelWrapper.js" ], "css": [ "CdxChipInput-rtl.css" @@ -258,6 +263,7 @@ "src/components/text-input/TextInput.vue", "src/composables/useGeneratedId.ts", "src/composables/useModelWrapper.ts", + "_useOptionalModelWrapper.js", "src/composables/useSplitAttributes.ts", "src/composables/useFieldData.ts", "src/composables/useFloatingMenu.ts", @@ -461,7 +467,7 @@ "src/components/tab/Tab.vue", "src/composables/useGeneratedId.ts", "src/composables/useComputedDirection.ts", - "src/composables/useModelWrapper.ts", + "_useOptionalModelWrapper.js", "src/composables/useIntersectionObserver.ts", "_useSlotContents.js", "_constants.js", diff --git a/resources/lib/codex/modules/manifest.json b/resources/lib/codex/modules/manifest.json index 69660a3652e5..2fc39c14c95a 100644 --- a/resources/lib/codex/modules/manifest.json +++ b/resources/lib/codex/modules/manifest.json @@ -54,6 +54,10 @@ "src/composables/useWarnOnce.ts" ] }, + "_useOptionalModelWrapper.js": { + "file": "useOptionalModelWrapper.js", + "name": "useOptionalModelWrapper" + }, "_useSlotContents.js": { "file": "useSlotContents.js", "name": "useSlotContents" @@ -146,7 +150,8 @@ "_constants.js", "src/composables/useSplitAttributes.ts", "src/composables/useFieldData.ts", - "src/composables/useComputedDirection.ts" + "src/composables/useComputedDirection.ts", + "_useOptionalModelWrapper.js" ], "css": [ "CdxChipInput.css" @@ -258,6 +263,7 @@ "src/components/text-input/TextInput.vue", "src/composables/useGeneratedId.ts", "src/composables/useModelWrapper.ts", + "_useOptionalModelWrapper.js", "src/composables/useSplitAttributes.ts", "src/composables/useFieldData.ts", "src/composables/useFloatingMenu.ts", @@ -461,7 +467,7 @@ "src/components/tab/Tab.vue", "src/composables/useGeneratedId.ts", "src/composables/useComputedDirection.ts", - "src/composables/useModelWrapper.ts", + "_useOptionalModelWrapper.js", "src/composables/useIntersectionObserver.ts", "_useSlotContents.js", "_constants.js", diff --git a/resources/lib/codex/modules/useOptionalModelWrapper.js b/resources/lib/codex/modules/useOptionalModelWrapper.js new file mode 100644 index 000000000000..dcf01425c4e5 --- /dev/null +++ b/resources/lib/codex/modules/useOptionalModelWrapper.js @@ -0,0 +1 @@ +"use strict";const r=require("vue");function o(u,t,l,p){return r.computed({get:()=>{var e;return(e=t.value)!=null?e:u.value},set:e=>{t.value!==null?l(p||"update:modelValue",e):u.value=e}})}exports.useOptionalModelWrapper=o; diff --git a/resources/lib/foreign-resources.cdx.json b/resources/lib/foreign-resources.cdx.json index d74065259be1..cc1e8b52dd51 100644 --- a/resources/lib/foreign-resources.cdx.json +++ b/resources/lib/foreign-resources.cdx.json @@ -2,7 +2,7 @@ "$schema": "http://cyclonedx.org/schema/bom-1.6.schema.json", "bomFormat": "CycloneDX", "specVersion": "1.6", - "serialNumber": "urn:uuid:82ffdfd8-087a-4be0-baf1-e66d9bcad9a8", + "serialNumber": "urn:uuid:ed6da747-aad0-49a5-a5c0-30d05f44e679", "version": 1, "components": [ { @@ -32,7 +32,7 @@ { "type": "library", "name": "codex", - "version": "1.11.1", + "version": "1.12.0", "licenses": [ { "license": { @@ -40,7 +40,7 @@ } } ], - "purl": "pkg:npm/@wikimedia/codex@1.11.1", + "purl": "pkg:npm/@wikimedia/codex@1.12.0", "authors": [ { "name": "Design System team" @@ -59,7 +59,7 @@ { "type": "library", "name": "codex-design-tokens", - "version": "1.11.1", + "version": "1.12.0", "licenses": [ { "license": { @@ -67,7 +67,7 @@ } } ], - "purl": "pkg:npm/@wikimedia/codex-design-tokens@1.11.1", + "purl": "pkg:npm/@wikimedia/codex-design-tokens@1.12.0", "authors": [ { "name": "Design System team" @@ -94,7 +94,7 @@ } } ], - "purl": "pkg:npm/@wikimedia/codex-icons@1.11.1", + "purl": "pkg:npm/@wikimedia/codex-icons@1.12.0", "authors": [ { "name": "Design System team" diff --git a/resources/lib/foreign-resources.yaml b/resources/lib/foreign-resources.yaml index f96312a09cdb..bb85964bb05c 100644 --- a/resources/lib/foreign-resources.yaml +++ b/resources/lib/foreign-resources.yaml @@ -125,11 +125,11 @@ codex: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design System team, Wikimedia Foundation - version: 1.11.1 - purl: pkg:npm/@wikimedia/codex@1.11.1 + version: 1.12.0 + purl: pkg:npm/@wikimedia/codex@1.12.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex/-/codex-1.11.1.tgz - integrity: sha384-taFzSb4bjrDDQ9HDH1IrnqnnUDPmM/W6JOwex0LfaEuwhFmep4DP1b+TojH0Cimz + src: https://registry.npmjs.org/@wikimedia/codex/-/codex-1.12.0.tgz + integrity: sha384-e2MO+dq0uLzar45BxgZtL5+qfbv4cZiCnn4s8guN01sXfY4i21pfka+/gNziv/p4 dest: package/dist/codex.cjs: package/dist/codex.js: @@ -146,11 +146,11 @@ codex-design-tokens: license: GPL-2.0+ homepage: https://doc.wikimedia.org/codex/ authors: Design System team, Wikimedia Foundation - version: 1.11.1 - purl: pkg:npm/@wikimedia/codex-design-tokens@1.11.1 + version: 1.12.0 + purl: pkg:npm/@wikimedia/codex-design-tokens@1.12.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-1.11.1.tgz - integrity: sha384-4bckn/mT8Y/OxctHPhbfgnOMRhgr3AePkm0zXwu4eLro3oaEpNizu75BHOBYt7pE + src: https://registry.npmjs.org/@wikimedia/codex-design-tokens/-/codex-design-tokens-1.12.0.tgz + integrity: sha384-XFZZ80qwZOCHz9NXyKxDlbgHXLY20M/0xzC0fU+ZWkWBChPCPOG+wtZ8Vd8QiYEp dest: package/dist/theme-*.less: package/dist/theme-wikimedia-ui-root.css: @@ -163,10 +163,10 @@ codex-icons: homepage: https://doc.wikimedia.org/codex/ authors: Design System team, Wikimedia Foundation version: 1.11.1 - purl: pkg:npm/@wikimedia/codex-icons@1.11.1 + purl: pkg:npm/@wikimedia/codex-icons@1.12.0 type: tar - src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-1.11.1.tgz - integrity: sha384-9JD3S6phsp8geUZ2drn2si6xN9jOvho2At3Qj2hp6SKR3fXHHFG1oW+vCOlQ1AEZ + src: https://registry.npmjs.org/@wikimedia/codex-icons/-/codex-icons-1.12.0.tgz + integrity: sha384-SMwH+F7uQWix1k4hgMnCQh025DSbOowlRm0HATwunBsns+avYLcWx04+TSCcXIdD dest: package/dist/codex-icons.json: package/dist/codex-icon-paths.less: |