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

package/public/components/notification/Notification.js

@@ -1,2 +1,459 @@
-import{S as i,i as t,a as e,b as o,f as n,s,c as a,e as c,d as r,n as l,g as m,h as M,j as x,m as d,o as w,p as g,q as D,K as b,l as I,Z as f,t as h,k as L}from"../../index-c33b3772.js";import{E as A}from"../../EventHandler-02058705.js";function k(i){let t,e,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){t=new f(!1),e=b(),t.a=e},m(i,s){t.m(n,i,s),o(i,e,s)},p(i,e){3&e&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&t.p(n)},d(i){i&&w(e),i&&t.d()}}}function E(i){let t;return{c(){t=c("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&w(t)}}}function u(i){let t,e,n;return{c(){t=c("div"),e=c("a"),n=h(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,s){o(i,t,s),x(t,e),x(e,n)},p(i,t){16&t&&L(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&w(t)}}}function p(i){let t,e,n;return{c(){t=c("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(s,a){o(s,t,a),e||(n=I(t,"click",i[10]),e=!0)},p:l,d(i){i&&w(t),e=!1,n()}}}function y(i){let t,e,n,s,g,D,b,I,f=i[0]&&k(i);function h(i,t){return i[3]&&i[4]?u:i[8]?E:void 0}let L=h(i),A=L&&L(i),y=i[6]&&p(i),j=[{class:b=C(i[5],i[7],i[6])+" "+i[11].class},{role:I=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<j.length;i+=1)z=a(z,j[i]);return{c(){t=c("div"),e=c("div"),f&&f.c(),n=r(),s=c("div"),s.innerHTML="<slot></slot>",g=r(),A&&A.c(),D=r(),y&&y.c(),this.c=l,m(s,"class","mc-notification__message"),m(e,"class","mc-notification__content"),M(t,z)},m(i,a){o(i,t,a),x(t,e),f&&f.m(e,null),x(e,n),x(e,s),x(e,g),A&&A.m(e,null),x(t,D),y&&y.m(t,null)},p(i,[o]){i[0]?f?f.p(i,o):(f=k(i),f.c(),f.m(e,n)):f&&(f.d(1),f=null),L===(L=h(i))&&A?A.p(i,o):(A&&A.d(1),A=L&&L(i),A&&(A.c(),A.m(e,null))),i[6]?y?y.p(i,o):(y=p(i),y.c(),y.m(t,null)):y&&(y.d(1),y=null),M(t,z=d(j,[2272&o&&b!==(b=C(i[5],i[7],i[6])+" "+i[11].class)&&{class:b},4&o&&I!==(I=i[2]?"alert":"status")&&{role:I},512&o&&i[9]]))},i:l,o:l,d(i){i&&w(t),f&&f.d(),A&&A.d(),y&&y.d()}}}function C(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function j(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let s=g(t,n),{title:c}=t,{titletag:r="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:M}=t,{type:x}=t,{closable:d=!1}=t,{size:w="m"}=t,{hasfooter:b=!1}=t,I=new A;return i.$$set=i=>{e(11,t=a(a({},t),D(i))),e(13,s=g(t,n)),"title"in i&&e(0,c=i.title),"titletag"in i&&e(1,r=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,M=i.linkcontent),"type"in i&&e(5,x=i.type),"closable"in i&&e(6,d=i.closable),"size"in i&&e(7,w=i.size),"hasfooter"in i&&e(8,b=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},s)),512&i.$$.dirty&&delete o.class},t=D(t),[c,r,l,m,M,x,d,w,b,o,function(i){I.dispatch("close",i)},t]}class z extends i{constructor(i){super();const a=document.createElement("style");a.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxODg4MDMiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE2LDVBMTEsMTEsMCwxLDEsNSwxNiwxMSwxMSwwLDAsMSwxNiw1bTAtMkExMywxMywwLDEsMCwyOSwxNiwxMywxMywwLDAsMCwxNiwzWiIvPjxwYXRoIGQ9Ik0xNC4yLDIxLjQ1LDguNSwxNi4xOGExLDEsMCwxLDEsMS4zNS0xLjQ3bDQuMjgsNCw4LTguMDlhMSwxLDAsMCwxLDEuNDIsMCwxLDEsMCwwLDEsMCwxLjQxWiIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2NTIwMCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDE4LjEzYTEsMSwwLDAsMS0xLTFWMTEuM2ExLDEsMCwwLDEsMiwwdjUuODNBMSwxLDAsMCwxLDE2LDE4LjEzWiIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMjAuNyIgcj0iMSIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2MTExMiI+PHBhdGggZD0iTTE2LDNBMTMsMTMsMCwxLDAsMjksMTYsMTMsMTMsMCwwLDAsMTYsM1ptMCwyNEExMSwxMSwwLDEsMSwyNywxNiwxMSwxMSwwLDAsMSwxNiwyN1oiLz48cGF0aCBkPSJNMjAuNzEsMTEuMjlhMSwxLDAsMCwwLTEuNDIsMEwxNiwxNC41OWwtMy4yOS0zLjNhMSwxLDAsMCwwLTEuNDIsMS40MkwxNC41OSwxNmwtMy4zLDMuMjlhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwTDE2LDE3LjQxbDMuMjksMy4zYTEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMCwwLDAtMS40MkwxNy40MSwxNmwzLjMtMy4yOUExLDEsMCwwLDAsMjAuNzEsMTEuMjlaIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDdiYjQiPjxwYXRoIGQ9Ik0xMiAyMmExMCAxMCAwIDExMTAtMTAgMTAgMTAgMCAwMS0xMCAxMHptMC0xOGE4IDggMCAxMDggOCA4IDggMCAwMC04LTh6Ii8+PHBhdGggZD0iTTEyIDE3YTEgMSAwIDAxLTEtMXYtNC4zOWExIDEgMCAwMTIgMFYxNmExIDEgMCAwMS0xIDF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIxIi8+PC9zdmc+")}.mc-notification--s.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMxODg4MDMiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-notification--s.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjUyMDAiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--s.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTE2LjIxIDcuODhhMSAxIDAgMDAtMS40MiAwbC0yLjc0IDIuNzQtMi44NC0yLjgzYTEgMSAwIDEwLTEuNDIgMS40MkwxMC42MyAxMmwtMi43NyAyLjc5YTEgMSAwIDAwMS40MSAxLjQybDIuNzgtMi43NyAyLjY4IDIuNjhhMSAxIDAgMDAxLjQxLTEuNDJMMTMuNDYgMTJsMi43NS0yLjdhMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+") 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(a),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},j,y,s,{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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxODg4MDMiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE2LDVBMTEsMTEsMCwxLDEsNSwxNiwxMSwxMSwwLDAsMSwxNiw1bTAtMkExMywxMywwLDEsMCwyOSwxNiwxMywxMywwLDAsMCwxNiwzWiIvPjxwYXRoIGQ9Ik0xNC4yLDIxLjQ1LDguNSwxNi4xOGExLDEsMCwxLDEsMS4zNS0xLjQ3bDQuMjgsNCw4LTguMDlhMSwxLDAsMCwxLDEuNDIsMCwxLDEsMCwwLDEsMCwxLjQxWiIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2NTIwMCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDE4LjEzYTEsMSwwLDAsMS0xLTFWMTEuM2ExLDEsMCwwLDEsMiwwdjUuODNBMSwxLDAsMCwxLDE2LDE4LjEzWiIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMjAuNyIgcj0iMSIvPjwvc3ZnPg==")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2MTExMiI+PHBhdGggZD0iTTE2LDNBMTMsMTMsMCwxLDAsMjksMTYsMTMsMTMsMCwwLDAsMTYsM1ptMCwyNEExMSwxMSwwLDEsMSwyNywxNiwxMSwxMSwwLDAsMSwxNiwyN1oiLz48cGF0aCBkPSJNMjAuNzEsMTEuMjlhMSwxLDAsMCwwLTEuNDIsMEwxNiwxNC41OWwtMy4yOS0zLjNhMSwxLDAsMCwwLTEuNDIsMS40MkwxNC41OSwxNmwtMy4zLDMuMjlhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwTDE2LDE3LjQxbDMuMjksMy4zYTEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMCwwLDAtMS40MkwxNy40MSwxNmwzLjMtMy4yOUExLDEsMCwwLDAsMjAuNzEsMTEuMjlaIi8+PC9zdmc+")}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDdiYjQiPjxwYXRoIGQ9Ik0xMiAyMmExMCAxMCAwIDExMTAtMTAgMTAgMTAgMCAwMS0xMCAxMHptMC0xOGE4IDggMCAxMDggOCA4IDggMCAwMC04LTh6Ii8+PHBhdGggZD0iTTEyIDE3YTEgMSAwIDAxLTEtMXYtNC4zOWExIDEgMCAwMTIgMFYxNmExIDEgMCAwMS0xIDF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIxIi8+PC9zdmc+")}.mc-notification--s.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMxODg4MDMiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-notification--s.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjUyMDAiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--s.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTE2LjIxIDcuODhhMSAxIDAgMDAtMS40MiAwbC0yLjc0IDIuNzQtMi44NC0yLjgzYTEgMSAwIDEwLTEuNDIgMS40MkwxMC42MyAxMmwtMi43NyAyLjc5YTEgMSAwIDAwMS40MSAxLjQybDIuNzgtMi43NyAyLjY4IDIuNjhhMSAxIDAgMDAxLjQxLTEuNDJMMTMuNDYgMTJsMi43NS0yLjdhMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+") 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":"yQA2DiBA,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":"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"}