@mozaic-ds/web-components 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/components/listbox/Listbox.nested.svelte

@@ -1,175 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { ListboxItems } from './listbox.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  const uuid = Math.random();
-
-  export let name: string = `listboxradio-${uuid}`;
-  export let items: string;
-  export let value: any;
-  export let multiple: boolean;
-  export let isfiltered: boolean;
-  export let emptysearchlabel = 'No results found';
-  export let datatextexpr = 'label';
-  export let datavalueexpr = 'value';
-  export let datadisabledexpr = 'disabled';
-  export let maxwidth: string;
-  export let selectall = false;
-  export let labelselectall = 'Select all';
-  export let overlay: boolean;
-  export let width: string;
-  export let type = 'options';
-  export let labelautosize = false;
-
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  $: allSelected = selectall ?? false;
-  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];
-  $: value = value ? (determineSelectionState() as []) : [];
-  $: selectAllIndeterminate = true;
-
-  function determineSelectionState(): [] {
-    allSelected = false;
-    selectAllIndeterminate = false;
-    if (value && value.length === 0) {
-      allSelected = false;
-      selectAllIndeterminate = false;
-    } else if (value && value.length < parsedItems.length) {
-      selectAllIndeterminate = true;
-    } else if (value && value.length === parsedItems.length) {
-      allSelected = true;
-    }
-
-    return value;
-  }
-
-  function setItemId(index: number) {
-    return `listboxItem-${index + uuid}`;
-  }
-
-  function scrollEnd(node: HTMLElement) {
-    node.addEventListener('scroll', () => {
-      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {
-        eventHandler.dispatch('scrollend', {});
-      }
-    });
-  }
-
-  function onSelectAll(e: Event) {
-    const ischecked = (<HTMLInputElement>e.target).checked;
-    allSelected = ischecked ? true : false;
-    if (allSelected) {
-      parsedItems.map((item) => {
-        if (
-          !item[datadisabledexpr] &&
-          value.indexOf(item[datavalueexpr]) === -1
-        )
-          value.push(item[datavalueexpr]);
-      });
-    } else {
-      value = [];
-    }
-    eventHandler.dispatch('select-all', value);
-    value = value;
-  }
-</script>
-
-<div
-  class="mc-listbox"
-  class:mc-listbox--options={type === 'options'}
-  class:mc-listbox--multi={multiple}
-  class:mc-listbox--overlay={overlay}
-  style="--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};"
->
-  {#if !isfiltered}
-    <ul
-      role="listbox"
-      class="mc-listbox__list"
-      aria-labelledby="listbox"
-      use:scrollEnd
-    >
-      {#if multiple && selectall}
-        <li class="mc-listbox__tile">
-          <input
-            id="select-all"
-            class="mc-listbox__input mc-checkbox__input"
-            type="checkbox"
-            indeterminate={selectAllIndeterminate}
-            bind:checked={allSelected}
-            on:change={onSelectAll}
-          />
-          <label for="select-all" class="mc-listbox__label">
-            {labelselectall}
-          </label>
-        </li>
-      {/if}
-      {#each parsedItems as item, index}
-        <li
-          class="mc-listbox__tile"
-          class:is-disabled={item[datadisabledexpr]}
-          class:mc-listbox__tile--auto-size={labelautosize}
-        >
-          {#if !multiple}
-            <input
-              id={setItemId(index)}
-              class="mc-listbox__input"
-              class:is-disabled={item[datadisabledexpr]}
-              type="radio"
-              value={item[datavalueexpr]}
-              {name}
-              disabled={Boolean(item[datadisabledexpr])}
-              bind:group={value}
-              on:change
-            />
-          {:else}
-            <input
-              id={setItemId(index)}
-              class="mc-listbox__input mc-checkbox__input"
-              type="checkbox"
-              value={item[datavalueexpr]}
-              checked={value.includes(item[datavalueexpr])}
-              disabled={Boolean(item[datadisabledexpr])}
-              bind:group={value}
-              on:change
-            />
-          {/if}
-
-          <label
-            for={setItemId(index)}
-            class="mc-listbox__label"
-            class:mc-listbox__label--no-overflow={labelautosize}
-          >
-            {item[datatextexpr]}
-          </label>
-        </li>
-      {/each}
-    </ul>
-  {:else}
-    <div class="mc-listbox__tile mc-listbox__tile--empty">
-      <span class="mc-listbox__label">{emptysearchlabel}</span>
-    </div>
-  {/if}
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/all-settings';
-  @import '@mozaic-ds/styles/components/c.checkbox';
-  @import '@mozaic-ds/styles/components/c.listbox';
-
-  .mc-listbox__tile--auto-size {
-    height: auto !important;
-    min-height: 3rem;
-  }
-  .mc-listbox__label--no-overflow {
-    white-space: break-spaces;
-  }
-</style>

package/dist/components/listbox/Listbox.svelte

@@ -1,102 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { ListboxItems } from './listbox.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let items: string;
-  export let value: any;
-  export let multiple: boolean;
-  export let isfiltered: boolean;
-  export let emptysearchlabel = 'No results found';
-  export let datatextexpr = 'label';
-  export let datavalueexpr = 'value';
-  export let maxwidth: string;
-  export let overlay: boolean;
-  export let width: string;
-  export let type = 'options';
-
-  const uuid = Math.random();
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function setItemId(index: number) {
-    return `listboxItem-${index + uuid}`;
-  }
-
-  function scrollEnd(node: HTMLElement) {
-    node.addEventListener('scroll', () => {
-      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {
-        eventHandler.dispatch('scrollend', {});
-      }
-    });
-  }
-</script>
-
-<div
-  class="mc-listbox"
-  class:mc-listbox--options={type === 'options'}
-  class:mc-listbox--multi={multiple}
-  class:mc-listbox--overlay={overlay}
-  style="--listbox-maxwidth: {maxwidth}; --listbox-width: {width};"
->
-  {#if !isfiltered}
-    <ul
-      role="listbox"
-      class="mc-listbox__list"
-      aria-labelledby="listbox"
-      use:scrollEnd
-      {...attributes}
-    >
-      {#each parsedItems as item, index}
-        <li class="mc-listbox__tile">
-          {#if !multiple}
-            <input
-              id={setItemId(index)}
-              class="mc-listbox__input"
-              type="radio"
-              value={item[datavalueexpr]}
-              name={`listboxradio-${uuid}`}
-              bind:group={value}
-              on:change
-            />
-          {:else}
-            <input
-              id={setItemId(index)}
-              class="mc-listbox__input mc-checkbox__input"
-              type="checkbox"
-              value={item[datavalueexpr]}
-              checked={value.includes(item[datavalueexpr])}
-              bind:group={value}
-              on:change
-            />
-          {/if}
-
-          <label for={setItemId(index)} class="mc-listbox__label">
-            {item[datatextexpr]}
-          </label>
-        </li>
-      {/each}
-    </ul>
-  {:else}
-    <div class="mc-listbox__tile mc-listbox__tile--empty">
-      <span class="mc-listbox__label">{emptysearchlabel}</span>
-    </div>
-  {/if}
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/all-settings';
-  @import '@mozaic-ds/styles/components/c.checkbox';
-  @import '@mozaic-ds/styles/components/c.listbox';
-</style>

package/dist/components/listbox/listbox.types.d.ts

@@ -1,8 +0,0 @@
-export interface ListboxItems {
-    id?: string;
-    label: string;
-    value: string | boolean | undefined;
-    [value: string]: string | boolean | undefined;
-    selectall: boolean | undefined;
-}
-//# sourceMappingURL=listbox.types.d.ts.map

package/dist/components/listbox/listbox.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"listbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/listbox/listbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACpC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9C,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/dist/components/loader/Loader.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as t,s as i,I as s,e as r,J as a,d as o,h as l,b as n,k as f,n as d,m as c,c as m,u as h,v,y as k}from"../../index-c222d0b7.js";function _(e){s(e,"svelte-1f3i5i2",".mc-loader.svelte-1f3i5i2.svelte-1f3i5i2{color:#188803;-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.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:2rem;width:2rem}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader__spinner.svelte-1f3i5i2.svelte-1f3i5i2:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1f3i5i2.svelte-1f3i5i2{-webkit-animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1f3i5i2.svelte-1f3i5i2{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1f3i5i2.svelte-1f3i5i2{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader--l.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:4rem;width:4rem}.mc-loader--l.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:8}.mc-loader--dark.svelte-1f3i5i2.svelte-1f3i5i2{color:#191919}.mc-loader--dark.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader--light.svelte-1f3i5i2.svelte-1f3i5i2{color:#ffffff}.mc-loader--light.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}@-webkit-keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1f3i5i2-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 svelte-1f3i5i2-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}}")}function u(e){let t,i;return{c(){t=r("span"),i=v(e[2]),l(t,"class","mc-loader__text svelte-1f3i5i2")},m(e,s){n(e,t,s),f(t,i)},p(e,t){4&t&&k(i,e[2])},d(e){e&&c(t)}}}function p(e){let t,i,s,m,h,v,k,_,p=e[2]&&u(e);return{c(){t=r("div"),i=r("span"),s=a("svg"),m=a("circle"),k=o(),p&&p.c(),l(m,"class","mc-loader__path svelte-1f3i5i2"),l(m,"cx","50%"),l(m,"cy","50%"),l(m,"r",h=b(e[0])),l(s,"class","mc-loader__icon svelte-1f3i5i2"),l(s,"xmlns","http://www.w3.org/2000/svg"),l(s,"viewBox",v=x(e[0])),l(i,"class","mc-loader__spinner svelte-1f3i5i2"),l(t,"class",_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")},m(e,r){n(e,t,r),f(t,i),f(i,s),f(s,m),f(t,k),p&&p.m(t,null)},p(e,[i]){1&i&&h!==(h=b(e[0]))&&l(m,"r",h),1&i&&v!==(v=x(e[0]))&&l(s,"viewBox",v),e[2]?p?p.p(e,i):(p=u(e),p.c(),p.m(t,null)):p&&(p.d(1),p=null),11&i&&_!==(_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")&&l(t,"class",_)},i:d,o:d,d(e){e&&c(t),p&&p.d()}}}function w(e,t){const i=["mc-loader"];return e&&i.push(`mc-loader--${e}`),t&&i.push(`mc-loader--${t}`),i.join(" ")}function x(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function b(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function g(e,t,i){let{size:s}=t,{theme:r}=t,{text:a}=t;return e.$$set=e=>{i(3,t=m(m({},t),h(e))),"size"in e&&i(0,s=e.size),"theme"in e&&i(1,r=e.theme),"text"in e&&i(2,a=e.text)},t=h(t),[s,r,a,t]}class y extends e{constructor(e){super(),t(this,e,g,p,i,{size:0,theme:1,text:2},_)}}export{y as default};
-//# sourceMappingURL=Loader.nested.js.map

package/dist/components/loader/Loader.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.nested.js","sources":["../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\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.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","div_class_value","setClasses","class","append","dirty","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"uxFA4EOA,EAAI,0DADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,2JALAM,EAAAC,EAAA,IAAAC,EAAAC,EAAgBT,EAAI,6FANhBM,EAAAI,EAAA,UAAAC,EAAAC,EAAWZ,EAAI,sDALjBM,EAAAO,EAAA,QAAAC,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,2BAApDf,EAqBKC,EAAAW,EAAAT,GApBHa,EAaMJ,EAAAV,GAZJc,EAWKd,EAAAO,GANHO,EAKCP,EAAAH,mCADI,EAAAW,GAAAV,KAAAA,EAAAC,EAAgBT,EAAI,iBANhB,EAAAkB,GAAAP,KAAAA,EAAAC,EAAWZ,EAAI,uBAWvBA,EAAI,4DAhBE,GAAAkB,GAAAJ,KAAAA,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,6EAjDzCD,EAAWI,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAX,EAAWO,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAf,EAAgBU,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,6BAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}

package/dist/components/loader/Loader.nested.svelte

@@ -1,85 +0,0 @@
-<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)} {$$props.class}">
-  <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/dist/components/menu/Menu.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as i,g as n,b as s,f as o,s as a,e as l,n as r,h as m,k as c,m as d,R as f,p as u,q as h,r as b,d as g,v as p,t as _,x as w,y as x,J as k,M as v}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function y(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function E(e){let t,i=`<${N(e[8].iconName,e[0]===e[10])} />`;return{c(){t=l("span"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),t.innerHTML=i},p(e,n){3&n&&i!==(i=`<${N(e[8].iconName,e[0]===e[10])} />`)&&(t.innerHTML=i)},d(e){e&&d(t)}}}function C(e){let t,i,n;return{c(){t=l("span"),i=l("slot"),m(i,"prop",n=e[8]),m(i,"name","icon"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),c(t,i)},p(e,t){2&t&&n!==(n=e[8])&&m(i,"prop",n)},d(e){e&&d(t)}}}function z(e){let t,i,n,o;return{c(){t=k("svg"),i=k("use"),m(i,"href",n=e[8].iconPath),m(t,"class","mc-menu__icon"),m(t,"fill",o=e[0]===e[10]?"white":""),v(t,"width","2rem")},m(e,n){s(e,t,n),c(t,i)},p(e,s){2&s&&n!==(n=e[8].iconPath)&&m(i,"href",n),1&s&&o!==(o=e[0]===e[10]?"white":"")&&m(t,"fill",o)},d(e){e&&d(t)}}}function M(e){let t,i,n,o,a,r,f,u,h,b,k=e[8].label+"",v=e[8].iconName&&E(e),$=e[3].icon&&C(e),y=e[8].iconPath&&z(e);function M(){return e[6](e[10],e[8])}return{c(){t=l("li"),i=l("div"),v&&v.c(),n=g(),$&&$.c(),o=g(),y&&y.c(),a=g(),r=l("span"),f=p(k),u=g(),m(r,"class","mc-menu__label"),m(i,"class","mc-menu__link"),_(i,"is-active",e[0]===e[10]),_(i,"is-disabled",e[8].disabled),m(t,"class","mc-menu__item")},m(e,l){s(e,t,l),c(t,i),v&&v.m(i,null),c(i,n),$&&$.m(i,null),c(i,o),y&&y.m(i,null),c(i,a),c(i,r),c(r,f),c(t,u),h||(b=w(i,"click",M),h=!0)},p(t,s){(e=t)[8].iconName?v?v.p(e,s):(v=E(e),v.c(),v.m(i,n)):v&&(v.d(1),v=null),e[3].icon?$?$.p(e,s):($=C(e),$.c(),$.m(i,o)):$&&($.d(1),$=null),e[8].iconPath?y?y.p(e,s):(y=z(e),y.c(),y.m(i,a)):y&&(y.d(1),y=null),2&s&&k!==(k=e[8].label+"")&&x(f,k),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),v&&v.d(),$&&$.d(),y&&y.d(),h=!1,b()}}}function L(e){let t,i,n=e[1],o=[];for(let t=0;t<n.length;t+=1)o[t]=M(y(e,n,t));return{c(){t=l("nav"),i=l("ul");for(let e=0;e<o.length;e+=1)o[e].c();this.c=r,m(i,"class","mc-menu__list"),m(t,"class","mc-menu"),m(t,"aria-label","menu")},m(e,n){s(e,t,n),c(t,i);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(i,null)},p(e,[t]){if(15&t){let s;for(n=e[1],s=0;s<n.length;s+=1){const a=y(e,n,s);o[s]?o[s].p(a,t):(o[s]=M(a),o[s].c(),o[s].m(i,null))}for(;s<o.length;s+=1)o[s].d(1);o.length=n.length}},i:r,o:r,d(e){e&&d(t),f(o,e)}}}function N(e,t){return t?`${e} fill="white" `:`${e} `}function P(e,t,i){let n,s,{$$slots:o={},$$scope:a}=t;const l=u(o);let{items:r}=t,{selected:m}=t,c=new $(h(),b());function d(e,t){i(0,s=e),c.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(4,r=e.items),"selected"in e&&i(5,m=e.selected)},e.$$.update=()=>{16&e.$$.dirty&&i(1,n=r?JSON.parse(r):[]),32&e.$$.dirty&&i(0,s=m?Number(m):"")},[s,n,d,l,r,m,(e,t)=>d(e,t)]}class B extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{list-style:none;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__item:first-of-type .mc-menu__link{border-radius:0.25rem 0.25rem 0 0}.mc-menu__item:last-of-type .mc-menu__link{border-radius:0 0 0.25rem 0.25rem}.mc-menu__link{font-weight:400;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;outline:none;width:100%}.mc-menu__link::before{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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;z-index:var(--menu-link-z-index, 1)}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link:focus::before{-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-menu__link.is-active{background-color:#188803;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:n(this)},customElement:!0},P,L,a,{items:4,selected:5},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[4]}set items(e){this.$$set({items:e}),o()}get selected(){return this.$$.ctx[5]}set selected(e){this.$$set({selected:e}),o()}}export{B as default};
-//# sourceMappingURL=Menu.js.map

package/dist/components/menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { menuType } from './menu.types';\n  export let items: string;\n  export let selected: string;\n  $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n  $: itemSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function generateIconName(\n    iconName: string | undefined,\n    isActive: boolean,\n  ): string {\n    if (isActive) return `${iconName} fill=\"white\" `;\n    else return `${iconName} `;\n  }\n\n  function manageMenu(index: any, item: any) {\n    itemSelected = index;\n    eventHandler.dispatch('item-selected', {\n      index,\n      item,\n    });\n  }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    {#each menuItems as item, index}\n      <li class=\"mc-menu__item\">\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div\n          class=\"mc-menu__link\"\n          class:is-active={itemSelected === index}\n          class:is-disabled={item.disabled}\n          on:click={() => manageMenu(index, item)}\n        >\n          {#if item.iconName}\n            <span class=\"mc-menu__icon\">\n              {@html `<${generateIconName(\n                item.iconName,\n                itemSelected === index,\n              )} />`}\n            </span>\n          {/if}\n          {#if $$slots.icon}\n            <span class=\"mc-menu__icon\"><slot prop={item} name=\"icon\" /></span>\n          {/if}\n          {#if item.iconPath}\n            <svg\n              class=\"mc-menu__icon\"\n              fill={itemSelected === index ? 'white' : ''}\n              style=\"width: 2rem\"\n            >\n              <use href={item.iconPath} />\n            </svg>\n          {/if}\n          <span class=\"mc-menu__label\">{item.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["raw_value","generateIconName","ctx","iconName","insert","target","span","anchor","dirty","innerHTML","append","slot","attr","use","use_href_value","iconPath","svg","svg_fill_value","t3_value","label","if_block0","create_if_block_2","if_block1","icon","create_if_block_1","if_block2","create_if_block","toggle_class","div","disabled","li","set_data","t3","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"4UAiDyBA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,sEAH1BE,EAKMC,EAAAC,EAAAC,yBAJO,EAAAC,GAAAR,KAAAA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,aAAAI,EAAAG,UAAAT,2FAKcE,EAAI,4DAA5CE,EAAkEC,EAAAC,EAAAC,GAAtCG,EAAgCJ,EAAAK,uBAApBT,EAAI,8FAQ/BU,EAAAC,EAAA,OAAAC,EAAAZ,KAAKa,uCAHVH,EAAAI,EAAA,OAAAC,EAAAf,OAAiBA,EAAK,IAAG,QAAU,gCAF3CE,EAMKC,EAAAW,EAAAT,GADHG,EAA2BM,EAAAH,WAAhB,EAAAL,GAAAM,KAAAA,EAAAZ,KAAKa,yBAHV,EAAAP,GAAAS,KAAAA,EAAAf,OAAiBA,EAAK,IAAG,QAAU,yEAMfgB,EAAAhB,KAAKiB,MAAK,GApBnCC,EAAAlB,KAAKC,UAAQkB,EAAAnB,GAQboB,EAAApB,KAAQqB,MAAIC,EAAAtB,GAGZuB,EAAAvB,KAAKa,UAAQW,EAAAxB,yMAfDyB,EAAAC,EAAA,YAAA1B,OAAiBA,EAAK,KACpByB,EAAAC,EAAA,cAAA1B,KAAK2B,+CAL5BzB,EA8BIC,EAAAyB,EAAAvB,GA5BFG,EA2BKoB,EAAAF,qEADHlB,EAA+CkB,EAAAtB,6DApBrCH,+DAQLD,KAAQqB,2DAGRrB,KAAKa,+DASoB,EAAAP,GAAAU,KAAAA,EAAAhB,KAAKiB,MAAK,KAAAY,EAAAC,EAAAd,QAxBvBS,EAAAC,EAAA,YAAA1B,OAAiBA,EAAK,UACpByB,EAAAC,EAAA,cAAA1B,KAAK2B,sFANvB3B,EAAS,wBAAd+B,OAAIC,GAAA,sLAFV9B,EAoCKC,EAAA8B,EAAA5B,GAnCHG,EAkCIyB,EAAAC,mFAjCKlC,EAAS,WAAd+B,OAAIC,GAAA,EAAA,iHAAJD,gDAnBKhC,EACPE,EACAkC,UAEIA,EAAQ,GAAYlC,kBAAQ,GACjBA,iFAfNmC,GAAaC,YACbC,GAAgBD,EAIvBE,EAAmB,IAAAC,EACrBC,IACAC,cAWOC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfL,EAAaS,SAAS,gBACpB,CAAAJ,QACAC,2HApBHC,EAAA,EAAEG,EAAYb,EAASc,KAAKC,MAAMf,GAAK,mBACvCU,EAAA,EAAEC,EAAeT,EAAWc,OAAOd,GAAY,yBAiCxBK,EAAWC,EAAOC"}

package/dist/components/menu/Menu.svelte

@@ -1,78 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import type { menuType } from './menu.types';
-  export let items: string;
-  export let selected: string;
-  $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];
-  $: itemSelected = selected ? Number(selected) : '';
-
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  function generateIconName(
-    iconName: string | undefined,
-    isActive: boolean,
-  ): string {
-    if (isActive) return `${iconName} fill="white" `;
-    else return `${iconName} `;
-  }
-
-  function manageMenu(index: any, item: any) {
-    itemSelected = index;
-    eventHandler.dispatch('item-selected', {
-      index,
-      item,
-    });
-  }
-</script>
-
-<nav class="mc-menu" aria-label="menu">
-  <ul class="mc-menu__list">
-    {#each menuItems as item, index}
-      <li class="mc-menu__item">
-        <!-- svelte-ignore a11y-click-events-have-key-events -->
-        <div
-          class="mc-menu__link"
-          class:is-active={itemSelected === index}
-          class:is-disabled={item.disabled}
-          on:click={() => manageMenu(index, item)}
-        >
-          {#if item.iconName}
-            <span class="mc-menu__icon">
-              {@html `<${generateIconName(
-                item.iconName,
-                itemSelected === index,
-              )} />`}
-            </span>
-          {/if}
-          {#if $$slots.icon}
-            <span class="mc-menu__icon"><slot prop={item} name="icon" /></span>
-          {/if}
-          {#if item.iconPath}
-            <svg
-              class="mc-menu__icon"
-              fill={itemSelected === index ? 'white' : ''}
-              style="width: 2rem"
-            >
-              <use href={item.iconPath} />
-            </svg>
-          {/if}
-          <span class="mc-menu__label">{item.label}</span>
-        </div>
-      </li>
-    {/each}
-  </ul>
-</nav>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/all-settings';
-  @import '@mozaic-ds/styles/components/c.menu';
-</style>

package/dist/components/menu/menu.types.d.ts

@@ -1,10 +0,0 @@
-export interface menuType {
-    iconPath?: string | undefined;
-    label: string;
-    id?: string | undefined;
-    iconName?: string | undefined;
-    name?: string | undefined;
-    value?: string;
-    disabled?: boolean | undefined;
-}
-//# sourceMappingURL=menu.types.d.ts.map

package/dist/components/menu/menu.types.d.ts.map

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

package/dist/components/notification/Notification.js

@@ -1,2 +0,0 @@
-import{S as i,i as t,a as e,b as o,f as n,s as a,c as r,e as s,d as c,n as l,h as m,j as d,k as f,l as h,m as g,o as b,q as x,r as w,u as p,T as k,v as u,w as v,y,x as _}from"../../index-c222d0b7.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let t,e=i[1],n=i[1]&&z(i);return{c(){n&&n.c(),t=k()},m(i,e){n&&n.m(i,e),o(i,t,e)},p(i,o){i[1]?e?a(e,i[1])?(n.d(1),n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):n.p(i,o):(n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):e&&(n.d(1),n=null,e=i[1])},d(i){i&&g(t),n&&n.d(i)}}}function z(i){let t,e;return{c(){t=s(i[1]),e=u(i[0]),v(i[1])(t,{class:"mc-notification__title"})},m(i,n){o(i,t,n),f(t,e)},p(i,t){1&t&&y(e,i[0])},d(i){i&&g(t)}}}function $(i){let t;return{c(){t=s("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&&g(t)}}}function M(i){let t,e,n;return{c(){t=s("div"),e=s("a"),n=u(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,a){o(i,t,a),f(t,e),f(e,n)},p(i,t){16&t&&y(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&g(t)}}}function A(i){let t,e,n;return{c(){t=s("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(a,r){o(a,t,r),e||(n=_(t,"click",i[10]),e=!0)},p:l,d(i){i&&g(t),e=!1,n()}}}function Z(i){let t,e,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,t){return i[3]&&i[4]?M:i[8]?$:void 0}let v=u(i),y=v&&v(i),_=i[6]&&A(i),C=[{class:w=L(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<C.length;i+=1)z=r(z,C[i]);return{c(){t=s("div"),e=s("div"),k&&k.c(),n=c(),a=s("div"),a.innerHTML="<slot></slot>",b=c(),y&&y.c(),x=c(),_&&_.c(),this.c=l,m(a,"class","mc-notification__message"),m(e,"class","mc-notification__content"),d(t,z)},m(i,r){o(i,t,r),f(t,e),k&&k.m(e,null),f(e,n),f(e,a),f(e,b),y&&y.m(e,null),f(t,x),_&&_.m(t,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(e,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(e,null))),i[6]?_?_.p(i,o):(_=A(i),_.c(),_.m(t,null)):_&&(_.d(1),_=null),d(t,z=h(C,[2272&o&&w!==(w=L(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:l,o:l,d(i){i&&g(t),k&&k.d(),y&&y.d(),_&&_.d()}}}function L(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 B(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(t,n),{title:s}=t,{titletag:c="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:d}=t,{type:f}=t,{closable:h=!1}=t,{size:g="m"}=t,{hasfooter:k=!1}=t,u=new C(x(),w());return i.$$set=i=>{e(11,t=r(r({},t),p(i))),e(13,a=b(t,n)),"title"in i&&e(0,s=i.title),"titletag"in i&&e(1,c=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,d=i.linkcontent),"type"in i&&e(5,f=i.type),"closable"in i&&e(6,h=i.closable),"size"in i&&e(7,g=i.size),"hasfooter"in i&&e(8,k=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},t=p(t),[s,c,l,m,d,f,h,g,k,o,function(i){u.dispatch("close",i)},t]}class V extends i{constructor(i){super();const r=document.createElement("style");r.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;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;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 .mc-notification__title+.mc-notification__message{margin-top:0.5rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:0.25rem}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;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(r),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},B,Z,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{V as default};
-//# sourceMappingURL=Notification.js.map

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

@@ -1 +0,0 @@
-{"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  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\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    get_current_component(),\n    createEventDispatcher(),\n  );\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      <svelte:element this={titletag} class=\"mc-notification__title\"\n        >{title}</svelte:element\n      >\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","create_dynamic_element","svelte_element","class","insert","target","anchor","div","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","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","get_current_component","createEventDispatcher","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"iRAkE4BA,EAAQ,KAARA,EAAQ,IAAAC,EAAAD,kEAARA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,iDAARA,EAAQ,kDAARA,EAAQ,mEAARA,EAAQ,QAC1BA,EAAK,MADaA,EAAQ,IAAAE,EAAA,CAAAC,MAAA,mCAA9BC,EAEAC,EAAAH,EAAAI,2BADIN,EAAK,uJAWTI,EAEKC,EAAAE,EAAAD,kFAL8CN,EAAW,iHAD9DI,EAEKC,EAAAE,EAAAD,GADHE,EAAgED,EAAAE,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAJ,qBADWN,EAAS,4EAvBhBA,EAAK,IAAAW,EAAAX,mBAQL,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,eAC7CH,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EAgCKC,EAAAW,EAAAV,GA3BHE,EAkBKQ,EAAAC,yBAZHT,EAEKS,EAAAC,yDAPAlB,EAAK,+HAkBPA,EAAQ,sFAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,QAAK,CAAAA,MAAAgB,eAClDnB,EAAK,GAAG,QAAU,WAAQ,CAAAoB,KAAAC,UAC5BrB,EAAU,yDA9BL,SAAAe,EACPO,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,gJArCXC,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,EAAmB,IAAAC,EACrBC,IACAC,2WALCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,mCA6BZ,SAAUwC,GACjBR,EAAaS,SAAS,QAASD"}