2024-07-11 12:30:44 +00:00
|
|
|
"use strict";var B=(t,n,d)=>new Promise((f,s)=>{var i=l=>{try{r(d.next(l))}catch(u){s(u)}},c=l=>{try{r(d.throw(l))}catch(u){s(u)}},r=l=>l.done?f(l.value):Promise.resolve(l.value).then(i,c);r((d=d.apply(t,n)).next())});const e=require("vue"),_=require("./CdxButton.cjs"),A=require("./Icon.js"),O=require("./useGeneratedId.cjs"),P=require("./useI18n.cjs"),x=require("./useResizeObserver.cjs"),z=require("./_plugin-vue_export-helper.js"),j=e.defineComponent({name:"CdxDialog",components:{CdxButton:_,CdxIcon:A.CdxIcon},inheritAttrs:!1,props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},subtitle:{type:String,required:!1,default:null},hideTitle:{type:Boolean,default:!1},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(t,{emit:n}){const d=O("dialog-label"),f=e.ref(),s=e.ref(),i=e.ref(),c=e.ref(),r=e.ref(),l=e.ref(),u=e.computed(()=>t.useCloseButton||t.closeButtonLabel.length>0),E=P("cdx-dialog-close-button-label",()=>t.closeButtonLabel||"Close"),$=e.computed(()=>!t.hideTitle||u.value),w=e.computed(()=>!!t.primaryAction||!!t.defaultAction),N=x(i),T=e.computed(()=>{var o;return(o=N.value.height)!=null?o:0}),y=e.ref(!1),V=e.computed(()=>({"cdx-dialog--vertical-actions":t.stackedActions,"cdx-dialog--horizontal-actions":!t.stackedActions,"cdx-dialog--dividers":y.value})),S=e.inject("CdxTeleportTarget",void 0),I=e.computed(()=>{var o,a;return(a=(o=t.target)!=null?o:S)!=null?a:"body"}),h=e.ref(0);function H(){n("update:open",!1)}function L(){m(s.value)}function q(){m(s.value,!0)}function m(o,a=!1){let g=Array.from(o.querySelectorAll('\n input, select, textarea, button, object, a, area,\n [contenteditable], [tabindex]:not([tabindex^="-"])\n '));a&&(g=g.reverse());for(const C of g)if(C.focus(),document.activeElement===C)return!0;return!1}let p=[],b=[];function D(){let o=f.value;for(;o.parentElement&&o.nodeName!=="BODY";){for(const a of Array.from(o.parentElement.children))a===o||a.nodeName==="SCRIPT"||(a.hasAttribute("aria-hidden")||(a.setAttribute("aria-hidden","true"),p.push(a)),a.hasAttribute("inert")||(a.setAttribute("inert",""),b.push(a)));o=o.parentElement}}function F(){for(const o of p)o.removeAttribute("aria-hidden");for(const o of b)o.removeAttribute("inert");p=[],b=[]}function v(){return B(this,null,function*(){var o;yield e.nextTick(),h.value=window.innerWidth-document.documentElement.clientWidth,document.documentElement.style.setProperty("margin-right","".concat(h.value,"px")),document.body.classList.add("cdx-dialog-open"),D(),m(i.value)||(o=c.value)==null||o.focus()})}function k(){document.body.classList.remove("cdx-dialog-open"),document.documentElement.style.removeProperty("margin-right"),F()}return e.onMounted(()=>{t.open&&v()}),e.onUnmounted(()=>{t.open&&k()}),e.watch(e.toRef(t,"open"),o=>{o?v():k()}),e.watch(T,()=>{i.value&&(y.value=i.value.clientHeight<i.value.scrollHeight)}),{close:H,cdxIconClose:A.X3,labelId:d,rootClasses:V,backdrop:f,dialogElement:s,focusTrapStart:r,focusTrapEnd:l,focusFirst:L,focusLast:q,dialogBody:i,focusHolder:c,showHeader:$,showFooterActions:w,useCloseButtonOrLabel:u,translatedCloseButtonLabel:E,computedTarget:I}}}),R=["aria-label","aria-labelledby"],W={key:0,class:"cdx-dialog__header__title-group"},K=["id"],M={key:0,class:"cdx-dialog__header__subtitle"},G={ref:"focusHolder",class:"cdx-dialog-focus-trap",tabindex:"-1"},U={key:0,class:"cdx-dialog__footer__text"},X={key:1,class:"cdx-dialog__footer__actions"};function Y(t,n,d,f,s,i){const c=e.resolveComponent("cdx-icon"),r=e.resolveComponent("cdx-button");return e.openBlock(),e.createBlock(e.Teleport,{to:t.computedTarget,disabled:t.renderInPlace},[e.createVNode(e.Transition,{name:"cdx-dialog-fade",appear:""},{default:e.withCtx(()=>[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"backdrop",class:"cdx-dialog-backdrop",onClick:n[5]||(n[5]
|
