@mozaic-ds/web-components 0.11.1 → 0.12.0-beta.0

package/public/components/notification/Notification.js

@@ -1,2 +1,459 @@
-import{S as i,i as e,a as t,b as o,f as n,s as a,c as s,e as r,d as l,n as c,g as m,h as d,j as f,m as h,o as g,p as b,q as x,K as w,l as p,Z as k,t as u,k as v}from"../../index-c33b3772.js";import{E as y}from"../../EventHandler-02058705.js";function $(i){let e,t,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){e=new k(!1),t=w(),e.a=t},m(i,a){e.m(n,i,a),o(i,t,a)},p(i,t){3&t&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&e.p(n)},d(i){i&&g(t),i&&e.d()}}}function C(i){let e;return{c(){e=r("div"),e.innerHTML='<slot name="footer"></slot>',m(e,"class","mc-notification__footer")},m(i,t){o(i,e,t)},p:c,d(i){i&&g(e)}}}function E(i){let e,t,n;return{c(){e=r("div"),t=r("a"),n=u(i[4]),m(t,"class","mc-notification__link mc-link"),m(t,"href",i[3]),m(e,"class","mc-notification__footer")},m(i,a){o(i,e,a),f(e,t),f(t,n)},p(i,e){16&e&&v(n,i[4]),8&e&&m(t,"href",i[3])},d(i){i&&g(e)}}}function z(i){let e,t,n;return{c(){e=r("button"),m(e,"type","button"),m(e,"class","mc-notification-closable__close"),m(e,"title","Close")},m(a,s){o(a,e,s),t||(n=p(e,"click",i[10]),t=!0)},p:c,d(i){i&&g(e),t=!1,n()}}}function _(i){let e,t,n,a,b,x,w,p,k=i[0]&&$(i);function u(i,e){return i[3]&&i[4]?E:i[8]?C:void 0}let v=u(i),y=v&&v(i),_=i[6]&&z(i),A=[{class:w=M(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],Z={};for(let i=0;i<A.length;i+=1)Z=s(Z,A[i]);return{c(){e=r("div"),t=r("div"),k&&k.c(),n=l(),a=r("div"),a.innerHTML="<slot></slot>",b=l(),y&&y.c(),x=l(),_&&_.c(),this.c=c,m(a,"class","mc-notification__message"),m(t,"class","mc-notification__content"),d(e,Z)},m(i,s){o(i,e,s),f(e,t),k&&k.m(t,null),f(t,n),f(t,a),f(t,b),y&&y.m(t,null),f(e,x),_&&_.m(e,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=$(i),k.c(),k.m(t,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(t,null))),i[6]?_?_.p(i,o):(_=z(i),_.c(),_.m(e,null)):_&&(_.d(1),_=null),d(e,Z=h(A,[2272&o&&w!==(w=M(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:c,o:c,d(i){i&&g(e),k&&k.d(),y&&y.d(),_&&_.d()}}}function M(i,e,t){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),e&&"m"!==e&&o.push(`mc-notification--${e}`),t&&o.push("mc-notification-closable"),o.join(" ")}function A(i,e,t){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(e,n),{title:r}=e,{titletag:l="h3"}=e,{alert:c=!1}=e,{href:m}=e,{linkcontent:d}=e,{type:f}=e,{closable:h=!1}=e,{size:g="m"}=e,{hasfooter:w=!1}=e,p=new y;return i.$$set=i=>{t(11,e=s(s({},e),x(i))),t(13,a=b(e,n)),"title"in i&&t(0,r=i.title),"titletag"in i&&t(1,l=i.titletag),"alert"in i&&t(2,c=i.alert),"href"in i&&t(3,m=i.href),"linkcontent"in i&&t(4,d=i.linkcontent),"type"in i&&t(5,f=i.type),"closable"in i&&t(6,h=i.closable),"size"in i&&t(7,g=i.size),"hasfooter"in i&&t(8,w=i.hasfooter)},i.$$.update=()=>{t(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},e=x(e),[r,l,c,m,d,f,h,g,w,o,function(i){p.dispatch("close",i)},e]}class Z extends i{constructor(i){super();const s=document.createElement("style");s.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link: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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::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-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__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-notification-closable__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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(s),e(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},A,_,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{Z 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, d as space, n as noop, g as attr, h as set_attributes, j as append, m as get_spread_update, o as detach, p as compute_rest_props, q as exclude_internal_props, K as empty, l as listen, Z as HtmlTag, t as text, k as set_data } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/notification/Notification.svelte generated by Svelte v3.58.0 */
+
+function create_if_block_3(ctx) {
+	let html_tag;
+	let raw_value = `<${/*titletag*/ ctx[1]} class="mc-notification__title">${/*title*/ ctx[0]}</${/*titletag*/ ctx[1]}>` + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag(false);
+			html_anchor = empty();
+			html_tag.a = html_anchor;
+		},
+		m(target, anchor) {
+			html_tag.m(raw_value, target, anchor);
+			insert(target, html_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*titletag, title*/ 3 && raw_value !== (raw_value = `<${/*titletag*/ ctx[1]} class="mc-notification__title">${/*title*/ ctx[0]}</${/*titletag*/ ctx[1]}>` + "")) html_tag.p(raw_value);
+		},
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (50:24) 
+function create_if_block_2(ctx) {
+	let div;
+
+	return {
+		c() {
+			div = element("div");
+			div.innerHTML = `<slot name="footer"></slot>`;
+			attr(div, "class", "mc-notification__footer");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (46:4) {#if href && linkcontent}
+function create_if_block_1(ctx) {
+	let div;
+	let a;
+	let t;
+
+	return {
+		c() {
+			div = element("div");
+			a = element("a");
+			t = text(/*linkcontent*/ ctx[4]);
+			attr(a, "class", "mc-notification__link mc-link");
+			attr(a, "href", /*href*/ ctx[3]);
+			attr(div, "class", "mc-notification__footer");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, a);
+			append(a, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*linkcontent*/ 16) set_data(t, /*linkcontent*/ ctx[4]);
+
+			if (dirty & /*href*/ 8) {
+				attr(a, "href", /*href*/ ctx[3]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (56:2) {#if closable}
+function create_if_block(ctx) {
+	let button;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			button = element("button");
+			attr(button, "type", "button");
+			attr(button, "class", "mc-notification-closable__close");
+			attr(button, "title", "Close");
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+
+			if (!mounted) {
+				dispose = listen(button, "click", /*emitClose*/ ctx[10]);
+				mounted = true;
+			}
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(button);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div2;
+	let div1;
+	let t0;
+	let div0;
+	let t1;
+	let t2;
+	let div2_class_value;
+	let div2_role_value;
+	let if_block0 = /*title*/ ctx[0] && create_if_block_3(ctx);
+
+	function select_block_type(ctx, dirty) {
+		if (/*href*/ ctx[3] && /*linkcontent*/ ctx[4]) return create_if_block_1;
+		if (/*hasfooter*/ ctx[8]) return create_if_block_2;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block1 = current_block_type && current_block_type(ctx);
+	let if_block2 = /*closable*/ ctx[6] && create_if_block(ctx);
+
+	let div2_levels = [
+		{
+			class: div2_class_value = "" + (setClasses(/*type*/ ctx[5], /*size*/ ctx[7], /*closable*/ ctx[6]) + " " + /*$$props*/ ctx[11].class)
+		},
+		{
+			role: div2_role_value = /*alert*/ ctx[2] ? 'alert' : 'status'
+		},
+		/*attributes*/ ctx[9]
+	];
+
+	let div_data_2 = {};
+
+	for (let i = 0; i < div2_levels.length; i += 1) {
+		div_data_2 = assign(div_data_2, div2_levels[i]);
+	}
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			div0 = element("div");
+			div0.innerHTML = `<slot></slot>`;
+			t1 = space();
+			if (if_block1) if_block1.c();
+			t2 = space();
+			if (if_block2) if_block2.c();
+			this.c = noop;
+			attr(div0, "class", "mc-notification__message");
+			attr(div1, "class", "mc-notification__content");
+			set_attributes(div2, div_data_2);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			if (if_block0) if_block0.m(div1, null);
+			append(div1, t0);
+			append(div1, div0);
+			append(div1, t1);
+			if (if_block1) if_block1.m(div1, null);
+			append(div2, t2);
+			if (if_block2) if_block2.m(div2, null);
+		},
+		p(ctx, [dirty]) {
+			if (/*title*/ ctx[0]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_3(ctx);
+					if_block0.c();
+					if_block0.m(div1, t0);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block1) {
+				if_block1.p(ctx, dirty);
+			} else {
+				if (if_block1) if_block1.d(1);
+				if_block1 = current_block_type && current_block_type(ctx);
+
+				if (if_block1) {
+					if_block1.c();
+					if_block1.m(div1, null);
+				}
+			}
+
+			if (/*closable*/ ctx[6]) {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+				} else {
+					if_block2 = create_if_block(ctx);
+					if_block2.c();
+					if_block2.m(div2, null);
+				}
+			} else if (if_block2) {
+				if_block2.d(1);
+				if_block2 = null;
+			}
+
+			set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
+				dirty & /*type, size, closable, $$props*/ 2272 && div2_class_value !== (div2_class_value = "" + (setClasses(/*type*/ ctx[5], /*size*/ ctx[7], /*closable*/ ctx[6]) + " " + /*$$props*/ ctx[11].class)) && { class: div2_class_value },
+				dirty & /*alert*/ 4 && div2_role_value !== (div2_role_value = /*alert*/ ctx[2] ? 'alert' : 'status') && { role: div2_role_value },
+				dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
+			]));
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div2);
+			if (if_block0) if_block0.d();
+
+			if (if_block1) {
+				if_block1.d();
+			}
+
+			if (if_block2) if_block2.d();
+		}
+	};
+}
+
+function setClasses(type, size, closable) {
+	const classes = ['mc-notification'];
+
+	if (type) {
+		classes.push(`mc-notification--${type}`);
+	}
+
+	if (size && size !== 'm') {
+		classes.push(`mc-notification--${size}`);
+	}
+
+	if (closable) {
+		classes.push('mc-notification-closable');
+	}
+
+	return classes.join(' ');
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let attributes;
+
+	const omit_props_names = [
+		"title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"
+	];
+
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { title } = $$props;
+	let { titletag = 'h3' } = $$props;
+	let { alert = false } = $$props;
+	let { href } = $$props;
+	let { linkcontent } = $$props;
+	let { type } = $$props;
+	let { closable = false } = $$props;
+	let { size = 'm' } = $$props;
+	let { hasfooter = false } = $$props;
+	let eventHandler = new EventHandler();
+
+	function emitClose(e) {
+		eventHandler.dispatch('close', e);
+	}
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(11, $$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(0, title = $$new_props.title);
+		if ('titletag' in $$new_props) $$invalidate(1, titletag = $$new_props.titletag);
+		if ('alert' in $$new_props) $$invalidate(2, alert = $$new_props.alert);
+		if ('href' in $$new_props) $$invalidate(3, href = $$new_props.href);
+		if ('linkcontent' in $$new_props) $$invalidate(4, linkcontent = $$new_props.linkcontent);
+		if ('type' in $$new_props) $$invalidate(5, type = $$new_props.type);
+		if ('closable' in $$new_props) $$invalidate(6, closable = $$new_props.closable);
+		if ('size' in $$new_props) $$invalidate(7, size = $$new_props.size);
+		if ('hasfooter' in $$new_props) $$invalidate(8, hasfooter = $$new_props.hasfooter);
+	};
+
+	$$self.$$.update = () => {
+		$$invalidate(9, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 512) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		title,
+		titletag,
+		alert,
+		href,
+		linkcontent,
+		type,
+		closable,
+		size,
+		hasfooter,
+		attributes,
+		emitClose,
+		$$props
+	];
+}
+
+class Notification extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link: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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::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-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:"LeroyMerlin", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:"";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E")}.mc-notification--s.mc-notification--success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E")}.mc-notification--s.mc-notification--warning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E")}.mc-notification--s.mc-notification--danger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__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-notification-closable__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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				title: 0,
+				titletag: 1,
+				alert: 2,
+				href: 3,
+				linkcontent: 4,
+				type: 5,
+				closable: 6,
+				size: 7,
+				hasfooter: 8
+			},
+			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",
+			"titletag",
+			"alert",
+			"href",
+			"linkcontent",
+			"type",
+			"closable",
+			"size",
+			"hasfooter"
+		];
+	}
+
+	get title() {
+		return this.$$.ctx[0];
+	}
+
+	set title(title) {
+		this.$$set({ title });
+		flush();
+	}
+
+	get titletag() {
+		return this.$$.ctx[1];
+	}
+
+	set titletag(titletag) {
+		this.$$set({ titletag });
+		flush();
+	}
+
+	get alert() {
+		return this.$$.ctx[2];
+	}
+
+	set alert(alert) {
+		this.$$set({ alert });
+		flush();
+	}
+
+	get href() {
+		return this.$$.ctx[3];
+	}
+
+	set href(href) {
+		this.$$set({ href });
+		flush();
+	}
+
+	get linkcontent() {
+		return this.$$.ctx[4];
+	}
+
+	set linkcontent(linkcontent) {
+		this.$$set({ linkcontent });
+		flush();
+	}
+
+	get type() {
+		return this.$$.ctx[5];
+	}
+
+	set type(type) {
+		this.$$set({ type });
+		flush();
+	}
+
+	get closable() {
+		return this.$$.ctx[6];
+	}
+
+	set closable(closable) {
+		this.$$set({ closable });
+		flush();
+	}
+
+	get size() {
+		return this.$$.ctx[7];
+	}
+
+	set size(size) {
+		this.$$set({ size });
+		flush();
+	}
+
+	get hasfooter() {
+		return this.$$.ctx[8];
+	}
+
+	set hasfooter(hasfooter) {
+		this.$$set({ hasfooter });
+		flush();
+	}
+}
+
+export { Notification as default };
 //# sourceMappingURL=Notification.js.map

package/public/components/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    NotificationTitleTag,\n    NotificationType,\n    NotificationSize,\n  } from './notification.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let title: string;\n  export let titletag: NotificationTitleTag = 'h3';\n  export let alert = false;\n  export let href: string;\n  export let linkcontent: string;\n  export let type: NotificationType;\n  export let closable = false;\n  export let size: NotificationSize = 'm';\n  export let hasfooter = false;\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function setClasses(\n    type: NotificationType,\n    size: NotificationSize,\n    closable: boolean,\n  ): string {\n    const classes = ['mc-notification'];\n\n    if (type) {\n      classes.push(`mc-notification--${type}`);\n    }\n\n    if (size && size !== 'm') {\n      classes.push(`mc-notification--${size}`);\n    }\n\n    if (closable) {\n      classes.push('mc-notification-closable');\n    }\n\n    return classes.join(' ');\n  }\n\n  function emitClose(e: CustomEventInit): void {\n    eventHandler.dispatch('close', e);\n  }\n</script>\n\n<div\n  class=\"{setClasses(type, size, closable)} {$$props.class}\"\n  role={alert ? 'alert' : 'status'}\n  {...attributes}\n>\n  <div class=\"mc-notification__content\">\n    {#if title}\n      {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n    {/if}\n    <div class=\"mc-notification__message\">\n      <slot />\n    </div>\n    {#if href && linkcontent}\n      <div class=\"mc-notification__footer\">\n        <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n      </div>\n    {:else if hasfooter}\n      <div class=\"mc-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n  {#if closable}\n    <button\n      type=\"button\"\n      class=\"mc-notification-closable__close\"\n      title=\"Close\"\n      on:click={emitClose}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","html_tag","p","raw_value","insert","target","div","anchor","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","class","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"8QA2DiBA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,6FAA7DA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,QAAAC,EAAAC,EAAAC,+JAUxEC,EAEKC,EAAAC,EAAAC,kFAL8CP,EAAW,iHAD9DI,EAEKC,EAAAC,EAAAC,GADHC,EAAgEF,EAAAG,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAH,qBADWP,EAAS,4EArBhBA,EAAK,IAAAW,EAAAX,mBAML,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,eAC7ChB,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EA8BKC,EAAAY,EAAAV,GAzBHC,EAgBKS,EAAAC,yBAZHV,EAEKU,EAAAC,yDALAnB,EAAK,+HAgBPA,EAAQ,sFArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,QAAK,CAAAA,MAAAI,eAClDpB,EAAK,GAAG,QAAU,WAAQ,CAAAqB,KAAAC,UAC5BtB,EAAU,yDA9BL,SAAAe,EACPQ,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJAlCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,MAAmBC,wWAHpBC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWtB,mCA0BZ,SAAU0B,GACjBN,EAAaO,SAAS,QAASD"}
+{"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    NotificationTitleTag,\n    NotificationType,\n    NotificationSize,\n  } from './notification.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let title: string;\n  export let titletag: NotificationTitleTag = 'h3';\n  export let alert = false;\n  export let href: string;\n  export let linkcontent: string;\n  export let type: NotificationType;\n  export let closable = false;\n  export let size: NotificationSize = 'm';\n  export let hasfooter = false;\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function setClasses(\n    type: NotificationType,\n    size: NotificationSize,\n    closable: boolean,\n  ): string {\n    const classes = ['mc-notification'];\n\n    if (type) {\n      classes.push(`mc-notification--${type}`);\n    }\n\n    if (size && size !== 'm') {\n      classes.push(`mc-notification--${size}`);\n    }\n\n    if (closable) {\n      classes.push('mc-notification-closable');\n    }\n\n    return classes.join(' ');\n  }\n\n  function emitClose(e: CustomEventInit): void {\n    eventHandler.dispatch('close', e);\n  }\n</script>\n\n<div\n  class=\"{setClasses(type, size, closable)} {$$props.class}\"\n  role={alert ? 'alert' : 'status'}\n  {...attributes}\n>\n  <div class=\"mc-notification__content\">\n    {#if title}\n      {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n    {/if}\n    <div class=\"mc-notification__message\">\n      <slot />\n    </div>\n    {#if href && linkcontent}\n      <div class=\"mc-notification__footer\">\n        <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n      </div>\n    {:else if hasfooter}\n      <div class=\"mc-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n  {#if closable}\n    <button\n      type=\"button\"\n      class=\"mc-notification-closable__close\"\n      title=\"Close\"\n      on:click={emitClose}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":[],"mappings":";;;;;;;kCA2DiB,GAAQ,CAAA,CAAA,CAAA,CAAA,gCAAA,YAAmC,GAAK,CAAA,CAAA,CAAA,CAAA,EAAA,eAAK,GAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,CAAA;;;;;;;;;;;;;;oFAA7D,GAAQ,CAAA,CAAA,CAAA,CAAA,gCAAA,YAAmC,GAAK,CAAA,CAAA,CAAA,CAAA,EAAA,eAAK,GAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,CAAA,EAAA,QAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;GAUxE,MAEK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;4BAL8C,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;GAD9D,MAEK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GADH,MAAgE,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;+DAAf,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GAShE,MAKC,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,CAAA;;;oDADW,GAAS,CAAA,EAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;2BArBhB,GAAK,CAAA,CAAA,CAAA,IAAA,iBAAA,CAAA,GAAA,CAAA,CAAA;;;AAML,EAAA,aAAA,GAAI,uBAAI,GAAW,CAAA,CAAA,CAAA,EAAA,OAAA,iBAAA,CAAA;oBAId,GAAS,CAAA,CAAA,CAAA,EAAA,OAAA,iBAAA,CAAA;;;;;8BAMhB,GAAQ,CAAA,CAAA,CAAA,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;mCArBL,UAAU,UAAC,GAAI,CAAE,CAAA,CAAA,WAAA,GAAI,kBAAE,GAAQ,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,eAAI,GAAO,CAAA,EAAA,CAAA,CAAC,KAAK,CAAA;;;qCAClD,GAAK,CAAA,CAAA,CAAA,GAAG,OAAO,GAAG,QAAQ;;iBAC5B,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GAHhB,MA8BK,CAAA,MAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;GAzBH,MAgBK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;;;GAZH,MAEK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;;;;;;;iBALA,GAAK,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;oBAgBP,GAAQ,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;qGArBL,UAAU,UAAC,GAAI,CAAE,CAAA,CAAA,WAAA,GAAI,kBAAE,GAAQ,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,eAAI,GAAO,CAAA,EAAA,CAAA,CAAC,KAAK,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA;4EAClD,GAAK,CAAA,CAAA,CAAA,GAAG,OAAO,GAAG,QAAQ,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA;iDAC5B,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;AA9BL,SAAA,UAAU,CACjB,IAAsB,EACtB,IAAsB,EACtB,QAAiB,EAAA;AAEX,CAAA,MAAA,OAAO,IAAI,iBAAiB,CAAA,CAAA;;KAE9B,IAAI,EAAA;EACN,OAAO,CAAC,IAAI,CAAA,CAAA,iBAAA,EAAqB,IAAI,CAAA,CAAA,CAAA,CAAA;;;KAGnC,IAAI,IAAI,IAAI,KAAK,GAAG,EAAA;EACtB,OAAO,CAAC,IAAI,CAAA,CAAA,iBAAA,EAAqB,IAAI,CAAA,CAAA,CAAA,CAAA;;;KAGnC,QAAQ,EAAA;EACV,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAA,CAAA;;;QAGlC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;;;;;;;;;OAlCd,KAAa,EAAA,GAAA,OAAA,CAAA;AACb,CAAA,IAAA,EAAA,QAAQ,GAAyB,IAAI,EAAA,GAAA,OAAA,CAAA;AACrC,CAAA,IAAA,EAAA,KAAK,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OACb,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,WAAmB,EAAA,GAAA,OAAA,CAAA;OACnB,IAAsB,EAAA,GAAA,OAAA,CAAA;AACtB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;AAChB,CAAA,IAAA,EAAA,IAAI,GAAqB,GAAG,EAAA,GAAA,OAAA,CAAA;AAC5B,CAAA,IAAA,EAAA,SAAS,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;AAKxB,CAAA,IAAA,YAAY,OAAO,YAAY,EAAA,CAAA;;AAwB1B,CAAA,SAAA,SAAS,CAAC,CAAkB,EAAA;AACnC,EAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;AA5BlC,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}