carbon-components-svelte/assets/Modal.ec0cd758.js
2020-10-02 20:26:53 -07:00

1 line
11 KiB
JavaScript

import{S as a,i as l,s as e,g as t,c as n,k as o,l as i,a as r,o as s,N as d,q as c,m,I as u,t as b,b as p,d as h,y as $,z as f,v as x,j as y,p as g,r as v,w as k,x as B,E as C,F as E,A as O,J as D,B as T,a1 as w,P as L,Q as S,C as _,h as F,n as H,M,G as I,H as z}from"./index.c2c9d961.js";import{B as A}from"./Button.37430222.js";import{C as P}from"./Close20.452e634c.js";const V=a=>({}),j=a=>({}),N=a=>({}),q=a=>({});function U(a){let l,e,$,f,x;return e=new P({props:{"aria-label":a[7],class:"bx--modal-close__icon"}}),{c(){l=t("button"),n(e.$$.fragment),this.h()},l(a){l=o(a,"BUTTON",{type:!0,"aria-label":!0,title:!0,class:!0});var t=i(l);r(e.$$.fragment,t),t.forEach(s),this.h()},h(){d(l,"type","button"),d(l,"aria-label",a[7]),d(l,"title",a[7]),d(l,"class","bx--modal-close")},m(t,n){c(t,l,n),m(e,l,null),a[35](l),$=!0,f||(x=u(l,"click",a[36]),f=!0)},p(a,t){const n={};128&t[0]&&(n["aria-label"]=a[7]),e.$set(n),(!$||128&t[0])&&d(l,"aria-label",a[7]),(!$||128&t[0])&&d(l,"title",a[7])},i(a){$||(b(e.$$.fragment,a),$=!0)},o(a){p(e.$$.fragment,a),$=!1},d(t){t&&s(l),h(e),a[35](null),f=!1,x()}}}function G(a){let l,e;const n=a[29].label,r=x(n,a,a[46],q),m=r||function(a){let l;return{c(){l=F(a[6])},l(e){l=H(e,a[6])},m(a,e){c(a,l,e)},p(a,e){64&e[0]&&M(l,a[6])},d(a){a&&s(l)}}}(a);return{c(){l=t("h2"),m&&m.c(),this.h()},l(a){l=o(a,"H2",{id:!0});var e=i(l);m&&m.l(e),e.forEach(s),this.h()},h(){d(l,"id",a[20]),$(l,"bx--modal-header__label",!0)},m(a,t){c(a,l,t),m&&m.m(l,null),e=!0},p(a,t){r?r.p&&32768&t[1]&&f(r,n,a,a[46],t,N,q):m&&m.p&&64&t[0]&&m.p(a,t),(!e||1048576&t[0])&&d(l,"id",a[20])},i(a){e||(b(m,a),e=!0)},o(a){p(m,a),e=!1},d(a){a&&s(l),m&&m.d(a)}}}function J(a){let l,e,f,x,y;return e=new P({props:{"aria-label":a[7],class:"bx--modal-close__icon"}}),{c(){l=t("button"),n(e.$$.fragment),this.h()},l(a){l=o(a,"BUTTON",{type:!0,"aria-label":!0,title:!0});var t=i(l);r(e.$$.fragment,t),t.forEach(s),this.h()},h(){d(l,"type","button"),d(l,"aria-label",a[7]),d(l,"title",a[7]),$(l,"bx--modal-close",!0)},m(t,n){c(t,l,n),m(e,l,null),a[37](l),f=!0,x||(y=u(l,"click",a[38]),x=!0)},p(a,t){const n={};128&t[0]&&(n["aria-label"]=a[7]),e.$set(n),(!f||128&t[0])&&d(l,"aria-label",a[7]),(!f||128&t[0])&&d(l,"title",a[7])},i(a){f||(b(e.$$.fragment,a),f=!0)},o(a){p(e.$$.fragment,a),f=!1},d(t){t&&s(l),h(e),a[37](null),x=!1,y()}}}function Q(a){let l;return{c(){l=t("div"),this.h()},l(a){l=o(a,"DIV",{}),i(l).forEach(s),this.h()},h(){$(l,"bx--modal-content--overflow-indicator",!0)},m(a,e){c(a,l,e)},d(a){a&&s(l)}}}function K(a){let l,e,d,u,f;return e=new A({props:{kind:"secondary",$$slots:{default:[R]},$$scope:{ctx:a}}}),e.$on("click",a[39]),u=new A({props:{kind:a[3]?"danger":"primary",disabled:a[11],$$slots:{default:[W]},$$scope:{ctx:a}}}),u.$on("click",a[40]),{c(){l=t("div"),n(e.$$.fragment),d=y(),n(u.$$.fragment),this.h()},l(a){l=o(a,"DIV",{});var t=i(l);r(e.$$.fragment,t),d=g(t),r(u.$$.fragment,t),t.forEach(s),this.h()},h(){$(l,"bx--modal-footer",!0)},m(a,t){c(a,l,t),m(e,l,null),v(l,d),m(u,l,null),f=!0},p(a,l){const t={};8192&l[0]|32768&l[1]&&(t.$$scope={dirty:l,ctx:a}),e.$set(t);const n={};8&l[0]&&(n.kind=a[3]?"danger":"primary"),2048&l[0]&&(n.disabled=a[11]),1024&l[0]|32768&l[1]&&(n.$$scope={dirty:l,ctx:a}),u.$set(n)},i(a){f||(b(e.$$.fragment,a),b(u.$$.fragment,a),f=!0)},o(a){p(e.$$.fragment,a),p(u.$$.fragment,a),f=!1},d(a){a&&s(l),h(e),h(u)}}}function R(a){let l;return{c(){l=F(a[13])},l(e){l=H(e,a[13])},m(a,e){c(a,l,e)},p(a,e){8192&e[0]&&M(l,a[13])},d(a){a&&s(l)}}}function W(a){let l;return{c(){l=F(a[10])},l(e){l=H(e,a[10])},m(a,e){c(a,l,e)},p(a,e){1024&e[0]&&M(l,a[10])},d(a){a&&s(l)}}}function X(a){let l,e,n,r,m,h,T,w,L,S,_,I,z,A,P,N,q,R,W,X=a[4]&&U(a),Y=a[6]&&G(a);const Z=a[29].heading,aa=x(Z,a,a[46],j),la=aa||function(a){let l;return{c(){l=F(a[5])},l(e){l=H(e,a[5])},m(a,e){c(a,l,e)},p(a,e){32&e[0]&&M(l,a[5])},d(a){a&&s(l)}}}(a);let ea=!a[4]&&J(a);const ta=a[29].default,na=x(ta,a,a[46],null);let oa=a[9]&&Q(),ia=!a[4]&&K(a),ra=[{role:"dialog"},a[19],{"aria-modal":"true"},{"aria-label":a[23]},{class:N=a[2]&&"bx--modal-container--"+a[2]}],sa={};for(let a=0;a<ra.length;a+=1)sa=k(sa,ra[a]);let da=[{role:"presentation"},{tabindex:"-1"},{id:a[15]},a[25]],ca={};for(let a=0;a<da.length;a+=1)ca=k(ca,da[a]);return{c(){l=t("div"),e=t("div"),n=t("div"),X&&X.c(),r=y(),Y&&Y.c(),m=y(),h=t("h3"),la&&la.c(),T=y(),ea&&ea.c(),w=y(),L=t("div"),na&&na.c(),A=y(),oa&&oa.c(),P=y(),ia&&ia.c(),this.h()},l(a){l=o(a,"DIV",{role:!0,tabindex:!0,id:!0});var t=i(l);e=o(t,"DIV",{role:!0,"aria-modal":!0,"aria-label":!0,class:!0});var d=i(e);n=o(d,"DIV",{});var c=i(n);X&&X.l(c),r=g(c),Y&&Y.l(c),m=g(c),h=o(c,"H3",{id:!0});var u=i(h);la&&la.l(u),u.forEach(s),T=g(c),ea&&ea.l(c),c.forEach(s),w=g(d),L=o(d,"DIV",{id:!0,tabindex:!0,role:!0,"aria-label":!0,"aria-labelledby":!0});var b=i(L);na&&na.l(b),b.forEach(s),A=g(d),oa&&oa.l(d),P=g(d),ia&&ia.l(d),d.forEach(s),t.forEach(s),this.h()},h(){d(h,"id",a[21]),$(h,"bx--modal-header__heading",!0),$(n,"bx--modal-header",!0),d(L,"id",a[22]),d(L,"tabindex",S=a[9]?"0":void 0),d(L,"role",_=a[9]?"region":void 0),d(L,"aria-label",I=a[9]?a[23]:void 0),d(L,"aria-labelledby",z=a[6]?a[20]:a[21]),$(L,"bx--modal-content",!0),$(L,"bx--modal-content--with-form",a[8]),$(L,"bx--modal-scroll-content",a[9]),B(e,sa),$(e,"bx--modal-container",!0),B(l,ca),$(l,"bx--modal",!0),$(l,"bx--modal-tall",!a[4]),$(l,"is-visible",a[0]),$(l,"bx--modal--danger",a[3])},m(t,o){c(t,l,o),v(l,e),v(e,n),X&&X.m(n,null),v(n,r),Y&&Y.m(n,null),v(n,m),v(n,h),la&&la.m(h,null),v(n,T),ea&&ea.m(n,null),v(e,w),v(e,L),na&&na.m(L,null),v(e,A),oa&&oa.m(e,null),v(e,P),ia&&ia.m(e,null),a[41](e),a[43](l),q=!0,R||(W=[u(e,"click",a[42]),u(l,"keydown",a[30]),u(l,"keydown",a[44]),u(l,"click",a[31]),u(l,"click",a[45]),u(l,"mouseover",a[32]),u(l,"mouseenter",a[33]),u(l,"mouseleave",a[34])],R=!0)},p(a,t){a[4]?X?(X.p(a,t),16&t[0]&&b(X,1)):(X=U(a),X.c(),b(X,1),X.m(n,r)):X&&(C(),p(X,1,1,()=>{X=null}),E()),a[6]?Y?(Y.p(a,t),64&t[0]&&b(Y,1)):(Y=G(a),Y.c(),b(Y,1),Y.m(n,m)):Y&&(C(),p(Y,1,1,()=>{Y=null}),E()),aa?aa.p&&32768&t[1]&&f(aa,Z,a,a[46],t,V,j):la&&la.p&&32&t[0]&&la.p(a,t),(!q||2097152&t[0])&&d(h,"id",a[21]),a[4]?ea&&(C(),p(ea,1,1,()=>{ea=null}),E()):ea?(ea.p(a,t),16&t[0]&&b(ea,1)):(ea=J(a),ea.c(),b(ea,1),ea.m(n,null)),na&&na.p&&32768&t[1]&&f(na,ta,a,a[46],t,null,null),(!q||4194304&t[0])&&d(L,"id",a[22]),(!q||512&t[0]&&S!==(S=a[9]?"0":void 0))&&d(L,"tabindex",S),(!q||512&t[0]&&_!==(_=a[9]?"region":void 0))&&d(L,"role",_),(!q||8389120&t[0]&&I!==(I=a[9]?a[23]:void 0))&&d(L,"aria-label",I),(!q||3145792&t[0]&&z!==(z=a[6]?a[20]:a[21]))&&d(L,"aria-labelledby",z),256&t[0]&&$(L,"bx--modal-content--with-form",a[8]),512&t[0]&&$(L,"bx--modal-scroll-content",a[9]),a[9]?oa||(oa=Q(),oa.c(),oa.m(e,P)):oa&&(oa.d(1),oa=null),a[4]?ia&&(C(),p(ia,1,1,()=>{ia=null}),E()):ia?(ia.p(a,t),16&t[0]&&b(ia,1)):(ia=K(a),ia.c(),b(ia,1),ia.m(e,null)),B(e,sa=O(ra,[{role:"dialog"},524288&t[0]&&a[19],{"aria-modal":"true"},(!q||8388608&t[0])&&{"aria-label":a[23]},(!q||4&t[0]&&N!==(N=a[2]&&"bx--modal-container--"+a[2]))&&{class:N}])),$(e,"bx--modal-container",!0),B(l,ca=O(da,[{role:"presentation"},{tabindex:"-1"},(!q||32768&t[0])&&{id:a[15]},33554432&t[0]&&a[25]])),$(l,"bx--modal",!0),$(l,"bx--modal-tall",!a[4]),$(l,"is-visible",a[0]),$(l,"bx--modal--danger",a[3])},i(a){q||(b(X),b(Y),b(la,a),b(ea),b(na,a),b(ia),q=!0)},o(a){p(X),p(Y),p(la,a),p(ea),p(na,a),p(ia),q=!1},d(e){e&&s(l),X&&X.d(),Y&&Y.d(),la&&la.d(e),ea&&ea.d(),na&&na.d(e),oa&&oa.d(),ia&&ia.d(),a[41](null),a[43](null),R=!1,D(W)}}}function Y(a,l,e){const t=["size","open","danger","alert","passiveModal","modalHeading","modalLabel","modalAriaLabel","iconDescription","hasForm","hasScrollingContent","primaryButtonText","primaryButtonDisabled","shouldSubmitOnEnter","secondaryButtonText","selectorPrimaryFocus","preventCloseOnClickOutside","id","ref"];let n=T(l,t),{$$slots:o={},$$scope:i}=l,{size:r}=l,{open:s=!1}=l,{danger:d=!1}=l,{alert:c=!1}=l,{passiveModal:m=!1}=l,{modalHeading:u}=l,{modalLabel:b}=l,{modalAriaLabel:p}=l,{iconDescription:h="Close the modal"}=l,{hasForm:$=!1}=l,{hasScrollingContent:f=!1}=l,{primaryButtonText:x=""}=l,{primaryButtonDisabled:y=!1}=l,{shouldSubmitOnEnter:g=!0}=l,{secondaryButtonText:v=""}=l,{selectorPrimaryFocus:B="[data-modal-primary-focus]"}=l,{preventCloseOnClickOutside:C=!1}=l,{id:E="ccs-"+Math.random().toString(36)}=l,{ref:O=null}=l;const D=w();let F=null,H=null,M=!1,A=!1;L(()=>()=>{document.body.classList.remove("bx--body--with-modal-open")}),S(()=>{var a;M?s||(M=!1,D("close"),document.body.classList.remove("bx--body--with-modal-open")):s&&(M=!0,((a||H).querySelector(B)||F).focus(),D("open"),document.body.classList.add("bx--body--with-modal-open"))});let P={};let V,j,N,q;return a.$$set=a=>{e(49,l=k(k({},l),_(a))),e(25,n=T(l,t)),"size"in a&&e(2,r=a.size),"open"in a&&e(0,s=a.open),"danger"in a&&e(3,d=a.danger),"alert"in a&&e(26,c=a.alert),"passiveModal"in a&&e(4,m=a.passiveModal),"modalHeading"in a&&e(5,u=a.modalHeading),"modalLabel"in a&&e(6,b=a.modalLabel),"modalAriaLabel"in a&&e(27,p=a.modalAriaLabel),"iconDescription"in a&&e(7,h=a.iconDescription),"hasForm"in a&&e(8,$=a.hasForm),"hasScrollingContent"in a&&e(9,f=a.hasScrollingContent),"primaryButtonText"in a&&e(10,x=a.primaryButtonText),"primaryButtonDisabled"in a&&e(11,y=a.primaryButtonDisabled),"shouldSubmitOnEnter"in a&&e(12,g=a.shouldSubmitOnEnter),"secondaryButtonText"in a&&e(13,v=a.secondaryButtonText),"selectorPrimaryFocus"in a&&e(28,B=a.selectorPrimaryFocus),"preventCloseOnClickOutside"in a&&e(14,C=a.preventCloseOnClickOutside),"id"in a&&e(15,E=a.id),"ref"in a&&e(1,O=a.ref),"$$scope"in a&&e(46,i=a.$$scope)},a.$$.update=()=>{32768&a.$$.dirty[0]&&e(20,V="bx--modal-header__label--modal-"+E),32768&a.$$.dirty[0]&&e(21,j="bx--modal-header__heading--modal-"+E),32768&a.$$.dirty[0]&&e(22,N="bx--modal-body--"+E),e(23,q=b||l["aria-label"]||p||u),71303184&a.$$.dirty[0]&&c&&(m&&e(19,P.role="alert",P),m||(e(19,P.role="alertdialog",P),e(19,P["aria-describedby"]=N,P)))},l=_(l),[s,O,r,d,m,u,b,h,$,f,x,y,g,v,C,E,F,H,A,P,V,j,N,q,D,n,c,p,B,o,function(l){I(a,l)},function(l){I(a,l)},function(l){I(a,l)},function(l){I(a,l)},function(l){I(a,l)},function(a){z[a?"unshift":"push"](()=>{F=a,e(16,F)})},()=>{e(0,s=!1)},function(a){z[a?"unshift":"push"](()=>{F=a,e(16,F)})},()=>{e(0,s=!1)},()=>{D("click:button--secondary")},()=>{D("submit")},function(a){z[a?"unshift":"push"](()=>{H=a,e(17,H)})},()=>{e(18,A=!0)},function(a){z[a?"unshift":"push"](()=>{O=a,e(1,O)})},({key:a})=>{s&&("Escape"===a?e(0,s=!1):g&&"Enter"===a&&D("submit"))},()=>{A||C||e(0,s=!1),e(18,A=!1)},i]}class Z extends a{constructor(a){super(),l(this,a,Y,X,e,{size:2,open:0,danger:3,alert:26,passiveModal:4,modalHeading:5,modalLabel:6,modalAriaLabel:27,iconDescription:7,hasForm:8,hasScrollingContent:9,primaryButtonText:10,primaryButtonDisabled:11,shouldSubmitOnEnter:12,secondaryButtonText:13,selectorPrimaryFocus:28,preventCloseOnClickOutside:14,id:15,ref:1},[-1,-1])}}export{Z as M};