@mozaic-ds/web-components 0.1.0

package/public/bricoman/components/loader/Loader.svelte

@@ -0,0 +1,85 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { LoaderSize, LoaderTheme } from './loader.types';
+
+  export let size: LoaderSize;
+  export let theme: LoaderTheme;
+  export let text: string;
+
+  function setClasses(size: LoaderSize, theme: LoaderTheme) {
+    const classes = ['mc-loader'];
+
+    if (size) {
+      classes.push(`mc-loader--${size}`);
+    }
+
+    if (theme) {
+      classes.push(`mc-loader--${theme}`);
+    }
+
+    return classes.join(' ');
+  }
+
+  function setViewBox(size: LoaderSize) {
+    let viewBox: string;
+
+    switch (size) {
+      case 's':
+        viewBox = '0 0 24 24';
+        break;
+      case 'l':
+        viewBox = '0 0 64 64';
+        break;
+      default:
+        viewBox = '0 0 32 32';
+    }
+
+    return viewBox;
+  }
+
+  function setCircleRadius(size: LoaderSize) {
+    let circleRadius: number;
+
+    switch (size) {
+      case 's':
+        circleRadius = 6;
+        break;
+      case 'l':
+        circleRadius = 19;
+        break;
+      default:
+        circleRadius = 9;
+    }
+
+    return circleRadius;
+  }
+</script>
+
+<div class={setClasses(size, theme)} {...$$restProps}>
+  <span class="mc-loader__spinner">
+    <svg
+      class="mc-loader__icon"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox={setViewBox(size)}
+    >
+      <circle
+        class="mc-loader__path"
+        cx="50%"
+        cy="50%"
+        r={setCircleRadius(size)}
+      />
+    </svg>
+  </span>
+
+  {#if text}
+    <span class="mc-loader__text">
+      {text}
+    </span>
+  {/if}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.loader';
+</style>

package/public/bricoman/components/loader/loader.types.d.ts

@@ -0,0 +1,3 @@
+export type LoaderSize = 's' | 'm' | 'l' | undefined;
+export type LoaderTheme = 'dark' | 'light' | 'primary' | undefined;
+//# sourceMappingURL=loader.types.d.ts.map

package/public/bricoman/components/loader/loader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1,2 @@
+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 as m,n as d,g as c,h as b,j as p,l as h,k as g,m as x,o as f,p as w,a4 as y,q as _,v as u}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),p(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&f(t)}}}function M(e){let t,i,a,s,w,y,_,u,v,M,A,$,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=[{class:L="mc-modal "+(e[6]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],P={};for(let e=0;e<q.length;e+=1)P=n(P,q[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),_=m(),u=l("button"),v=l("span"),M=r(e[3]),A=m(),$=l("main"),D=l("article"),N&&N.c(),I=m(),j=l("slot"),z=m(),C=l("footer"),C.innerHTML='<slot name="footer"></slot>',T=m(),O=l("div"),this.c=d,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(u,"class","mc-modal__close"),c(u,"type","button"),c(s,"class","mc-modal__header"),c(j,"name","content"),c(D,"class","mc-modal__content"),c($,"class","mc-modal__body"),c(C,"class","mc-modal__footer"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,P),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),p(t,i),p(i,a),p(a,s),p(s,w),p(w,y),p(s,_),p(s,u),p(u,v),p(v,M),p(a,A),p(a,$),p($,D),N&&N.m(D,null),p(D,I),p(D,j),p(a,z),p(a,C),p(t,T),p(t,O),e[9](t),H||(Z=h(u,"click",e[8]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(D,I)):N&&(N.d(1),N=null),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,P=x(q,[{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:d,o:d,d(i){i&&f(t),N&&N.d(),e[9](null),H=!1,Z()}}}function A(e,t,i){let o;const a=["title","modaltitle","isopen","closebuttontext"];let s,l=w(t,a),{title:r}=t,{modaltitle:m}=t,{isopen:d}=t,{closebuttontext:c="Close"}=t,b=new v;function p(){i(0,d=!1)}y((()=>{const e=s.querySelector(".mc-modal"),t=s.querySelector(".mc-modal__body"),i=s.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),_(e)),i(11,l=w(t,a)),"title"in e&&i(1,r=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,d=e.isopen),"closebuttontext"in e&&i(3,c=e.closebuttontext)},e.$$.update=()=>{1&e.$$.dirty&&(d?b.dispatch("modal-opened",{}):b.dispatch("modal-closed",{})),i(4,o=Object.assign({},l)),16&e.$$.dirty&&delete o.class},[d,r,m,c,o,s,undefined,p,()=>p(),function(e){u[e?"unshift":"push"]((()=>{s=e,i(5,s)}))}]}class $ 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}@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;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;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{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--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.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},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"]}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()}}export{$ as default};
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +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  $: 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      <footer class=\"mc-modal__footer\">\n        <slot name=\"footer\" />\n      </footer>\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","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot0","footer","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","eventHandler","EventHandler","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"6RA4D2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,0FADjDA,EAAK,IAAAK,EAAAL,4BApBCA,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,8dAR3BA,EAAM,GAAG,WAAa,sEAyB3BA,EAAM,GAAG,cAAgB,uDAlCtDC,EAsCKC,EAAAI,EAAAF,GArCHG,EA+BKD,EAAAE,GAvBHD,EAsBKC,EAAAC,GArBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,UAG1BT,EAEQE,EAAAQ,UAGZV,EAICD,EAAAY,4DA1BkDlB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,0FAbcA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAmB,SAChBnB,EAAU,uCA2BWA,EAAM,GAAG,cAAgB,gKAvDhDoB,kBAXOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,EAShCI,MAAmBC,WAedC,IACPC,EAAA,EAAAL,GAAS,GAdXM,GAAW,KACH,MAAAC,EAAQX,EAAKY,cAAc,aAC3BC,EAAOb,EAAKY,cAAc,mBAC1BE,EAAUd,EAAKY,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,8PAnBrBf,EACCE,EAAac,SAAS,eAAc,IACpCd,EAAac,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,oBACjBC,gBAsCoBlB,4CAfVR,EAAI2B"}

package/public/bricoman/components/modal/Modal.svelte

@@ -0,0 +1,81 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { afterUpdate } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+  export let title: string;
+  export let modaltitle: string;
+  export let isopen: boolean;
+  export let closebuttontext = 'Close';
+  $: isopen
+    ? eventHandler.dispatch('modal-opened', {})
+    : eventHandler.dispatch('modal-closed', {});
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+  let scrollable: boolean;
+
+  let root: HTMLElement;
+  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(): void {
+    isopen = false;
+  }
+</script>
+
+<div bind:this={root}>
+  <div
+    class="mc-modal {scrollable ? ' mc-modal--overflow' : ''}"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalTitle"
+    aria-hidden={!isopen}
+    {...attributes}
+  >
+    <div class="mc-modal__dialog {isopen ? ' is-open' : ''}" role="document">
+      <header class="mc-modal__header">
+        <h2 class="mc-modal__title" id="modalTitle">{modaltitle}</h2>
+        <button
+          class="mc-modal__close"
+          type="button"
+          on:click={() => onClose()}
+        >
+          <span class="mc-modal__close-text">{closebuttontext}</span>
+        </button>
+      </header>
+      <main class="mc-modal__body">
+        <article class="mc-modal__content">
+          {#if title}
+            <h3 class="mc-modal__heading" id="layerTitle">{title}</h3>
+          {/if}
+          <slot name="content" />
+        </article>
+      </main>
+      <footer class="mc-modal__footer">
+        <slot name="footer" />
+      </footer>
+    </div>
+  </div>
+  <div
+    class="mc-modal-overlay {isopen ? ' is-visible' : ''}"
+    tabindex="-1"
+    role="dialog"
+  />
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.modal';
+</style>

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

@@ -0,0 +1,2 @@
+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 f,Z as I,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 I(!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=f(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,f,I=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:f=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"),I&&I.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),I&&I.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]?I?I.p(i,o):(I=k(i),I.c(),I.m(e,n)):I&&(I.d(1),I=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&&f!==(f=i[2]?"alert":"status")&&{role:f},512&o&&i[9]]))},i:l,o:l,d(i){i&&w(t),I&&I.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,f=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){f.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:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.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};
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +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"}

package/public/bricoman/components/notification/Notification.svelte

@@ -0,0 +1,89 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type {
+    NotificationTitleTag,
+    NotificationType,
+    NotificationSize,
+  } from './notification.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let title: string;
+  export let titletag: NotificationTitleTag = 'h3';
+  export let alert = false;
+  export let href: string;
+  export let linkcontent: string;
+  export let type: NotificationType;
+  export let closable = false;
+  export let size: NotificationSize = 'm';
+  export let hasfooter = false;
+
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  let eventHandler = new EventHandler();
+
+  function setClasses(
+    type: NotificationType,
+    size: NotificationSize,
+    closable: boolean,
+  ): string {
+    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 emitClose(e: CustomEventInit): void {
+    eventHandler.dispatch('close', e);
+  }
+</script>
+
+<div
+  class="{setClasses(type, size, closable)} {$$props.class}"
+  role={alert ? 'alert' : 'status'}
+  {...attributes}
+>
+  <div class="mc-notification__content">
+    {#if title}
+      {@html `<${titletag} class="mc-notification__title">${title}</${titletag}>`}
+    {/if}
+    <div class="mc-notification__message">
+      <slot />
+    </div>
+    {#if href && linkcontent}
+      <div class="mc-notification__footer">
+        <a class="mc-notification__link mc-link" {href}>{linkcontent}</a>
+      </div>
+    {:else if hasfooter}
+      <div class="mc-notification__footer">
+        <slot name="footer" />
+      </div>
+    {/if}
+  </div>
+  {#if closable}
+    <button
+      type="button"
+      class="mc-notification-closable__close"
+      title="Close"
+      on:click={emitClose}
+    />
+  {/if}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/_c.links';
+  @import '@mozaic-ds/styles/components/_c.notification';
+</style>

package/public/bricoman/components/notification/notification.types.d.ts

@@ -0,0 +1,14 @@
+export type NotificationTitleTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type NotificationType = 'information' | 'success' | 'warning' | 'danger';
+export type NotificationSize = 's' | 'm' | undefined;
+export interface NotificationProps extends HTMLElement {
+    title: string;
+    titletag: NotificationTitleTag;
+    alert: boolean;
+    href: string;
+    linkcontent: string;
+    type: NotificationType;
+    closable: boolean;
+    size: NotificationSize;
+}
+//# sourceMappingURL=notification.types.d.ts.map

package/public/bricoman/components/notification/notification.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../../src/components/notification/notification.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;CACxB"}

package/public/bricoman/components/optionbutton/OptionButton.js

@@ -0,0 +1,2 @@
+import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as b,o as d,J as p,p as u,r as h,q as m,d as f,t as x,g as w,j as k,B as g,l as _,k as y,H as $}from"../../index-c33b3772.js";import{c as v}from"../../EventForward-3dbb2f25.js";import{E as j}from"../../EventHandler-02058705.js";function E(t,o,e){const s=t.slice();return s[11]=o[e],s}function C(t){let o,e,n,i,a,r,l,b,p,u,h,m,v,j=t[11].label+"";function E(){return t[7](t[11])}return{c(){o=c("div"),e=c("input"),r=f(),l=c("label"),b=x(j),u=f(),w(e,"id",n=t[11].id),w(e,"type","radio"),w(e,"class","mc-option-button__input"),w(e,"name",i=t[11].name),e.checked=t[0],e.disabled=a=t[11].disabled,w(l,"for",p=t[11].id),w(l,"class","mc-option-button__label"),w(o,"class",h="mc-option-button "+(t[11].fullwidth?"mc-option-button--full":""))},m(n,i){s(n,o,i),k(o,e),k(o,r),k(o,l),k(l,b),k(o,u),m||(v=[g(t[4].call(null,e)),_(e,"change",E)],m=!0)},p(s,c){t=s,8&c&&n!==(n=t[11].id)&&w(e,"id",n),8&c&&i!==(i=t[11].name)&&w(e,"name",i),1&c&&(e.checked=t[0]),8&c&&a!==(a=t[11].disabled)&&(e.disabled=a),8&c&&j!==(j=t[11].label+"")&&y(b,j),8&c&&p!==(p=t[11].id)&&w(l,"for",p),8&c&&h!==(h="mc-option-button "+(t[11].fullwidth?"mc-option-button--full":""))&&w(o,"class",h)},d(t){t&&d(o),m=!1,$(v)}}}function H(t){let o,e,n=t[3],i=[];for(let o=0;o<n.length;o+=1)i[o]=C(E(t,n,o));let u=[{class:e="mc-option-group "+t[2]},t[1]],h={};for(let t=0;t<u.length;t+=1)h=a(h,u[t]);return{c(){o=c("div");for(let t=0;t<i.length;t+=1)i[t].c();this.c=r,l(o,h)},m(t,e){s(t,o,e);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(o,null)},p(t,[s]){if(41&s){let e;for(n=t[3],e=0;e<n.length;e+=1){const a=E(t,n,e);i[e]?i[e].p(a,s):(i[e]=C(a),i[e].c(),i[e].m(o,null))}for(;e<i.length;e+=1)i[e].d(1);i.length=n.length}l(o,h=b(u,[4&s&&e!==(e="mc-option-group "+t[2])&&{class:e},2&s&&t[1]]))},i:r,o:r,d(t){t&&d(o),p(i,t)}}}function J(t,o,e){let s,n,i;const c=["checked","options"];let r=u(o,c),{checked:l}=o,{options:b}=o,d=new j;const p=v(h());function f(t){t.checked=!t.checked,d.dispatch("change",t)}return t.$$set=t=>{e(10,o=a(a({},o),m(t))),e(9,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(6,b=t.options)},t.$$.update=()=>{64&t.$$.dirty&&e(3,s=b?JSON.parse(b):[]),e(2,n=o.class),e(1,i=Object.assign({},r)),2&t.$$.dirty&&delete i.class},o=m(o),[l,i,n,s,p,f,b,t=>f(t)]}class O extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{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-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#4d5bf5;-webkit-box-shadow:0 0 0 0.25rem #e5e7fa;box-shadow:0 0 0 0.25rem #e5e7fa}.mc-option-button__input:focus+.mc-option-button__label::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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::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;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},J,H,i,{checked:0,options:6},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[6]}set options(t){this.$$set({options:t}),n()}}export{O as default};
+//# sourceMappingURL=OptionButton.js.map

package/public/bricoman/components/optionbutton/OptionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { OptionItems } from './optionbutton.types';\n  export let checked: boolean;\n  export let options: string;\n  $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  function handleChange(option: OptionItems): void {\n    option.checked = !option.checked;\n    eventHandler.dispatch('change', option);\n  }\n</script>\n\n<div class=\"mc-option-group {userClass}\" {...attributes}>\n  {#each parsedOptions as option}\n    <div\n      class=\"mc-option-button {option.fullwidth\n        ? `mc-option-button--full`\n        : ''}\"\n    >\n      <input\n        use:forwardEvents\n        id={option.id}\n        type=\"radio\"\n        class=\"mc-option-button__input\"\n        name={option.name}\n        {checked}\n        disabled={option.disabled}\n        on:change={() => handleChange(option)}\n      />\n      <label for={option.id} class=\"mc-option-button__label\">\n        {option.label}\n      </label>\n    </div>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.option-button';\n\n  .mc-option-group {\n    display: flex;\n    justify-content: space-between;\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","div","div_class_value","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","checked","$$props","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"uZAyCSA,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2CAdMH,EAAAS,EAAA,QAAAC,EAAA,qBAAAZ,MAAOa,mCAE5B,aAHNC,EAkBKC,EAAAJ,EAAAK,GAbHC,EASCN,EAAAR,UACDc,EAEON,EAAAV,gFAVD,EAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,EAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,EAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,EAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,EAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,kBAdM,EAAAa,GAAAN,KAAAA,EAAA,qBAAAZ,MAAOa,mCAE5B,uEAJDb,EAAa,wBAAlBqB,OAAIC,GAAA,sDADqBtB,EAAS,IAAOA,EAAU,oIAAvDc,EAsBKC,EAAAJ,EAAAK,mFArBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDADyBrB,EAAS,KAAA,CAAAuB,MAAAX,QAAOZ,EAAU,qHAhB1CwB,GAAgBC,WAChBC,GAAeD,EAMtBE,MAAmBC,QACjBC,EAAgBC,EAAqBC,KAElC,SAAAC,EAAaC,GACpBA,EAAOT,SAAWS,EAAOT,QACzBG,EAAaO,SAAS,SAAUD,6JAVjCE,EAAA,EAAEC,EAAgBV,EAAWW,KAAKC,MAAMZ,GAAO,IAC7CS,EAAA,EAAAI,EAAYd,EAAQF,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,6BA0BEU,GAAAD,EAAaC"}

package/public/bricoman/components/optionbutton/OptionButton.svelte

@@ -0,0 +1,56 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import type { OptionItems } from './optionbutton.types';
+  export let checked: boolean;
+  export let options: string;
+  $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  let eventHandler = new EventHandler();
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  function handleChange(option: OptionItems): void {
+    option.checked = !option.checked;
+    eventHandler.dispatch('change', option);
+  }
+</script>
+
+<div class="mc-option-group {userClass}" {...attributes}>
+  {#each parsedOptions as option}
+    <div
+      class="mc-option-button {option.fullwidth
+        ? `mc-option-button--full`
+        : ''}"
+    >
+      <input
+        use:forwardEvents
+        id={option.id}
+        type="radio"
+        class="mc-option-button__input"
+        name={option.name}
+        {checked}
+        disabled={option.disabled}
+        on:change={() => handleChange(option)}
+      />
+      <label for={option.id} class="mc-option-button__label">
+        {option.label}
+      </label>
+    </div>
+  {/each}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.option-button';
+
+  .mc-option-group {
+    display: flex;
+    justify-content: space-between;
+  }
+</style>

package/public/bricoman/components/optionbutton/optionbutton.types.d.ts

@@ -0,0 +1,10 @@
+export interface OptionItems {
+    name: string | undefined;
+    id: string | undefined;
+    for: string | undefined;
+    label: string | undefined;
+    disabled?: boolean;
+    fullwidth?: boolean;
+    checked?: boolean;
+}
+//# sourceMappingURL=optionbutton.types.d.ts.map

package/public/bricoman/components/optionbutton/optionbutton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionbutton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/optionbutton/optionbutton.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/public/bricoman/components/overlay/Overlay.js

@@ -0,0 +1,2 @@
+import{S as i,i as s,a as t,b as e,f as a,s as o,c as n,e as l,n as r,h as c,z as b,j as p,m as v,o as y,p as m,q as d}from"../../index-c33b3772.js";function u(i){let s,t,a=[{class:"mc-overlay"},i[1]],o={};for(let i=0;i<a.length;i+=1)o=n(o,a[i]);return{c(){s=l("div"),t=l("slot"),this.c=r,c(s,o),b(s,"is-visible",i[0])},m(i,a){e(i,s,a),p(s,t)},p(i,[t]){c(s,o=v(a,[{class:"mc-overlay"},2&t&&i[1]])),b(s,"is-visible",i[0])},i:r,o:r,d(i){i&&y(s)}}}function x(i,s,t){const e=["visible"];let a=m(s,e),{visible:o=!1}=s;return i.$$set=i=>{s=n(n({},s),d(i)),t(1,a=m(s,e)),"visible"in i&&t(0,o=i.visible)},[o,a]}class f extends i{constructor(i){super();const n=document.createElement("style");n.textContent=".mc-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-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}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-overlay-loader.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),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},x,u,o,{visible:0},null),i&&(i.target&&e(i.target,this,i.anchor),i.props&&(this.$set(i.props),a()))}static get observedAttributes(){return["visible"]}get visible(){return this.$$.ctx[0]}set visible(i){this.$$set({visible:i}),a()}}export{f as default};
+//# sourceMappingURL=Overlay.js.map

package/public/bricoman/components/overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/overlay/Overlay.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let visible = false;\n</script>\n\n<div class=\"mc-overlay\" class:is-visible={visible} {...$$restProps}>\n  <!-- @slot Use this slot to insert a centered content inside the overlay -->\n  <slot />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.overlay';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","slot","visible","$$props"],"mappings":"mMAMuDA,EAAW,oHAAxBA,EAAO,YAAjDC,EAGKC,EAAAC,EAAAC,GADHC,EAAOF,EAAAG,kDAF8CN,EAAW,uBAAxBA,EAAO,gFAHpCO,QAAAA,GAAU,GAAKC"}

package/public/bricoman/components/overlay/Overlay.svelte

@@ -0,0 +1,15 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  export let visible = false;
+</script>
+
+<div class="mc-overlay" class:is-visible={visible} {...$$restProps}>
+  <!-- @slot Use this slot to insert a centered content inside the overlay -->
+  <slot />
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.overlay';
+</style>

package/public/bricoman/components/overlay/OverlayLoader.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as s,f as a,s as r,e as o,d as n,n as l,g as c,z as d,j as m,o as f,t as b,k as h}from"../../index-c33b3772.js";function p(e){let t,i;return{c(){t=o("span"),i=b(e[1]),c(t,"class","mc-loader__text")},m(e,a){s(e,t,a),m(t,i)},p(e,t){2&t&&h(i,e[1])},d(e){e&&f(t)}}}function k(e){let t,i,a,r,b=e[1]&&p(e);return{c(){t=o("div"),i=o("div"),a=o("span"),a.innerHTML='<svg class="mc-loader__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle class="mc-loader__path" cx="50%" cy="50%" r="19"></circle></svg>',r=n(),b&&b.c(),this.c=l,c(a,"class","mc-loader__spinner"),c(i,"class","mc-loader mc-loader--l mc-loader--light"),c(t,"class","mc-overlay-loader"),d(t,"is-visible",e[0])},m(e,o){s(e,t,o),m(t,i),m(i,a),m(i,r),b&&b.m(i,null)},p(e,[s]){e[1]?b?b.p(e,s):(b=p(e),b.c(),b.m(i,null)):b&&(b.d(1),b=null),1&s&&d(t,"is-visible",e[0])},i:l,o:l,d(e){e&&f(t),b&&b.d()}}}function x(e,t,i){let{visible:s=!1}=t,{text:a}=t;return e.$$set=e=>{"visible"in e&&i(0,s=e.visible),"text"in e&&i(1,a=e.text)},[s,a]}class y extends e{constructor(e){super();const o=document.createElement("style");o.textContent=".mc-loader{color:#373de7;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-overlay-loader.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(o),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},x,k,r,{visible:0,text:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["visible","text"]}get visible(){return this.$$.ctx[0]}set visible(e){this.$$set({visible:e}),a()}get text(){return this.$$.ctx[1]}set text(e){this.$$set({text:e}),a()}}export{y as default};
+//# sourceMappingURL=OverlayLoader.js.map

package/public/bricoman/components/overlay/OverlayLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayLoader.js","sources":["../../../../src/components/overlay/OverlayLoader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let visible = false;\n  export let text: string;\n</script>\n\n<div class=\"mc-overlay-loader\" class:is-visible={visible}>\n  <div class=\"mc-loader mc-loader--l mc-loader--light\">\n    <span class=\"mc-loader__spinner\">\n      <svg\n        class=\"mc-loader__icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 64 64\"\n      >\n        <circle class=\"mc-loader__path\" cx=\"50%\" cy=\"50%\" r=\"19\" />\n      </svg>\n    </span>\n\n    {#if text}\n      <span class=\"mc-loader__text\">\n        {text}\n      </span>\n    {/if}\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n  @import '@mozaic-ds/styles/components/c.overlay';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","div1","append","div0","visible","$$props","text"],"mappings":"+LAqBSA,EAAI,2CADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,gDAFJA,EAAI,IAAAK,EAAAL,8XAZoCA,EAAO,YAAxDC,EAkBKC,EAAAI,EAAAF,GAjBHG,EAgBKD,EAAAE,GAfHD,EAQMC,EAAAL,mCAEDH,EAAI,kFAZoCA,EAAO,uDAJ3C,IAAAS,QAAAA,GAAU,GAAKC,QACfC,GAAYD"}

package/public/bricoman/components/overlayloader/OverlayLoader.svelte

@@ -0,0 +1,32 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  export let visible = false;
+  export let text: string;
+</script>
+
+<div class="mc-overlay-loader" class:is-visible={visible}>
+  <div class="mc-loader mc-loader--l mc-loader--light">
+    <span class="mc-loader__spinner">
+      <svg
+        class="mc-loader__icon"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 64 64"
+      >
+        <circle class="mc-loader__path" cx="50%" cy="50%" r="19" />
+      </svg>
+    </span>
+
+    {#if text}
+      <span class="mc-loader__text">
+        {text}
+      </span>
+    {/if}
+  </div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.loader';
+  @import '@mozaic-ds/styles/components/c.overlay';
+</style>