@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

package/public/components/modal/Modal.js

@@ -1,2 +1,396 @@
-import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as x,m as f,o as g,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&x(i,e[1])},d(e){e&&g(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,z,j,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),z=d(),j=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(j,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,z),h(I,j),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&x(y,e[2]),8&t&&x(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,z)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&g(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function x(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,x,h,()=>x(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
+import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, t as text, d as space, n as noop, g as attr, h as set_attributes, j as append, l as listen, k as set_data, m as get_spread_update, o as detach, p as compute_rest_props, a4 as afterUpdate, q as exclude_internal_props, v as binding_callbacks } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/modal/Modal.svelte generated by Svelte v3.58.0 */
+
+function create_if_block_1(ctx) {
+	let h3;
+	let t;
+
+	return {
+		c() {
+			h3 = element("h3");
+			t = text(/*title*/ ctx[1]);
+			attr(h3, "class", "mc-modal__heading");
+			attr(h3, "id", "layerTitle");
+		},
+		m(target, anchor) {
+			insert(target, h3, anchor);
+			append(h3, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*title*/ 2) set_data(t, /*title*/ ctx[1]);
+		},
+		d(detaching) {
+			if (detaching) detach(h3);
+		}
+	};
+}
+
+// (62:6) {#if !hideFooter}
+function create_if_block(ctx) {
+	let footer;
+
+	return {
+		c() {
+			footer = element("footer");
+			footer.innerHTML = `<slot name="footer"></slot>`;
+			attr(footer, "class", "mc-modal__footer");
+		},
+		m(target, anchor) {
+			insert(target, footer, anchor);
+		},
+		d(detaching) {
+			if (detaching) detach(footer);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div3;
+	let div1;
+	let div0;
+	let header;
+	let h2;
+	let t0;
+	let t1;
+	let button;
+	let span;
+	let t2;
+	let t3;
+	let main;
+	let article;
+	let t4;
+	let slot;
+	let t5;
+	let div0_class_value;
+	let div1_class_value;
+	let div1_aria_hidden_value;
+	let t6;
+	let div2;
+	let div2_class_value;
+	let mounted;
+	let dispose;
+	let if_block0 = /*title*/ ctx[1] && create_if_block_1(ctx);
+	let if_block1 = !/*hideFooter*/ ctx[6] && create_if_block();
+
+	let div1_levels = [
+		{
+			class: div1_class_value = "mc-modal " + (/*scrollable*/ ctx[7] ? ' mc-modal--overflow' : '')
+		},
+		{ tabindex: "-1" },
+		{ role: "dialog" },
+		{ "aria-labelledby": "modalTitle" },
+		{
+			"aria-hidden": div1_aria_hidden_value = !/*isopen*/ ctx[0]
+		},
+		/*attributes*/ ctx[4]
+	];
+
+	let div_data_2 = {};
+
+	for (let i = 0; i < div1_levels.length; i += 1) {
+		div_data_2 = assign(div_data_2, div1_levels[i]);
+	}
+
+	return {
+		c() {
+			div3 = element("div");
+			div1 = element("div");
+			div0 = element("div");
+			header = element("header");
+			h2 = element("h2");
+			t0 = text(/*modaltitle*/ ctx[2]);
+			t1 = space();
+			button = element("button");
+			span = element("span");
+			t2 = text(/*closebuttontext*/ ctx[3]);
+			t3 = space();
+			main = element("main");
+			article = element("article");
+			if (if_block0) if_block0.c();
+			t4 = space();
+			slot = element("slot");
+			t5 = space();
+			if (if_block1) if_block1.c();
+			t6 = space();
+			div2 = element("div");
+			this.c = noop;
+			attr(h2, "class", "mc-modal__title");
+			attr(h2, "id", "modalTitle");
+			attr(span, "class", "mc-modal__close-text");
+			attr(button, "class", "mc-modal__close");
+			attr(button, "type", "button");
+			attr(header, "class", "mc-modal__header");
+			attr(slot, "name", "content");
+			attr(article, "class", "mc-modal__content");
+			attr(main, "class", "mc-modal__body");
+			attr(div0, "class", div0_class_value = "mc-modal__dialog " + (/*isopen*/ ctx[0] ? ' is-open' : ''));
+			attr(div0, "role", "document");
+			set_attributes(div1, div_data_2);
+			attr(div2, "class", div2_class_value = "mc-modal-overlay " + (/*isopen*/ ctx[0] ? ' is-visible' : ''));
+			attr(div2, "tabindex", "-1");
+			attr(div2, "role", "dialog");
+		},
+		m(target, anchor) {
+			insert(target, div3, anchor);
+			append(div3, div1);
+			append(div1, div0);
+			append(div0, header);
+			append(header, h2);
+			append(h2, t0);
+			append(header, t1);
+			append(header, button);
+			append(button, span);
+			append(span, t2);
+			append(div0, t3);
+			append(div0, main);
+			append(main, article);
+			if (if_block0) if_block0.m(article, null);
+			append(article, t4);
+			append(article, slot);
+			append(div0, t5);
+			if (if_block1) if_block1.m(div0, null);
+			append(div3, t6);
+			append(div3, div2);
+			/*div3_binding*/ ctx[11](div3);
+
+			if (!mounted) {
+				dispose = listen(button, "click", /*click_handler*/ ctx[10]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*modaltitle*/ 4) set_data(t0, /*modaltitle*/ ctx[2]);
+			if (dirty & /*closebuttontext*/ 8) set_data(t2, /*closebuttontext*/ ctx[3]);
+
+			if (/*title*/ ctx[1]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_1(ctx);
+					if_block0.c();
+					if_block0.m(article, t4);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (!/*hideFooter*/ ctx[6]) {
+				if (if_block1) ; else {
+					if_block1 = create_if_block();
+					if_block1.c();
+					if_block1.m(div0, null);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (dirty & /*isopen*/ 1 && div0_class_value !== (div0_class_value = "mc-modal__dialog " + (/*isopen*/ ctx[0] ? ' is-open' : ''))) {
+				attr(div0, "class", div0_class_value);
+			}
+
+			set_attributes(div1, div_data_2 = get_spread_update(div1_levels, [
+				{ class: div1_class_value },
+				{ tabindex: "-1" },
+				{ role: "dialog" },
+				{ "aria-labelledby": "modalTitle" },
+				dirty & /*isopen*/ 1 && div1_aria_hidden_value !== (div1_aria_hidden_value = !/*isopen*/ ctx[0]) && { "aria-hidden": div1_aria_hidden_value },
+				dirty & /*attributes*/ 16 && /*attributes*/ ctx[4]
+			]));
+
+			if (dirty & /*isopen*/ 1 && div2_class_value !== (div2_class_value = "mc-modal-overlay " + (/*isopen*/ ctx[0] ? ' is-visible' : ''))) {
+				attr(div2, "class", div2_class_value);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div3);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+			/*div3_binding*/ ctx[11](null);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let hideFooter;
+	let attributes;
+	const omit_props_names = ["title","modaltitle","isopen","closebuttontext","hidefooter"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { title } = $$props;
+	let { modaltitle } = $$props;
+	let { isopen } = $$props;
+	let { closebuttontext = 'Close' } = $$props;
+	let { hidefooter } = $$props;
+	let scrollable;
+	let root;
+	let eventHandler = new EventHandler();
+
+	afterUpdate(() => {
+		const modal = root.querySelector('.mc-modal');
+		const body = root.querySelector('.mc-modal__body');
+		const content = root.querySelector('.mc-modal__content');
+		const bodyHeight = body ? body.clientHeight : 0;
+		const contentHeight = content ? content.scrollHeight : 0;
+
+		if (contentHeight > bodyHeight && modal) {
+			modal.classList.add('mc-modal--overflow');
+		}
+	});
+
+	function onClose() {
+		$$invalidate(0, isopen = false);
+	}
+
+	const click_handler = () => onClose();
+
+	function div3_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			root = $$value;
+			$$invalidate(5, root);
+		});
+	}
+
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('title' in $$new_props) $$invalidate(1, title = $$new_props.title);
+		if ('modaltitle' in $$new_props) $$invalidate(2, modaltitle = $$new_props.modaltitle);
+		if ('isopen' in $$new_props) $$invalidate(0, isopen = $$new_props.isopen);
+		if ('closebuttontext' in $$new_props) $$invalidate(3, closebuttontext = $$new_props.closebuttontext);
+		if ('hidefooter' in $$new_props) $$invalidate(9, hidefooter = $$new_props.hidefooter);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*hidefooter*/ 512) {
+			$$invalidate(6, hideFooter = hidefooter !== null && hidefooter !== void 0
+			? hidefooter
+			: false);
+		}
+
+		if ($$self.$$.dirty & /*isopen*/ 1) {
+			isopen
+			? eventHandler.dispatch('modal-opened', {})
+			: eventHandler.dispatch('modal-closed', {});
+		}
+
+		$$invalidate(4, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 16) {
+			delete attributes.class;
+		}
+	};
+
+	return [
+		isopen,
+		title,
+		modaltitle,
+		closebuttontext,
+		attributes,
+		root,
+		hideFooter,
+		scrollable,
+		onClose,
+		hidefooter,
+		click_handler,
+		div3_binding
+	];
+}
+
+class Modal extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				title: 1,
+				modaltitle: 2,
+				isopen: 0,
+				closebuttontext: 3,
+				hidefooter: 9
+			},
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return ["title", "modaltitle", "isopen", "closebuttontext", "hidefooter"];
+	}
+
+	get title() {
+		return this.$$.ctx[1];
+	}
+
+	set title(title) {
+		this.$$set({ title });
+		flush();
+	}
+
+	get modaltitle() {
+		return this.$$.ctx[2];
+	}
+
+	set modaltitle(modaltitle) {
+		this.$$set({ modaltitle });
+		flush();
+	}
+
+	get isopen() {
+		return this.$$.ctx[0];
+	}
+
+	set isopen(isopen) {
+		this.$$set({ isopen });
+		flush();
+	}
+
+	get closebuttontext() {
+		return this.$$.ctx[3];
+	}
+
+	set closebuttontext(closebuttontext) {
+		this.$$set({ closebuttontext });
+		flush();
+	}
+
+	get hidefooter() {
+		return this.$$.ctx[9];
+	}
+
+	set hidefooter(hidefooter) {
+		this.$$set({ hidefooter });
+		flush();
+	}
+}
+
+export { Modal as default };
 //# sourceMappingURL=Modal.js.map

package/public/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { afterUpdate } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let modaltitle: string;\n  export let isopen: boolean;\n  export let closebuttontext = 'Close';\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n\n  $: isopen\n    ? eventHandler.dispatch('modal-opened', {})\n    : eventHandler.dispatch('modal-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let scrollable: boolean;\n\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  afterUpdate(() => {\n    const modal = root.querySelector('.mc-modal');\n    const body = root.querySelector('.mc-modal__body');\n    const content = root.querySelector('.mc-modal__content');\n\n    const bodyHeight = body ? body.clientHeight : 0;\n    const contentHeight = content ? content.scrollHeight : 0;\n\n    if (contentHeight > bodyHeight && modal) {\n      modal.classList.add('mc-modal--overflow');\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n      <header class=\"mc-modal__header\">\n        <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n        <button\n          class=\"mc-modal__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n        </button>\n      </header>\n      <main class=\"mc-modal__body\">\n        <article class=\"mc-modal__content\">\n          {#if title}\n            <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n          {/if}\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-modal__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-modal-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.modal';\n</style>\n"],"names":["ctx","insert","target","h3","anchor","footer","create_if_block_1","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","hidefooter","eventHandler","EventHandler","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"wRAgE2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,mJAMxDC,EAEQC,EAAAG,EAAAD,uFATDJ,EAAK,IAAAM,EAAAN,MAMRA,EAAU,IAAAO,6BA1BDP,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,+YAR3BA,EAAM,GAAG,WAAa,sEA2B3BA,EAAM,GAAG,cAAgB,uDApCtDC,EAwCKC,EAAAM,EAAAJ,GAvCHK,EAiCKD,EAAAE,GAzBHD,EAwBKC,EAAAC,GAvBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,gCAU9BT,EAICD,EAAAW,8DA5BkDnB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,yDAMRA,EAAU,oFAnBYA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCA6BWA,EAAM,GAAG,cAAgB,yLAzDhDqB,kBAfOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,cACzBI,GAAmBJ,EAY1BK,MAAmBC,WAedC,IACPC,EAAA,EAAAN,GAAS,GAdXO,GAAW,KACH,MAAAC,EAAQZ,EAAKa,cAAc,aAC3BC,EAAOd,EAAKa,cAAc,mBAC1BE,EAAUf,EAAKa,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,qSArBvBV,EAAA,EAAEW,EAAaf,SAAAA,kBAEbF,EACCG,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,sBACjBC,kBAsCoBnB,4CAfVT,EAAI6B"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { afterUpdate } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let title: string;\n  export let modaltitle: string;\n  export let isopen: boolean;\n  export let closebuttontext = 'Close';\n  export let hidefooter: boolean;\n\n  $: hideFooter = hidefooter ?? false;\n\n  $: isopen\n    ? eventHandler.dispatch('modal-opened', {})\n    : eventHandler.dispatch('modal-closed', {});\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let scrollable: boolean;\n\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  afterUpdate(() => {\n    const modal = root.querySelector('.mc-modal');\n    const body = root.querySelector('.mc-modal__body');\n    const content = root.querySelector('.mc-modal__content');\n\n    const bodyHeight = body ? body.clientHeight : 0;\n    const contentHeight = content ? content.scrollHeight : 0;\n\n    if (contentHeight > bodyHeight && modal) {\n      modal.classList.add('mc-modal--overflow');\n    }\n  });\n\n  function onClose(): void {\n    isopen = false;\n  }\n</script>\n\n<div bind:this={root}>\n  <div\n    class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-hidden={!isopen}\n    {...attributes}\n  >\n    <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n      <header class=\"mc-modal__header\">\n        <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n        <button\n          class=\"mc-modal__close\"\n          type=\"button\"\n          on:click={() => onClose()}\n        >\n          <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n        </button>\n      </header>\n      <main class=\"mc-modal__body\">\n        <article class=\"mc-modal__content\">\n          {#if title}\n            <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n          {/if}\n          <slot name=\"content\" />\n        </article>\n      </main>\n      {#if !hideFooter}\n        <footer class=\"mc-modal__footer\">\n          <slot name=\"footer\" />\n        </footer>\n      {/if}\n    </div>\n  </div>\n  <div\n    class=\"mc-modal-overlay {isopen ? ' is-visible' : ''}\"\n    tabindex=\"-1\"\n    role=\"dialog\"\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.modal';\n</style>\n"],"names":[],"mappings":"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"}