@mozaic-ds/web-components 0.24.0 → 0.26.0

package/public/components/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let name: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  let component: HTMLDivElement;\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    try {\n      await tick();\n      selectedItems = getSelectedItems(value);\n      if (!multiple) {\n        const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n        localInputValue = seletedLabels.join(', ');\n      } else {\n        tagValue = value;\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    try {\n      await tick();\n\n      tagWidth =\n        tag && tagValue && tagValue.length\n          ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n          : '0px';\n    } catch (e) {\n      console.error(e);\n    }\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n  bind:this={component}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {name}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\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.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    min-width: auto;\n\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"6sBAqOYA,EAAK,GAAGA,EAAK,sBAAsBA,EAAI,yCAEpCA,EAAW,sCAGZ,YACI,qCAIA,0DAEMA,EAAY,kFAZxBA,EAAK,GAAGA,EAAK,sBAAsBA,EAAI,wBAEpCA,EAAW,ymBAiDlBC,EAcQC,EAAAC,EAAAC,0FA0BHJ,EAAa,yBAAlBK,OAAIC,GAAA,0BAuBDN,EAAY,IAACK,OAASL,EAAmB,KAAAO,GAAAP,kHAxBhDC,EAmCKC,EAAAM,EAAAJ,0HAlCIJ,EAAa,YAAlBK,OAAIC,GAAA,EAAA,+GAAJD,OAuBGL,EAAY,IAACK,OAASL,EAAmB,yIApBnCA,EAAQ,GAAAS,uFADfR,EAkBKC,EAAAM,EAAAJ,kMAPKM,EAAAC,EAAA,KAAAC,EAAAZ,MAAaa,IACVH,EAAAC,EAAA,QAAAG,EAAAd,MAAae,uDAFtBd,EAMCC,EAAAS,EAAAP,gDALK,UAAAY,EAAA,IAAAJ,KAAAA,EAAAZ,MAAaa,iBACV,UAAAG,EAAA,IAAAF,KAAAA,EAAAd,MAAae,oHARhBL,EAAAC,EAAA,KAAAC,EAAAZ,MAAaa,IACVH,EAAAC,EAAA,QAAAG,EAAAd,MAAae,mCAEd,WALRd,EAMCC,EAAAS,EAAAP,WAJK,UAAAY,EAAA,IAAAJ,KAAAA,EAAAZ,MAAaa,iBACV,UAAAG,EAAA,IAAAF,KAAAA,EAAAd,MAAae,4DANvBE,EAAAjB,MAAQA,EAAmB,KAAAkB,EAAAlB,kEAA3BA,MAAQA,EAAmB,oMA2BnBA,EAAY,IAACK,OAAM,KAAIL,EAAiB,IAAA,4EAHrDC,EAOKC,EAAAM,EAAAJ,GANHe,EAKCX,EAAAG,mEAHUX,EAAY,IAACK,OAAM,KAAIL,EAAiB,IAAA,+EAuB1CA,EAAa,yBAAlBK,OAAIC,GAAA,qLAPHN,EAAU,4CAETA,EAAS,aAJrBC,EAgCKC,EAAAkB,EAAAhB,GA/BHe,EA8BSC,EAAAC,GAxBPF,EAuBOE,EAAAC,GAtBLH,EAqBKG,EAAAC,2IApBIvB,EAAa,YAAlBK,OAAIC,GAAA,EAAA,kHAAJD,+BAPCL,EAAU,kCAETA,EAAS,2HAgBDU,EAAAC,EAAA,KAAAC,EAAAZ,MAAaa,IACVH,EAAAC,EAAA,QAAAG,EAAAd,MAAae,uDAFtBd,EAMCC,EAAAS,EAAAP,gDALK,UAAAY,EAAA,IAAAJ,KAAAA,EAAAZ,MAAaa,iBACV,UAAAG,EAAA,IAAAF,KAAAA,EAAAd,MAAae,oHAPhBL,EAAAC,EAAA,KAAAC,EAAAZ,MAAaa,IACVH,EAAAC,EAAA,QAAAG,EAAAd,MAAae,+BAHtBd,EAKCC,EAAAS,EAAAP,WAHK,UAAAY,EAAA,IAAAJ,KAAAA,EAAAZ,MAAaa,iBACV,UAAAG,EAAA,IAAAF,KAAAA,EAAAd,MAAae,qFAJnBf,EAAQ,GAAAwB,8FADfvB,EAiBKC,EAAAM,EAAAJ,8KAlKVqB,GAAAzB,OAAYA,EAAY,IAACK,OAAS,IAAML,EAAO,KAAA0B,EAAA1B,8EAqB5CA,EAAE,gJASI,WACH,sBATkB,IAAfA,EAAe,eAAfA,EAAe,qEAYjBA,EAAO,2EAQZA,EAAO,IAAA2B,IAUPC,GAAmB,MAAnB5B,OAA8C,IAAnBA,EAAmB,MAAOA,EAAQ,IAAA6B,EAAA7B,yCAsB7D8B,KAAKC,UAAU/B,EAAU,UAC1BA,EAAS,qKAUS,IAAZA,EAAY,eAAZA,EAAY,sEACbA,EAAQ,uBACLA,EAAW,wBACVA,EAAW,KAGvB,IAAAgC,GAAAhC,OAAYA,EAAO,KAAAiC,EAAAjC,GA2CnBkC,GAAAlC,OAAYA,EAAO,KAAAmC,GAAAnC,kCA9IUoC,MAAAC,EAAA,6BAAArC,iCAAkCA,EAAQ,GAAA,KAGxEA,EAAU,sgBAJgBA,EAAQ,aAFxCC,EAoLKC,EAAAoC,EAAAlC,GA3KHe,EAwEKmB,EAAAlB,8CA9BHD,EA6BKC,EAAAG,8FA8DPJ,EAA6DmB,EAAAC,UAC7DpB,EAA4EmB,EAAAE,iFA1I/DxC,EAAY,oBAMlBA,OAAYA,EAAY,IAACK,OAAS,IAAML,EAAO,gJAqB5CA,EAAE,6KACIA,EAAe,6BAoBtBA,EAAO,kGAUY,MAAnBA,OAA8C,IAAnBA,EAAmB,KAAOA,EAAQ,gGAsB7D8B,KAAKC,UAAU/B,EAAU,4BAC1BA,EAAS,4UAUHA,EAAY,6BAMrBA,OAAYA,EAAO,kEA2CnBA,OAAYA,EAAO,+GA9IUyC,GAAA,SAAAzB,EAAA,IAAAqB,KAAAA,EAAA,6BAAArC,iCAAkCA,EAAQ,GAAA,OAAA,CAAAoC,MAAAC,iBAGxErC,EAAU,oCAJgBA,EAAQ,qmBA3KlC0C,YA7BOC,SAAAA,EAAW,QAAMC,SACjBC,GAAaD,GACbE,SAAAA,EAAW,IAAEF,eACbG,GAAmBH,GACnBI,OAAAA,GAAS,GAAIJ,GACbK,SAAAA,GAAW,GAAKL,GAChBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,aACzBQ,GAAkBR,cAClBS,GAAkBT,MAClB/B,GAAU+B,QACVU,GAAYV,GACZW,QAAAA,GAAU,GAAKX,GACfY,SAAAA,GAAW,GAAKZ,SAChBa,GAAab,SACbc,GAAUd,GACVe,KAAAA,GAAO,GAAKf,GACZgB,SAAAA,GAAW,GAAKhB,GAChBiB,iBAAAA,EAAmB,oBAAkBjB,GACrCkB,aAAAA,EAAe,SAAOlB,GACtBmB,cAAAA,EAAgB,SAAOnB,GACvBoB,OAAAA,GAAS,GAAKpB,GACdqB,WAAAA,EAAa,eAAarB,GAC1BsB,kBAAAA,EAAoB,aAAWtB,GAC/BuB,oBAAAA,EAAsB,IAAEvB,GACxBwB,QAAAA,GAAU,GAAKxB,GACfyB,UAAAA,GAAY,GAAKzB,GACjB0B,eAAAA,EAAiB,cAAY1B,QAGlC2B,EAAOC,KAAKC,SACd,IAIAC,EAEAC,EACAC,EAPAC,GAAmB,IAAAC,EACrBC,IACAC,KAGEC,GAAW,MAGXC,IAAa,EACbC,GAAa,GACbC,GAAiB,cAmBZC,KACFnC,SACHoC,EAAe1B,EAAQ,GAAQ,IAC/B2B,KACAV,GAAaW,SAAS,SAAS,aAI1BD,KACPE,EAAA,GAAAC,GAAY,GAER9B,IAAaI,aA2BjBY,EAAkBe,EACZ,MAAAR,EAAgBS,KAEtBhB,EAAgBiB,MAAM,CAAAC,EAAQC,KACtB,MAAAC,EAAWb,EAAcc,SAASH,GAClCI,EAAWf,EAAcc,SAASF,GAEpC,OAAAC,IAAaE,EACRJ,EAAE/B,GAAiBgC,EAAEhC,GACnBiC,EAAWE,EACb,GAEC,KAIZT,EAAA,GAAAU,EAAavB,GA1CXwB,GAEAX,EAAA,GAAAU,EAAaR,GAYR,SAAAC,GAAiBS,GAClB,MAAA3C,EAAQ2C,GAAYf,SAEJK,EAAY3C,QAAQsD,GACjC1C,EACHF,EAAMuC,SAASK,EAAKvC,IACpBL,IAAU4C,EAAKvC,cAyBdwC,KACPd,EAAA,GAAAL,IAAY,YAGLoB,KACPf,EAAA,GAAAL,GAAY,MAuCL,SAAAqB,GAAkBC,QACzBpB,EAAeA,EAAatC,QACzBU,GAAeA,IAAUgD,KAE5B7B,GAAaW,SAAS,WAAYF,ilCA1HnCG,EAAA,GAAEkB,EAAkBtD,wBACpBoC,EAAA,GAAEE,EAAclC,EAAS3B,KAAK8E,MAAMnD,GAAK,2BACzCgC,EAAA,GAAEU,EAAaR,4CACbF,EAAA,GAAAH,GAAgB5B,GAASE,KAAgBF,EAAQ5B,KAAK8E,MAAMlD,GAASA,kDACrEmD,EAAW,IACLvB,EAAajF,OAAOyG,WAAa,IAAMhE,0BAyHjCiE,eAAkBrD,gBAEvBsD,SACN7B,GAAgBS,GAAiBlC,IAC5BE,EAIH6B,EAAA,GAAAd,EAAWjB,OAJA,OACLuD,EAAgB9B,GAAc+B,KAAKZ,GAASA,EAAKxC,KACvD2B,EAAA,GAAAkB,EAAkBM,EAAcE,KAAK,cAIhCC,GACPC,QAAQC,MAAMF,IAlIfG,CAAkBjC,0BAsINyB,eAAYpC,mBAEjBqC,IAENvB,EAAA,GAAAR,GACEP,GAAOC,GAAYA,EAAStE,OACpC,GAAA,QAAAmH,EAAe9E,eAAAA,EAAW+E,cAAc,4BAAxC,IAAAD,SAAAA,EAA8DE,gBAClD,aACCN,GACPC,QAAQC,MAAMF,IA9IfO,CAAYhD,yBACdc,EAAA,GAAEC,EAAY/B,yBACd,CACO,MAAAiE,EAAYlC,EAAY,OAAS,QACvCb,GAAaW,SAASoC,EAAWlC,QAEhCmC,EAALC,OAAAC,UAAuBC,kCACXH,EAAWI,iGAqBnBpD,GAAaW,SAAS,WAAYF,GAE7B1B,GACH2B,YAiEK,SAAQ6B,GACT,MAAA1D,EAAS0D,EAAElH,OAA4BwD,OAvBtC,SAAiBA,GACxBmB,GAAaW,SAAS,UAAW9B,GAuBjCwE,CAAiBxE,GApBV,SAAcA,IACjBT,GAAaD,IAIbU,EAAMrD,OACRoF,EAAA,GAAAU,EAAaR,EAAY3C,QAAQsD,GAC/BA,EAAKxC,GAAcqE,cAAclC,SAASvC,EAAMyE,kBAGlD1C,EAAA,GAAAU,EAAaR,QAGfT,IAAciB,EAAW9F,QAEzBwE,GAAaW,SAAS,WAAYW,IAMlCiC,CAAc1E,eAIdmB,GAAaW,SAAS,aAAa,IAG5B,SAAY4B,GACnBvC,GAAaW,SAAS,aAAc4B,EAAEiB,sEAgEvB3D,EAAG4D,0BASJ3B,EAAejD,mBAaV,IAAA+B,EAAA,GAAAC,GAAY,oEAsBvBD,EAAA,GAAAkB,EAAkB,IAClBlB,EAAA,GAAAU,EAAaR,GACbF,EAAA,GAAAP,IAAa,GACRtB,GACHyB,kBAwBEC,EAAYiD,8BAyBU9B,GAAkB+B,EAAa3H,QAQnB0F,QAyCRE,GAAkB+B,EAAa3H,QAnB1C2F,6CAhJlB9D,EAAS4F"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let name: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  let component: HTMLDivElement;\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    try {\n      await tick();\n      selectedItems = getSelectedItems(value);\n      if (!multiple) {\n        const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n        localInputValue = seletedLabels.join(', ');\n      } else {\n        tagValue = value;\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    try {\n      await tick();\n\n      tagWidth =\n        tag && tagValue && tagValue.length\n          ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n          : '0px';\n    } catch (e) {\n      console.error(e);\n    }\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n  bind:this={component}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  {#if openState}\n    <Listbox\n      items={JSON.stringify(localItems)}\n      {name}\n      {multiple}\n      {isfiltered}\n      {emptysearchlabel}\n      {maxwidth}\n      {datatextexpr}\n      {datavalueexpr}\n      {selectall}\n      {labelselectall}\n      overlay={true}\n      width={maxwidth}\n      bind:value={listboxValue}\n      on:change={onChange}\n      on:scrollend={onScrollEnd}\n      on:select-all={onSelectAll}\n    />\n  {/if}\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\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.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    min-width: auto;\n\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n\n  // Listbox\n  .mc-listbox {\n    &--overlay {\n      top: calc(100% + 4px);\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","JSON","stringify","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_9","create_if_block_8","if_block2","create_if_block_7","create_if_block_6","if_block4","create_if_block_2","if_block5","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","name","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/components/autocomplete/Autocomplete.svelte

@@ -298,23 +298,26 @@
   </div>
 
   <!-- LISTBOX -->
-  <Listbox
-    items={JSON.stringify(localItems)}
-    open={openState}
-    {name}
-    {multiple}
-    {isfiltered}
-    {emptysearchlabel}
-    {maxwidth}
-    {datatextexpr}
-    {datavalueexpr}
-    {selectall}
-    {labelselectall}
-    bind:value={listboxValue}
-    on:change={onChange}
-    on:scrollend={onScrollEnd}
-    on:select-all={onSelectAll}
-  />
+  {#if openState}
+    <Listbox
+      items={JSON.stringify(localItems)}
+      {name}
+      {multiple}
+      {isfiltered}
+      {emptysearchlabel}
+      {maxwidth}
+      {datatextexpr}
+      {datavalueexpr}
+      {selectall}
+      {labelselectall}
+      overlay={true}
+      width={maxwidth}
+      bind:value={listboxValue}
+      on:change={onChange}
+      on:scrollend={onScrollEnd}
+      on:select-all={onSelectAll}
+    />
+  {/if}
 
   {#if multiple && alltags}
     <div class="tags-selected">
@@ -430,4 +433,11 @@
     margin-left: 5px;
     margin-right: 5px;
   }
+
+  // Listbox
+  .mc-listbox {
+    &--overlay {
+      top: calc(100% + 4px);
+    }
+  }
 </style>

package/public/components/breadcrumb/Breadcrumb.js

@@ -1,2 +1,2 @@
-import{S as e,i,a as r,b as t,f as n,s as c,c as m,e as a,n as s,h as l,j as d,k as o,l as b,p as h,q as p,Q as u,r as g,v as f,w as k,x,d as v,t as w,o as _,m as y}from"../../index-48da6c1f.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function C(e){let i,r,n,c=e[12].text+"";return{c(){i=a("span"),r=w(c),l(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r)},p(e,t){32&t&&c!==(c=e[12].text+"")&&_(r,c),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",n)},d(e){e&&p(i)}}}function E(e){let i,r,n,c,m,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=w(d),l(i,"href",n=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r),m||(s=y(i,"click",o),m=!0)},p(t,m){e=t,32&m&&d!==(d=e[12].text+"")&&_(r,d),32&m&&n!==(n=e[12].href)&&l(i,"href",n),1&m&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),m=!1,s()}}}function B(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?E:C}let m=c(e),s=m(e);return{c(){i=a("li"),s.c(),r=v(),l(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){t(e,i,n),s.m(i,null),b(i,r)},p(e,t){m===(m=c(e))&&s?s.p(e,t):(s.d(1),s=m(e),s&&(s.c(),s.m(i,r))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",n)},d(e){e&&p(i),s.d()}}}function j(e){let i,r,n,c=e[5],g=[];for(let i=0;i<c.length;i+=1)g[i]=B(z(e,c,i));let f=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<f.length;e+=1)k=m(k,f[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<g.length;e+=1)g[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){t(e,i,n),b(i,r);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(r,null)},p(e,[t]){if(97&t){let i;for(c=e[5],i=0;i<c.length;i+=1){const n=z(e,c,i);g[i]?g[i].p(n,t):(g[i]=B(n),g[i].c(),g[i].m(r,null))}for(;i<g.length;i+=1)g[i].d(1);g.length=c.length}d(i,k=h(f,[11&t&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&t&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),u(g,e)}}}function L(e,i,r){let t,n,c,a;const s=["items","dark","responsive","nopadding"];let l=g(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new $(f(),k());return e.$$set=e=>{r(11,i=m(m({},i),x(e))),r(10,l=g(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,t=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,n=h&&"false"!==h),r(3,c=i.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},i=x(i),[o,b,a,c,n,t,p,d,h,e=>p.dispatch("link-clicked",e)]}class M extends e{constructor(e){super();const m=document.createElement("style");m.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-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){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='%23333333'%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\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{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='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){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\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{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='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){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-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},L,j,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{M as default};
+import{S as e,i,a as r,b as n,f as t,s as c,c as a,e as m,n as s,h as l,j as d,k as o,l as b,p as h,q as p,Q as g,r as u,v as f,w as k,x,d as v,t as w,o as _,m as y}from"../../index-48da6c1f.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e,i,r){const n=e.slice();return n[12]=i[r],n[14]=r,n}function C(e){let i,r,t,c=e[12].text+"";return{c(){i=m("span"),r=w(c),l(i,"class",t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,t){n(e,i,t),b(i,r)},p(e,n){32&n&&c!==(c=e[12].text+"")&&_(r,c),1&n&&t!==(t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",t)},d(e){e&&p(i)}}}function E(e){let i,r,t,c,a,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=m("a"),r=w(d),l(i,"href",t=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,t){n(e,i,t),b(i,r),a||(s=y(i,"click",o),a=!0)},p(n,a){e=n,32&a&&d!==(d=e[12].text+"")&&_(r,d),32&a&&t!==(t=e[12].href)&&l(i,"href",t),1&a&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),a=!1,s()}}}function B(e){let i,r,t;function c(e,i){return e[14]!==e[5].length-1?E:C}let a=c(e),s=a(e);return{c(){i=m("li"),s.c(),r=v(),l(i,"class",t="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,t){n(e,i,t),s.m(i,null),b(i,r)},p(e,n){a===(a=c(e))&&s?s.p(e,n):(s.d(1),s=a(e),s&&(s.c(),s.m(i,r))),32&n&&t!==(t="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",t)},d(e){e&&p(i),s.d()}}}function j(e){let i,r,t,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=B(z(e,c,i));let f=[{class:t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<f.length;e+=1)k=a(k,f[e]);return{c(){i=m("nav"),r=m("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,t){n(e,i,t),b(i,r);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(r,null)},p(e,[n]){if(97&n){let i;for(c=e[5],i=0;i<c.length;i+=1){const t=z(e,c,i);u[i]?u[i].p(t,n):(u[i]=B(t),u[i].c(),u[i].m(r,null))}for(;i<u.length;i+=1)u[i].d(1);u.length=c.length}d(i,k=h(f,[11&n&&t!==(t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:t},{"aria-label":"Breadcrumb"},4&n&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),g(u,e)}}}function L(e,i,r){let n,t,c,m;const s=["items","dark","responsive","nopadding"];let l=u(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new $(f(),k());return e.$$set=e=>{r(11,i=a(a({},i),x(e))),r(10,l=u(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,n=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,t=h&&"false"!==h),r(3,c=i.class),r(2,m=Object.assign({},l)),4&e.$$.dirty&&delete m.class},i=x(i),[o,b,m,c,t,n,p,d,h,e=>p.dispatch("link-clicked",e)]}class M extends e{constructor(e){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;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-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item:not(:first-child){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='%23333333'%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\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{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='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){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\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{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='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){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-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},L,j,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),t()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),t()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),t()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),t()}}export{M as default};
 //# sourceMappingURL=Breadcrumb.js.map

package/public/components/breadcrumb/Breadcrumb.nested.js

@@ -1,2 +1,2 @@
-import{G as e,i as m,s as t,H as l,c as i,e as s,h as r,j as c,k as n,b as a,l as d,p as x,n as v,q as w,Q as o,r as z,v as b,w as f,x as h,d as u,t as g,o as p,m as k}from"../../index-48da6c1f.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function y(e){l(e,"svelte-8x0mwz",".mc-link.svelte-8x0mwz.svelte-8x0mwz{-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.svelte-8x0mwz.svelte-8x0mwz:focus{outline:none}.mc-link.svelte-8x0mwz.svelte-8x0mwz: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.svelte-8x0mwz.svelte-8x0mwz,.mc-link.svelte-8x0mwz.svelte-8x0mwz:visited{color:#333333}.mc-link.is-hover.svelte-8x0mwz.svelte-8x0mwz,.mc-link.svelte-8x0mwz.svelte-8x0mwz:hover{color:#666666}.mc-link.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-link.svelte-8x0mwz.svelte-8x0mwz:active{color:#333333}.mc-link.is-disabled.svelte-8x0mwz.svelte-8x0mwz{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-8x0mwz.svelte-8x0mwz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-8x0mwz.svelte-8x0mwz{font-size:1rem;line-height:1.375}.mc-link.svelte-8x0mwz.svelte-8x0mwz::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.svelte-8x0mwz.svelte-8x0mwz{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-8x0mwz.svelte-8x0mwz{color:#ffffff}.mc-link--light.is-visited.svelte-8x0mwz.svelte-8x0mwz,.mc-link--light.svelte-8x0mwz.svelte-8x0mwz:visited{color:#cccccc}.mc-link--light.is-hover.svelte-8x0mwz.svelte-8x0mwz,.mc-link--light.svelte-8x0mwz.svelte-8x0mwz:hover{color:#999999}.mc-link--light.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-link--light.svelte-8x0mwz.svelte-8x0mwz:active{color:#cccccc}.mc-link--light.is-disabled.svelte-8x0mwz.svelte-8x0mwz{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-8x0mwz.svelte-8x0mwz{color:#188803}.mc-link--primary.is-visited.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary.svelte-8x0mwz.svelte-8x0mwz:visited{color:#006902}.mc-link--primary.is-hover.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary.svelte-8x0mwz.svelte-8x0mwz:hover{color:#035010}.mc-link--primary.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary.svelte-8x0mwz.svelte-8x0mwz:active{color:#006902}.mc-link--primary.is-disabled.svelte-8x0mwz.svelte-8x0mwz{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-8x0mwz.svelte-8x0mwz{color:#494f60}.mc-link--primary-02.is-visited.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary-02.svelte-8x0mwz.svelte-8x0mwz:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary-02.svelte-8x0mwz.svelte-8x0mwz:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-link--primary-02.svelte-8x0mwz.svelte-8x0mwz:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-8x0mwz.svelte-8x0mwz{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-8x0mwz.svelte-8x0mwz{color:#c61112}.mc-link--danger.is-visited.svelte-8x0mwz.svelte-8x0mwz,.mc-link--danger.svelte-8x0mwz.svelte-8x0mwz:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-8x0mwz.svelte-8x0mwz,.mc-link--danger.svelte-8x0mwz.svelte-8x0mwz:hover{color:#530000}.mc-link--danger.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-link--danger.svelte-8x0mwz.svelte-8x0mwz:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-8x0mwz.svelte-8x0mwz{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-8x0mwz.svelte-8x0mwz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-8x0mwz.svelte-8x0mwz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-8x0mwz.svelte-8x0mwz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-8x0mwz.svelte-8x0mwz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-8x0mwz.svelte-8x0mwz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-8x0mwz.svelte-8x0mwz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-8x0mwz.svelte-8x0mwz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-8x0mwz.svelte-8x0mwz{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-8x0mwz.svelte-8x0mwz{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-8x0mwz.svelte-8x0mwz{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz:only-child,.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz:not(:first-child){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='%23333333'%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\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-8x0mwz.svelte-8x0mwz,.mc-breadcrumb__item.svelte-8x0mwz.svelte-8x0mwz:only-child{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='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz,.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz:active,.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz:focus,.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz:hover,.mc-breadcrumb__current.svelte-8x0mwz.svelte-8x0mwz:visited,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz:active,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz:focus,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz:hover,.mc-breadcrumb__current.mc-link.svelte-8x0mwz.svelte-8x0mwz:visited{color:currentColor}.mc-breadcrumb--dark.svelte-8x0mwz.svelte-8x0mwz{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-8x0mwz .mc-breadcrumb__item.svelte-8x0mwz:not(:first-child){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\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-8x0mwz .mc-breadcrumb__item.is-active.svelte-8x0mwz,.mc-breadcrumb--dark.svelte-8x0mwz .mc-breadcrumb__item.svelte-8x0mwz:only-child{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='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-8x0mwz .mc-breadcrumb__item.svelte-8x0mwz:not(.is-active){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-breadcrumb--no-padding.svelte-8x0mwz.svelte-8x0mwz{padding-left:0}")}function C(e,m,t){const l=e.slice();return l[12]=m[t],l[14]=t,l}function E(e){let m,t,l,i=e[12].text+"";return{c(){m=s("span"),t=g(i),r(m,"class",l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-8x0mwz")},m(e,l){a(e,m,l),d(m,t)},p(e,s){32&s&&i!==(i=e[12].text+"")&&p(t,i),1&s&&l!==(l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-8x0mwz")&&r(m,"class",l)},d(e){e&&w(m)}}}function $(e){let m,t,l,i,c,n,x=e[12].text+"";function v(){return e[9](e[12])}return{c(){m=s("a"),t=g(x),r(m,"href",l=e[12].href),r(m,"class",i="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-8x0mwz")},m(e,l){a(e,m,l),d(m,t),c||(n=k(m,"click",v),c=!0)},p(s,c){e=s,32&c&&x!==(x=e[12].text+"")&&p(t,x),32&c&&l!==(l=e[12].href)&&r(m,"href",l),1&c&&i!==(i="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-8x0mwz")&&r(m,"class",i)},d(e){e&&w(m),c=!1,n()}}}function B(e){let m,t,l;function i(e,m){return e[14]!==e[5].length-1?$:E}let c=i(e),n=c(e);return{c(){m=s("li"),n.c(),t=u(),r(m,"class",l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-8x0mwz")},m(e,l){a(e,m,l),n.m(m,null),d(m,t)},p(e,s){c===(c=i(e))&&n?n.p(e,s):(n.d(1),n=c(e),n&&(n.c(),n.m(m,t))),32&s&&l!==(l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-8x0mwz")&&r(m,"class",l)},d(e){e&&w(m),n.d()}}}function j(e){let m,t,l,z=e[5],b=[];for(let m=0;m<z.length;m+=1)b[m]=B(C(e,z,m));let f=[{class:l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],h={};for(let e=0;e<f.length;e+=1)h=i(h,f[e]);return{c(){m=s("nav"),t=s("ul");for(let e=0;e<b.length;e+=1)b[e].c();r(t,"class","mc-breadcrumb__container svelte-8x0mwz"),c(m,h),n(m,"mc-breadcrumb--no-padding",e[4]),n(m,"svelte-8x0mwz",!0)},m(e,l){a(e,m,l),d(m,t);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(t,null)},p(e,[i]){if(97&i){let m;for(z=e[5],m=0;m<z.length;m+=1){const l=C(e,z,m);b[m]?b[m].p(l,i):(b[m]=B(l),b[m].c(),b[m].m(t,null))}for(;m<b.length;m+=1)b[m].d(1);b.length=z.length}c(m,h=x(f,[11&i&&l!==(l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:l},{"aria-label":"Breadcrumb"},4&i&&e[2]])),n(m,"mc-breadcrumb--no-padding",e[4]),n(m,"svelte-8x0mwz",!0)},i:v,o:v,d(e){e&&w(m),o(b,e)}}}function L(e,m,t){let l,s,r,c;const n=["items","dark","responsive","nopadding"];let a=z(m,n),{items:d}=m,{dark:x=!1}=m,{responsive:v=!1}=m,{nopadding:w=!1}=m,o=new _(b(),f());return e.$$set=e=>{t(11,m=i(i({},m),h(e))),t(10,a=z(m,n)),"items"in e&&t(7,d=e.items),"dark"in e&&t(0,x=e.dark),"responsive"in e&&t(1,v=e.responsive),"nopadding"in e&&t(8,w=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&t(5,l=d?JSON.parse(d):[]),256&e.$$.dirty&&t(4,s=w&&"false"!==w),t(3,r=m.class),t(2,c=Object.assign({},a)),4&e.$$.dirty&&delete c.class},m=h(m),[x,v,c,r,s,l,o,d,w,e=>o.dispatch("link-clicked",e)]}class M extends e{constructor(e){super(),m(this,e,L,j,t,{items:7,dark:0,responsive:1,nopadding:8},y)}}export{M as default};
+import{G as e,i as t,s as l,H as i,c as s,e as x,h as v,j as r,k as c,b as n,l as m,p as a,n as g,q as d,Q as o,r as q,v as b,w as f,x as h,d as u,t as p,o as k,m as w}from"../../index-48da6c1f.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function y(e){i(e,"svelte-1gxeqxv",".mc-link.svelte-1gxeqxv.svelte-1gxeqxv{-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.svelte-1gxeqxv.svelte-1gxeqxv:focus{outline:none}.mc-link.svelte-1gxeqxv.svelte-1gxeqxv: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.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#333333}.mc-link.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#666666}.mc-link.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#333333}.mc-link.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}.mc-link.svelte-1gxeqxv.svelte-1gxeqxv::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.svelte-1gxeqxv.svelte-1gxeqxv{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv{color:#ffffff}.mc-link--light.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#999999}.mc-link--light.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--light.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv{color:#188803}.mc-link--primary.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#006902}.mc-link--primary.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#035010}.mc-link--primary.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#006902}.mc-link--primary.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv{color:#494f60}.mc-link--primary-02.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--primary-02.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv{color:#c61112}.mc-link--danger.is-visited.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:hover{color:#530000}.mc-link--danger.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-link--danger.svelte-1gxeqxv.svelte-1gxeqxv:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1gxeqxv.svelte-1gxeqxv{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1gxeqxv.svelte-1gxeqxv{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1gxeqxv.svelte-1gxeqxv{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv:not(:first-child){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='%23333333'%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\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__item.svelte-1gxeqxv.svelte-1gxeqxv:only-child{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='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:active,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:focus,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:hover,.mc-breadcrumb__current.svelte-1gxeqxv.svelte-1gxeqxv:visited,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:active,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:focus,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:hover,.mc-breadcrumb__current.mc-link.svelte-1gxeqxv.svelte-1gxeqxv:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1gxeqxv.svelte-1gxeqxv{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:not(:first-child){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\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.is-active.svelte-1gxeqxv,.mc-breadcrumb--dark.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:only-child{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='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1gxeqxv .mc-breadcrumb__item.svelte-1gxeqxv:not(.is-active){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-breadcrumb--no-padding.svelte-1gxeqxv.svelte-1gxeqxv{padding-left:0}")}function z(e,t,l){const i=e.slice();return i[12]=t[l],i[14]=l,i}function C(e){let t,l,i,s=e[12].text+"";return{c(){t=x("span"),l=p(s),v(t,"class",i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),m(t,l)},p(e,x){32&x&&s!==(s=e[12].text+"")&&k(l,s),1&x&&i!==(i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")&&v(t,"class",i)},d(e){e&&d(t)}}}function E(e){let t,l,i,s,r,c,a=e[12].text+"";function g(){return e[9](e[12])}return{c(){t=x("a"),l=p(a),v(t,"href",i=e[12].href),v(t,"class",s="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),m(t,l),r||(c=w(t,"click",g),r=!0)},p(x,r){e=x,32&r&&a!==(a=e[12].text+"")&&k(l,a),32&r&&i!==(i=e[12].href)&&v(t,"href",i),1&r&&s!==(s="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1gxeqxv")&&v(t,"class",s)},d(e){e&&d(t),r=!1,c()}}}function $(e){let t,l,i;function s(e,t){return e[14]!==e[5].length-1?E:C}let r=s(e),c=r(e);return{c(){t=x("li"),c.c(),l=u(),v(t,"class",i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1gxeqxv")},m(e,i){n(e,t,i),c.m(t,null),m(t,l)},p(e,x){r===(r=s(e))&&c?c.p(e,x):(c.d(1),c=r(e),c&&(c.c(),c.m(t,l))),32&x&&i!==(i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1gxeqxv")&&v(t,"class",i)},d(e){e&&d(t),c.d()}}}function B(e){let t,l,i,q=e[5],b=[];for(let t=0;t<q.length;t+=1)b[t]=$(z(e,q,t));let f=[{class:i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],h={};for(let e=0;e<f.length;e+=1)h=s(h,f[e]);return{c(){t=x("nav"),l=x("ul");for(let e=0;e<b.length;e+=1)b[e].c();v(l,"class","mc-breadcrumb__container svelte-1gxeqxv"),r(t,h),c(t,"mc-breadcrumb--no-padding",e[4]),c(t,"svelte-1gxeqxv",!0)},m(e,i){n(e,t,i),m(t,l);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(l,null)},p(e,[s]){if(97&s){let t;for(q=e[5],t=0;t<q.length;t+=1){const i=z(e,q,t);b[t]?b[t].p(i,s):(b[t]=$(i),b[t].c(),b[t].m(l,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=q.length}r(t,h=a(f,[11&s&&i!==(i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:i},{"aria-label":"Breadcrumb"},4&s&&e[2]])),c(t,"mc-breadcrumb--no-padding",e[4]),c(t,"svelte-1gxeqxv",!0)},i:g,o:g,d(e){e&&d(t),o(b,e)}}}function j(e,t,l){let i,x,v,r;const c=["items","dark","responsive","nopadding"];let n=q(t,c),{items:m}=t,{dark:a=!1}=t,{responsive:g=!1}=t,{nopadding:d=!1}=t,o=new _(b(),f());return e.$$set=e=>{l(11,t=s(s({},t),h(e))),l(10,n=q(t,c)),"items"in e&&l(7,m=e.items),"dark"in e&&l(0,a=e.dark),"responsive"in e&&l(1,g=e.responsive),"nopadding"in e&&l(8,d=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&l(5,i=m?JSON.parse(m):[]),256&e.$$.dirty&&l(4,x=d&&"false"!==d),l(3,v=t.class),l(2,r=Object.assign({},n)),4&e.$$.dirty&&delete r.class},t=h(t),[a,g,r,v,x,i,o,m,d,e=>o.dispatch("link-clicked",e)]}class L extends e{constructor(e){super(),t(this,e,j,B,l,{items:7,dark:0,responsive:1,nopadding:8},y)}}export{L as default};
 //# sourceMappingURL=Breadcrumb.nested.js.map

package/public/components/breadcrumb/Breadcrumb.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\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.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"imTAmDaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,0BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,gFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,0BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,mGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,0BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,kFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,mNAFmBA,EAAS,oCAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,+JApB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,EAAmB,IAAAC,EACrBC,IACAC,iOAGDC,EAAA,EAAEC,EAAaV,EAASW,KAAKC,MAAMZ,GAAK,wBACtCa,EAAYT,GAA2B,UAAdA,GACzBK,EAAA,EAAAK,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,iCAkBKqB,GAAAd,EAAae,SAAS,eAAgBD"}
+{"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\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.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"4mTAmDaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,2BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,iFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,2BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,oGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,2BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,mFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,oNAFmBA,EAAS,qCAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,gKApB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,EAAmB,IAAAC,EACrBC,IACAC,iOAGDC,EAAA,EAAEC,EAAaV,EAASW,KAAKC,MAAMZ,GAAK,wBACtCa,EAAYT,GAA2B,UAAdA,GACzBK,EAAA,EAAAK,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,iCAkBKqB,GAAAd,EAAae,SAAS,eAAgBD"}