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

1 line
12 KiB
JavaScript

let e=document.createElement("style");e.innerHTML="",document.head.appendChild(e);import{S as t,i as s,s as n,v as l,w as o,g as a,k as r,l as c,o as i,N as d,y as u,x as m,q as $,r as p,I as f,z as h,A as b,t as C,b as g,J as x,B as y,a1 as v,a4 as B,P as k,Q as D,C as w,ag as T,G as I,H as F,h as E,n as O,M as P,j as M,c as _,p as S,a as z,m as V,d as j,a5 as L,D as N,E as q,F as H,T as U,U as A}from"./index.c2c9d961.js";import{B as G}from"./Button.37430222.js";import{C as J}from"./Checkbox.4e02ac4e.js";import{C as Q}from"./Close20.452e634c.js";function R(e){let t,s,n,y,v,B;const k=e[13].default,D=l(k,e,e[12],null);let w=[{role:"presentation"},{tabindex:"-1"},e[10]],T={};for(let e=0;e<w.length;e+=1)T=o(T,w[e]);return{c(){t=a("div"),s=a("div"),D&&D.c(),this.h()},l(e){t=r(e,"DIV",{role:!0,tabindex:!0});var n=c(t);s=r(n,"DIV",{class:!0});var l=c(s);D&&D.l(l),l.forEach(i),n.forEach(i),this.h()},h(){d(s,"class",n=(e[2]&&"bx--modal-container--"+e[2])+" "+e[5]),u(s,"bx--modal-container",!0),m(t,T),u(t,"bx--modal",!0),u(t,"is-visible",e[0]),u(t,"bx--modal--danger",e[3])},m(n,l){$(n,t,l),p(t,s),D&&D.m(s,null),e[19](s),e[21](t),y=!0,v||(B=[f(s,"click",e[20]),f(t,"click",e[14]),f(t,"click",e[22]),f(t,"mouseover",e[15]),f(t,"mouseenter",e[16]),f(t,"mouseleave",e[17]),f(t,"transitionend",e[18]),f(t,"transitionend",e[23])],v=!0)},p(e,[l]){D&&D.p&&4096&l&&h(D,k,e,e[12],l,null,null),(!y||36&l&&n!==(n=(e[2]&&"bx--modal-container--"+e[2])+" "+e[5]))&&d(s,"class",n),36&l&&u(s,"bx--modal-container",!0),m(t,T=b(w,[{role:"presentation"},{tabindex:"-1"},1024&l&&e[10]])),u(t,"bx--modal",!0),u(t,"is-visible",e[0]),u(t,"bx--modal--danger",e[3])},i(e){y||(C(D,e),y=!0)},o(e){g(D,e),y=!1},d(s){s&&i(t),D&&D.d(s),e[19](null),e[21](null),v=!1,x(B)}}}function K(e,t,s){const n=["size","open","danger","preventCloseOnClickOutside","containerClass","selectorPrimaryFocus","ref"];let l=y(t,n),{$$slots:a={},$$scope:r}=t,{size:c}=t,{open:i=!1}=t,{danger:d=!1}=t,{preventCloseOnClickOutside:u=!1}=t,{containerClass:m=""}=t,{selectorPrimaryFocus:$="[data-modal-primary-focus]"}=t,{ref:p=null}=t;const f=v();let h=null,b=null,C=!1;function g(e){((e||b).querySelector($)||h).focus()}B("ComposedModal",{closeModal:()=>{s(0,i=!1)},submit:()=>{f("submit")},declareRef:e=>{h=e}}),k(async()=>(await T(),g(),()=>{document.body.classList.remove("bx--body--with-modal-open")})),D(()=>{x?i||(x=!1,f("close"),document.body.classList.add("bx--body--with-modal-open")):i&&(x=!0,f("open"),document.body.classList.remove("bx--body--with-modal-open"))});let x,E;return e.$$set=e=>{t=o(o({},t),w(e)),s(10,l=y(t,n)),"size"in e&&s(2,c=e.size),"open"in e&&s(0,i=e.open),"danger"in e&&s(3,d=e.danger),"preventCloseOnClickOutside"in e&&s(4,u=e.preventCloseOnClickOutside),"containerClass"in e&&s(5,m=e.containerClass),"selectorPrimaryFocus"in e&&s(11,$=e.selectorPrimaryFocus),"ref"in e&&s(1,p=e.ref),"$$scope"in e&&s(12,r=e.$$scope)},e.$$.update=()=>{1&e.$$.dirty&&s(8,E=i)},x=!1,[i,p,c,d,u,m,b,C,E,g,l,$,r,a,function(t){I(e,t)},function(t){I(e,t)},function(t){I(e,t)},function(t){I(e,t)},function(t){I(e,t)},function(e){F[e?"unshift":"push"](()=>{b=e,s(6,b)})},()=>{s(7,C=!0)},function(e){F[e?"unshift":"push"](()=>{p=e,s(1,p)})},()=>{C||u||s(0,i=!1),s(7,C=!1)},({currentTarget:e})=>{E&&(g(e),s(8,E=!1))}]}class W extends t{constructor(e){super(),s(this,e,K,R,n,{size:2,open:0,danger:3,preventCloseOnClickOutside:4,containerClass:5,selectorPrimaryFocus:11,ref:1})}}function X(e){let t,s;return{c(){t=a("p"),s=E(e[1]),this.h()},l(n){t=r(n,"P",{});var l=c(t);s=O(l,e[1]),l.forEach(i),this.h()},h(){u(t,"bx--modal-header__label",!0),u(t,"bx--type-delta",!0),u(t,"labelClass",e[2])},m(e,n){$(e,t,n),p(t,s)},p(e,n){2&n&&P(s,e[1]),4&n&&u(t,"labelClass",e[2])},d(e){e&&i(t)}}}function Y(e){let t,s;return{c(){t=a("p"),s=E(e[0]),this.h()},l(n){t=r(n,"P",{});var l=c(t);s=O(l,e[0]),l.forEach(i),this.h()},h(){u(t,"bx--modal-header__heading",!0),u(t,"bx--type-beta",!0),u(t,"titleClass",e[3])},m(e,n){$(e,t,n),p(t,s)},p(e,n){1&n&&P(s,e[0]),8&n&&u(t,"titleClass",e[3])},d(e){e&&i(t)}}}function Z(e){let t,s,n,y,v,B,k,D,w,T=e[1]&&X(e),I=e[0]&&Y(e);const F=e[10].default,E=l(F,e,e[9],null);B=new Q({props:{class:"bx--modal-close__icon "+e[5]}});let O=[e[8]],P={};for(let e=0;e<O.length;e+=1)P=o(P,O[e]);return{c(){t=a("div"),T&&T.c(),s=M(),I&&I.c(),n=M(),E&&E.c(),y=M(),v=a("button"),_(B.$$.fragment),this.h()},l(e){t=r(e,"DIV",{});var l=c(t);T&&T.l(l),s=S(l),I&&I.l(l),n=S(l),E&&E.l(l),y=S(l),v=r(l,"BUTTON",{type:!0,title:!0,"aria-label":!0});var o=c(v);z(B.$$.fragment,o),o.forEach(i),l.forEach(i),this.h()},h(){d(v,"type","button"),d(v,"title",e[6]),d(v,"aria-label",e[6]),u(v,"bx--modal-close",!0),u(v,"closeClass",e[4]),m(t,P),u(t,"bx--modal-header",!0)},m(l,o){$(l,t,o),T&&T.m(t,null),p(t,s),I&&I.m(t,null),p(t,n),E&&E.m(t,null),p(t,y),p(t,v),V(B,v,null),k=!0,D||(w=[f(v,"click",e[11]),f(v,"click",e[7])],D=!0)},p(e,[l]){e[1]?T?T.p(e,l):(T=X(e),T.c(),T.m(t,s)):T&&(T.d(1),T=null),e[0]?I?I.p(e,l):(I=Y(e),I.c(),I.m(t,n)):I&&(I.d(1),I=null),E&&E.p&&512&l&&h(E,F,e,e[9],l,null,null);const o={};32&l&&(o.class="bx--modal-close__icon "+e[5]),B.$set(o),(!k||64&l)&&d(v,"title",e[6]),(!k||64&l)&&d(v,"aria-label",e[6]),16&l&&u(v,"closeClass",e[4]),m(t,P=b(O,[256&l&&e[8]])),u(t,"bx--modal-header",!0)},i(e){k||(C(E,e),C(B.$$.fragment,e),k=!0)},o(e){g(E,e),g(B.$$.fragment,e),k=!1},d(e){e&&i(t),T&&T.d(),I&&I.d(),E&&E.d(e),j(B),D=!1,x(w)}}}function ee(e,t,s){const n=["title","label","labelClass","titleClass","closeClass","closeIconClass","iconDescription"];let l=y(t,n),{$$slots:a={},$$scope:r}=t,{title:c=""}=t,{label:i=""}=t,{labelClass:d=""}=t,{titleClass:u=""}=t,{closeClass:m=""}=t,{closeIconClass:$=""}=t,{iconDescription:p="Close"}=t;const{closeModal:f}=L("ComposedModal");return e.$$set=e=>{t=o(o({},t),w(e)),s(8,l=y(t,n)),"title"in e&&s(0,c=e.title),"label"in e&&s(1,i=e.label),"labelClass"in e&&s(2,d=e.labelClass),"titleClass"in e&&s(3,u=e.titleClass),"closeClass"in e&&s(4,m=e.closeClass),"closeIconClass"in e&&s(5,$=e.closeIconClass),"iconDescription"in e&&s(6,p=e.iconDescription),"$$scope"in e&&s(9,r=e.$$scope)},[c,i,d,u,m,$,p,f,l,r,a,function(t){I(e,t)}]}class te extends t{constructor(e){super(),s(this,e,ee,Z,n,{title:0,label:1,labelClass:2,titleClass:3,closeClass:4,closeIconClass:5,iconDescription:6})}}function se(e){let t;return{c(){t=a("div"),this.h()},l(e){t=r(e,"DIV",{}),c(t).forEach(i),this.h()},h(){u(t,"bx--modal-content--overflow-indicator",!0)},m(e,s){$(e,t,s)},d(e){e&&i(t)}}}function ne(e){let t,s,n,d,p,f;const x=e[4].default,y=l(x,e,e[3],null);let v=[{tabindex:s=e[1]?"0":void 0},{role:n=e[1]?"region":void 0},e[2]],B={};for(let e=0;e<v.length;e+=1)B=o(B,v[e]);let k=e[1]&&se();return{c(){t=a("div"),y&&y.c(),d=M(),k&&k.c(),p=N(),this.h()},l(e){t=r(e,"DIV",{tabindex:!0,role:!0});var s=c(t);y&&y.l(s),s.forEach(i),d=S(e),k&&k.l(e),p=N(),this.h()},h(){m(t,B),u(t,"bx--modal-content",!0),u(t,"bx--modal-content--with-form",e[0])},m(e,s){$(e,t,s),y&&y.m(t,null),$(e,d,s),k&&k.m(e,s),$(e,p,s),f=!0},p(e,[l]){y&&y.p&&8&l&&h(y,x,e,e[3],l,null,null),m(t,B=b(v,[(!f||2&l&&s!==(s=e[1]?"0":void 0))&&{tabindex:s},(!f||2&l&&n!==(n=e[1]?"region":void 0))&&{role:n},4&l&&e[2]])),u(t,"bx--modal-content",!0),u(t,"bx--modal-content--with-form",e[0]),e[1]?k||(k=se(),k.c(),k.m(p.parentNode,p)):k&&(k.d(1),k=null)},i(e){f||(C(y,e),f=!0)},o(e){g(y,e),f=!1},d(e){e&&i(t),y&&y.d(e),e&&i(d),k&&k.d(e),e&&i(p)}}}function le(e,t,s){const n=["hasForm","hasScrollingContent"];let l=y(t,n),{$$slots:a={},$$scope:r}=t,{hasForm:c=!1}=t,{hasScrollingContent:i=!1}=t;return e.$$set=e=>{t=o(o({},t),w(e)),s(2,l=y(t,n)),"hasForm"in e&&s(0,c=e.hasForm),"hasScrollingContent"in e&&s(1,i=e.hasScrollingContent),"$$scope"in e&&s(3,r=e.$$scope)},[c,i,l,r,a]}class oe extends t{constructor(e){super(),s(this,e,le,ne,n,{hasForm:0,hasScrollingContent:1})}}function ae(e){let t,s;return t=new G({props:{kind:"secondary",class:e[4],$$slots:{default:[re]},$$scope:{ctx:e}}}),t.$on("click",e[6]),{c(){_(t.$$.fragment)},l(e){z(t.$$.fragment,e)},m(e,n){V(t,e,n),s=!0},p(e,s){const n={};16&s&&(n.class=e[4]),1032&s&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){s||(C(t.$$.fragment,e),s=!0)},o(e){g(t.$$.fragment,e),s=!1},d(e){j(t,e)}}}function re(e){let t;return{c(){t=E(e[3])},l(s){t=O(s,e[3])},m(e,s){$(e,t,s)},p(e,s){8&s&&P(t,e[3])},d(e){e&&i(t)}}}function ce(e){let t,s;return t=new G({props:{kind:e[5]?"danger":"primary",disabled:e[1],class:e[2],$$slots:{default:[ie]},$$scope:{ctx:e}}}),t.$on("click",e[7]),{c(){_(t.$$.fragment)},l(e){z(t.$$.fragment,e)},m(e,n){V(t,e,n),s=!0},p(e,s){const n={};32&s&&(n.kind=e[5]?"danger":"primary"),2&s&&(n.disabled=e[1]),4&s&&(n.class=e[2]),1025&s&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){s||(C(t.$$.fragment,e),s=!0)},o(e){g(t.$$.fragment,e),s=!1},d(e){j(t,e)}}}function ie(e){let t;return{c(){t=E(e[0])},l(s){t=O(s,e[0])},m(e,s){$(e,t,s)},p(e,s){1&s&&P(t,e[0])},d(e){e&&i(t)}}}function de(e){let t,s,n,d,f=e[3]&&ae(e),x=e[0]&&ce(e);const y=e[9].default,v=l(y,e,e[10],null);let B=[e[8]],k={};for(let e=0;e<B.length;e+=1)k=o(k,B[e]);return{c(){t=a("div"),f&&f.c(),s=M(),x&&x.c(),n=M(),v&&v.c(),this.h()},l(e){t=r(e,"DIV",{});var l=c(t);f&&f.l(l),s=S(l),x&&x.l(l),n=S(l),v&&v.l(l),l.forEach(i),this.h()},h(){m(t,k),u(t,"bx--modal-footer",!0)},m(e,l){$(e,t,l),f&&f.m(t,null),p(t,s),x&&x.m(t,null),p(t,n),v&&v.m(t,null),d=!0},p(e,[l]){e[3]?f?(f.p(e,l),8&l&&C(f,1)):(f=ae(e),f.c(),C(f,1),f.m(t,s)):f&&(q(),g(f,1,1,()=>{f=null}),H()),e[0]?x?(x.p(e,l),1&l&&C(x,1)):(x=ce(e),x.c(),C(x,1),x.m(t,n)):x&&(q(),g(x,1,1,()=>{x=null}),H()),v&&v.p&&1024&l&&h(v,y,e,e[10],l,null,null),m(t,k=b(B,[256&l&&e[8]])),u(t,"bx--modal-footer",!0)},i(e){d||(C(f),C(x),C(v,e),d=!0)},o(e){g(f),g(x),g(v,e),d=!1},d(e){e&&i(t),f&&f.d(),x&&x.d(),v&&v.d(e)}}}function ue(e,t,s){const n=["primaryButtonText","primaryButtonDisabled","primaryClass","secondaryButtonText","secondaryClass","danger"];let l=y(t,n),{$$slots:a={},$$scope:r}=t,{primaryButtonText:c=""}=t,{primaryButtonDisabled:i=!1}=t,{primaryClass:d}=t,{secondaryButtonText:u=""}=t,{secondaryClass:m}=t,{danger:$=!1}=t;const{closeModal:p,submit:f}=L("ComposedModal");return e.$$set=e=>{t=o(o({},t),w(e)),s(8,l=y(t,n)),"primaryButtonText"in e&&s(0,c=e.primaryButtonText),"primaryButtonDisabled"in e&&s(1,i=e.primaryButtonDisabled),"primaryClass"in e&&s(2,d=e.primaryClass),"secondaryButtonText"in e&&s(3,u=e.secondaryButtonText),"secondaryClass"in e&&s(4,m=e.secondaryClass),"danger"in e&&s(5,$=e.danger),"$$scope"in e&&s(10,r=e.$$scope)},[c,i,d,u,m,$,p,f,l,a,r]}class me extends t{constructor(e){super(),s(this,e,ue,de,n,{primaryButtonText:0,primaryButtonDisabled:1,primaryClass:2,secondaryButtonText:3,secondaryClass:4,danger:5})}}function $e(e){let t,s,n;function l(t){e[1].call(null,t)}let o={labelText:"I have reviewed the changes"};return void 0!==e[0]&&(o.checked=e[0]),t=new J({props:o}),F.push(()=>U(t,"checked",l)),{c(){_(t.$$.fragment)},l(e){z(t.$$.fragment,e)},m(e,s){V(t,e,s),n=!0},p(e,n){const l={};!s&&1&n&&(s=!0,l.checked=e[0],A(()=>s=!1)),t.$set(l)},i(e){n||(C(t.$$.fragment,e),n=!0)},o(e){g(t.$$.fragment,e),n=!1},d(e){j(t,e)}}}function pe(e){let t,s,n,l,o,a;return t=new te({props:{title:"Confirm changes"}}),n=new oe({props:{hasForm:!0,$$slots:{default:[$e]},$$scope:{ctx:e}}}),o=new me({props:{primaryButtonText:"Proceed",primaryButtonDisabled:!e[0]}}),{c(){_(t.$$.fragment),s=M(),_(n.$$.fragment),l=M(),_(o.$$.fragment)},l(e){z(t.$$.fragment,e),s=S(e),z(n.$$.fragment,e),l=S(e),z(o.$$.fragment,e)},m(e,r){V(t,e,r),$(e,s,r),V(n,e,r),$(e,l,r),V(o,e,r),a=!0},p(e,t){const s={};5&t&&(s.$$scope={dirty:t,ctx:e}),n.$set(s);const l={};1&t&&(l.primaryButtonDisabled=!e[0]),o.$set(l)},i(e){a||(C(t.$$.fragment,e),C(n.$$.fragment,e),C(o.$$.fragment,e),a=!0)},o(e){g(t.$$.fragment,e),g(n.$$.fragment,e),g(o.$$.fragment,e),a=!1},d(e){j(t,e),e&&i(s),j(n,e),e&&i(l),j(o,e)}}}function fe(e){let t,s;return t=new W({props:{open:!0,$$slots:{default:[pe]},$$scope:{ctx:e}}}),{c(){_(t.$$.fragment)},l(e){z(t.$$.fragment,e)},m(e,n){V(t,e,n),s=!0},p(e,[s]){const n={};5&s&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){s||(C(t.$$.fragment,e),s=!0)},o(e){g(t.$$.fragment,e),s=!1},d(e){j(t,e)}}}function he(e,t,s){let n=!1;return[n,function(e){n=e,s(0,n)}]}export default class extends t{constructor(e){super(),s(this,e,he,fe,n,{})}}