@mozaic-ds/web-components 0.9.0 → 0.10.1

package/public/bricoman/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 { get_current_component } 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 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 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  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\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    listboxValue = multiple ? [] : '';\n    closeListBox();\n    eventHandler.dispatch('clear', true);\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 (!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    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  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\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>\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 != ''}\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    {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            <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          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <div class=\"tag-selected\">\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            on:tag-selected={() => openLayerFn()}\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                <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              </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    &__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_2","div","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","append","dirty","if_block","create_if_block_3","div1","m_layer","small","div0","if_block0","create_if_block_6","create_if_block_5","if_block2","create_if_block_4","JSON","stringify","if_block3","create_if_block_1","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","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","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
+{"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 { get_current_component } 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 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 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  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\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    listboxValue = multiple ? [] : '';\n    closeListBox();\n    eventHandler.dispatch('clear', true);\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 (!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    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  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\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>\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    {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        <div class=\"tag-selected\">\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n            on:tag-selected={() => openLayerFn()}\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    &__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","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","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","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/bricoman/components/autocomplete/Autocomplete.svelte

@@ -260,7 +260,7 @@
       {/if}
 
       <!-- CLEAR BUTTON -->
-      {#if localInputValue != null && localInputValue != ''}
+      {#if localInputValue != null && localInputValue != '' && !disabled}
         <button
           class="mc-autocomplete__clear"
           type="button"
@@ -303,13 +303,23 @@
       {#each selectedItems as selectedItem, index}
         {#if index < maxnumbertoshowtags}
           <div class="tag-selected">
-            <m-tag
-              id={selectedItem.id}
-              label={selectedItem.label}
-              size="s"
-              type="removable"
-              on:tag-removed={() => removeTagSelected(selectedItem.id)}
-            />
+            {#if disabled}
+              <m-tag
+                type="link"
+                id={selectedItem.id}
+                label={selectedItem.label}
+                size="s"
+                dark={true}
+              />
+            {:else}
+              <m-tag
+                id={selectedItem.id}
+                label={selectedItem.label}
+                size="s"
+                type="removable"
+                on:tag-removed={() => removeTagSelected(selectedItem.id)}
+              />
+            {/if}
           </div>
         {/if}
       {/each}
@@ -343,13 +353,22 @@
           <div class="tags-selected">
             {#each selectedItems as selectedItem}
               <div class="tag-selected">
-                <m-tag
-                  id={selectedItem.id}
-                  label={selectedItem.label}
-                  size="s"
-                  type="removable"
-                  on:tag-removed={() => removeTagSelected(selectedItem.id)}
-                />
+                {#if disabled}
+                  <m-tag
+                    type="text"
+                    id={selectedItem.id}
+                    label={selectedItem.label}
+                    size="s"
+                  />
+                {:else}
+                  <m-tag
+                    id={selectedItem.id}
+                    label={selectedItem.label}
+                    size="s"
+                    type="removable"
+                    on:tag-removed={() => removeTagSelected(selectedItem.id)}
+                  />
+                {/if}
               </div>
             {/each}
           </div>

package/public/bricoman/components/badge/Badge.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as s,s as r,Q as o,c as a,e as t,t as c,h as l,z as d,b as n,j as i,X as b,m as g,n as f,o as p,p as u,q as m}from"../../index-c33b3772.js";function v(e){o(e,"svelte-g1ids5",'.mc-badge.svelte-g1ids5{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-g1ids5::first-letter{text-transform:uppercase}.mc-badge--success.svelte-g1ids5{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-g1ids5{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-g1ids5{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-g1ids5{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function y(e){let s,r,o,u=[{class:o=h(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<u.length;e+=1)m=a(m,u[e]);return{c(){s=t("div"),r=c(e[0]),l(s,m),d(s,"svelte-g1ids5",!0)},m(e,o){n(e,s,o),i(s,r)},p(e,[a]){1&a&&b(r,e[0],m.contenteditable),l(s,m=g(u,[10&a&&o!==(o=h(e[1])+" "+e[3])&&{class:o},4&a&&e[2]])),d(s,"svelte-g1ids5",!0)},i:f,o:f,d(e){e&&p(s)}}}function h(e){const s=["mc-badge"];return e&&s.push(`mc-badge--${e}`),s.join(" ")}function x(e,s,r){let o,t;const c=["label","type"];let l=u(s,c),{label:d}=s,{type:n}=s;return e.$$set=e=>{r(5,s=a(a({},s),m(e))),r(4,l=u(s,c)),"label"in e&&r(0,d=e.label),"type"in e&&r(1,n=e.type)},e.$$.update=()=>{r(3,o=s.class),r(2,t=Object.assign({},l)),4&e.$$.dirty&&delete t.class},s=m(s),[d,n,t,o]}class $ extends e{constructor(e){super(),s(this,e,x,y,r,{label:0,type:1},v)}}export{$ as default};
+import{P as e,i as r,s as o,Q as a,c as s,e as t,t as c,h as l,z as d,b as n,j as b,X as i,m as f,n as p,o as u,p as g,q as m}from"../../index-c33b3772.js";function y(e){a(e,"svelte-10rfydw",'.mc-badge.svelte-10rfydw{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-10rfydw::first-letter{text-transform:uppercase}.mc-badge--success.svelte-10rfydw{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-10rfydw{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-10rfydw{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-10rfydw{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function w(e){let r,o,a,g=[{class:a=v(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<g.length;e+=1)m=s(m,g[e]);return{c(){r=t("div"),o=c(e[0]),l(r,m),d(r,"svelte-10rfydw",!0)},m(e,a){n(e,r,a),b(r,o)},p(e,[s]){1&s&&i(o,e[0],m.contenteditable),l(r,m=f(g,[10&s&&a!==(a=v(e[1])+" "+e[3])&&{class:a},4&s&&e[2]])),d(r,"svelte-10rfydw",!0)},i:p,o:p,d(e){e&&u(r)}}}function v(e){const r=["mc-badge"];return e&&r.push(`mc-badge--${e}`),r.join(" ")}function h(e,r,o){let a,t;const c=["label","type"];let l=g(r,c),{label:d}=r,{type:n}=r;return e.$$set=e=>{o(5,r=s(s({},r),m(e))),o(4,l=g(r,c)),"label"in e&&o(0,d=e.label),"type"in e&&o(1,n=e.type)},e.$$.update=()=>{o(3,a=r.class),o(2,t=Object.assign({},l)),4&e.$$.dirty&&delete t.class},r=m(r),[d,n,t,a]}class x extends e{constructor(e){super(),r(this,e,h,w,o,{label:0,type:1},y)}}export{x as default};
 //# sourceMappingURL=Badge.nested.js.map

package/public/bricoman/components/badge/Badge.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.nested.js","sources":["../../../../src/components/badge/Badge.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BadgeType } from './badge.types';\n\n  export let label: string;\n  export let type: BadgeType;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setClasses(type: BadgeType) {\n    const classes = ['mc-badge'];\n\n    if (type) {\n      classes.push(`mc-badge--${type}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class=\"{setClasses(type)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"y9BAuBaA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACvDA,EAAK,2CADRC,EAEKC,EAAAC,EAAAC,6BADFJ,EAAK,GAAAK,EAAA,yCADKN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,sDAX/C,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,kIAEvBC,EAAA,EAAAC,EAAYF,EAAQP,WACpBU,EAALC,OAAAC,UAAuBC,yBACXH,EAAWV"}
+{"version":3,"file":"Badge.nested.js","sources":["../../../../src/components/badge/Badge.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BadgeType } from './badge.types';\n\n  export let label: string;\n  export let type: BadgeType;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setClasses(type: BadgeType) {\n    const classes = ['mc-badge'];\n\n    if (type) {\n      classes.push(`mc-badge--${type}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class=\"{setClasses(type)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"g+BAuBaA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACvDA,EAAK,4CADRC,EAEKC,EAAAC,EAAAC,6BADFJ,EAAK,GAAAK,EAAA,yCADKN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,uDAX/C,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,kIAEvBC,EAAA,EAAAC,EAAYF,EAAQP,WACpBU,EAALC,OAAAC,UAAuBC,yBACXH,EAAWV"}

package/public/bricoman/components/barchart/BarChart.svelte

@@ -272,7 +272,7 @@
 </script>
 
 <div bind:this={chart} style="background-color: {backgroundcolor};" />
-{#if true}
+{#if tooltipData.show}
   <div
     class="tooltip"
     style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}

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

@@ -1,2 +1,2 @@
-import{S as e,i,a as r,b as c,f as n,s as t,c as m,e as a,n as d,g as s,h as l,z as o,j as b,m as g,o as u,J as h,p,q as x,d as k,t as f,k as v,l as w}from"../../index-c33b3772.js";import{E as M}from"../../EventHandler-02058705.js";function I(e,i,r){const c=e.slice();return c[12]=i[r],c[14]=r,c}function D(e){let i,r,n,t=e[12].text+"";return{c(){i=a("span"),r=f(t),s(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r)},p(e,c){32&c&&t!==(t=e[12].text+"")&&v(r,t),1&c&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&s(i,"class",n)},d(e){e&&u(i)}}}function y(e){let i,r,n,t,m,d,l=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=f(l),s(i,"href",n=e[12].href),s(i,"class",t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r),m||(d=w(i,"click",o),m=!0)},p(c,m){e=c,32&m&&l!==(l=e[12].text+"")&&v(r,l),32&m&&n!==(n=e[12].href)&&s(i,"href",n),1&m&&t!==(t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&s(i,"class",t)},d(e){e&&u(i),m=!1,d()}}}function _(e){let i,r,n;function t(e,i){return e[14]!==e[5].length-1?y:D}let m=t(e),d=m(e);return{c(){i=a("li"),d.c(),r=k(),s(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){c(e,i,n),d.m(i,null),b(i,r)},p(e,c){m===(m=t(e))&&d?d.p(e,c):(d.d(1),d=m(e),d&&(d.c(),d.m(i,r))),32&c&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&s(i,"class",n)},d(e){e&&u(i),d.d()}}}function A(e){let i,r,n,t=e[5],p=[];for(let i=0;i<t.length;i+=1)p[i]=_(I(e,t,i));let x=[{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<x.length;e+=1)k=m(k,x[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<p.length;e+=1)p[e].c();this.c=d,s(r,"class","mc-breadcrumb__container"),l(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){c(e,i,n),b(i,r);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(r,null)},p(e,[c]){if(97&c){let i;for(t=e[5],i=0;i<t.length;i+=1){const n=I(e,t,i);p[i]?p[i].p(n,c):(p[i]=_(n),p[i].c(),p[i].m(r,null))}for(;i<p.length;i+=1)p[i].d(1);p.length=t.length}l(i,k=g(x,[11&c&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&c&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:d,o:d,d(e){e&&u(i),h(p,e)}}}function j(e,i,r){let c,n,t,a;const d=["items","dark","responsive","nopadding"];let s=p(i,d),{items:l}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:g=!1}=i,u=new M;return e.$$set=e=>{r(11,i=m(m({},i),x(e))),r(10,s=p(i,d)),"items"in e&&r(7,l=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,g=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,c=l?JSON.parse(l):[]),256&e.$$.dirty&&r(4,n=g&&"false"!==g),r(3,t=i.class),r(2,a=Object.assign({},s)),4&e.$$.dirty&&delete a.class},i=x(i),[o,b,a,t,n,c,u,l,g,e=>u.dispatch("link-clicked",e)]}class z 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;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@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},j,A,t,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&c(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{z as default};
+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,g as l,h as d,z as o,j as b,m as h,o as p,J as f,p as u,q as g,d as k,t as x,k as v,l as w}from"../../index-c33b3772.js";import{E as _}from"../../EventHandler-02058705.js";function y(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function $(e){let i,r,n,c=e[12].text+"";return{c(){i=a("span"),r=x(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+"")&&v(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 z(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=x(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=w(i,"click",o),m=!0)},p(t,m){e=t,32&m&&d!==(d=e[12].text+"")&&v(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 C(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?z:$}let m=c(e),s=m(e);return{c(){i=a("li"),s.c(),r=k(),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 E(e){let i,r,n,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=C(y(e,c,i));let g=[{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<g.length;e+=1)k=m(k,g[e]);return{c(){i=a("nav"),r=a("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,n){t(e,i,n),b(i,r);for(let e=0;e<u.length;e+=1)u[e]&&u[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=y(e,c,i);u[i]?u[i].p(n,t):(u[i]=C(n),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(g,[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),f(u,e)}}}function B(e,i,r){let t,n,c,a;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 _;return e.$$set=e=>{r(11,i=m(m({},i),g(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,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=g(i),[o,b,a,c,n,t,p,d,h,e=>p.dispatch("link-clicked",e)]}class j 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;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-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},B,E,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{j as default};
 //# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/breadcrumb/Breadcrumb.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\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\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","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"gUA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,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,uIAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/breadcrumb/Breadcrumb.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\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\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","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"qUA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,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,uIAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}

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

@@ -1,2 +1,2 @@
-import{P as e,i as t,s as m,Q as i,c as l,e as s,g as r,h as c,z as n,b as a,j as k,m as f,n as d,o as v,J as o,p as b,q,d as g,t as u,k as h,l as x}from"../../index-c33b3772.js";import{E as p}from"../../EventHandler-02058705.js";function w(e){i(e,"svelte-1tmqekf",'.mc-link.svelte-1tmqekf.svelte-1tmqekf{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1tmqekf.svelte-1tmqekf:focus{outline:none}.mc-link.svelte-1tmqekf.svelte-1tmqekf: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-1tmqekf.svelte-1tmqekf,.mc-link.svelte-1tmqekf.svelte-1tmqekf:visited{color:#333333}.mc-link.is-hover.svelte-1tmqekf.svelte-1tmqekf,.mc-link.svelte-1tmqekf.svelte-1tmqekf:hover{color:#666666}.mc-link.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-link.svelte-1tmqekf.svelte-1tmqekf:active{color:#333333}.mc-link.is-disabled.svelte-1tmqekf.svelte-1tmqekf{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1tmqekf.svelte-1tmqekf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1tmqekf.svelte-1tmqekf{font-size:1rem;line-height:1.375}.mc-link.svelte-1tmqekf.svelte-1tmqekf::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1tmqekf.svelte-1tmqekf{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1tmqekf.svelte-1tmqekf{color:#ffffff}.mc-link--light.is-visited.svelte-1tmqekf.svelte-1tmqekf,.mc-link--light.svelte-1tmqekf.svelte-1tmqekf:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1tmqekf.svelte-1tmqekf,.mc-link--light.svelte-1tmqekf.svelte-1tmqekf:hover{color:#999999}.mc-link--light.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-link--light.svelte-1tmqekf.svelte-1tmqekf:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1tmqekf.svelte-1tmqekf{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1tmqekf.svelte-1tmqekf{color:#ff5800}.mc-link--primary.is-visited.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary.svelte-1tmqekf.svelte-1tmqekf:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary.svelte-1tmqekf.svelte-1tmqekf:hover{color:#b83f00}.mc-link--primary.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary.svelte-1tmqekf.svelte-1tmqekf:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-1tmqekf.svelte-1tmqekf{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1tmqekf.svelte-1tmqekf{color:#b83f00}.mc-link--primary-02.is-visited.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary-02.svelte-1tmqekf.svelte-1tmqekf:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary-02.svelte-1tmqekf.svelte-1tmqekf:hover{color:#421700}.mc-link--primary-02.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-link--primary-02.svelte-1tmqekf.svelte-1tmqekf:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-1tmqekf.svelte-1tmqekf{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1tmqekf.svelte-1tmqekf{color:#c61112}.mc-link--danger.is-visited.svelte-1tmqekf.svelte-1tmqekf,.mc-link--danger.svelte-1tmqekf.svelte-1tmqekf:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1tmqekf.svelte-1tmqekf,.mc-link--danger.svelte-1tmqekf.svelte-1tmqekf:hover{color:#530000}.mc-link--danger.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-link--danger.svelte-1tmqekf.svelte-1tmqekf:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1tmqekf.svelte-1tmqekf{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1tmqekf.svelte-1tmqekf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1tmqekf.svelte-1tmqekf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1tmqekf.svelte-1tmqekf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1tmqekf.svelte-1tmqekf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1tmqekf.svelte-1tmqekf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1tmqekf.svelte-1tmqekf{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1tmqekf.svelte-1tmqekf{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1tmqekf.svelte-1tmqekf{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{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-1tmqekf.svelte-1tmqekf{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1tmqekf.svelte-1tmqekf{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1tmqekf.svelte-1tmqekf{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-1tmqekf.svelte-1tmqekf{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-1tmqekf.svelte-1tmqekf{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-breadcrumb__item.svelte-1tmqekf.svelte-1tmqekf:only-child,.mc-breadcrumb__item.svelte-1tmqekf.svelte-1tmqekf:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1tmqekf.svelte-1tmqekf:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1tmqekf.svelte-1tmqekf,.mc-breadcrumb__item.svelte-1tmqekf.svelte-1tmqekf:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf,.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf:active,.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf:focus,.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf:hover,.mc-breadcrumb__current.svelte-1tmqekf.svelte-1tmqekf:visited,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf:active,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf:focus,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf:hover,.mc-breadcrumb__current.mc-link.svelte-1tmqekf.svelte-1tmqekf:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1tmqekf.svelte-1tmqekf{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1tmqekf .mc-breadcrumb__item.svelte-1tmqekf:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1tmqekf .mc-breadcrumb__item.is-active.svelte-1tmqekf,.mc-breadcrumb--dark.svelte-1tmqekf .mc-breadcrumb__item.svelte-1tmqekf:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1tmqekf .mc-breadcrumb__item.svelte-1tmqekf: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-1tmqekf.svelte-1tmqekf{padding-left:0}')}function M(e,t,m){const i=e.slice();return i[12]=t[m],i[14]=m,i}function I(e){let t,m,i,l=e[12].text+"";return{c(){t=s("span"),m=u(l),r(t,"class",i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1tmqekf")},m(e,i){a(e,t,i),k(t,m)},p(e,s){32&s&&l!==(l=e[12].text+"")&&h(m,l),1&s&&i!==(i="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1tmqekf")&&r(t,"class",i)},d(e){e&&v(t)}}}function D(e){let t,m,i,l,c,n,f=e[12].text+"";function d(){return e[9](e[12])}return{c(){t=s("a"),m=u(f),r(t,"href",i=e[12].href),r(t,"class",l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1tmqekf")},m(e,i){a(e,t,i),k(t,m),c||(n=x(t,"click",d),c=!0)},p(s,c){e=s,32&c&&f!==(f=e[12].text+"")&&h(m,f),32&c&&i!==(i=e[12].href)&&r(t,"href",i),1&c&&l!==(l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1tmqekf")&&r(t,"class",l)},d(e){e&&v(t),c=!1,n()}}}function y(e){let t,m,i;function l(e,t){return e[14]!==e[5].length-1?D:I}let c=l(e),n=c(e);return{c(){t=s("li"),n.c(),m=g(),r(t,"class",i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1tmqekf")},m(e,i){a(e,t,i),n.m(t,null),k(t,m)},p(e,s){c===(c=l(e))&&n?n.p(e,s):(n.d(1),n=c(e),n&&(n.c(),n.m(t,m))),32&s&&i!==(i="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1tmqekf")&&r(t,"class",i)},d(e){e&&v(t),n.d()}}}function _(e){let t,m,i,b=e[5],q=[];for(let t=0;t<b.length;t+=1)q[t]=y(M(e,b,t));let g=[{class:i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],u={};for(let e=0;e<g.length;e+=1)u=l(u,g[e]);return{c(){t=s("nav"),m=s("ul");for(let e=0;e<q.length;e+=1)q[e].c();r(m,"class","mc-breadcrumb__container svelte-1tmqekf"),c(t,u),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1tmqekf",!0)},m(e,i){a(e,t,i),k(t,m);for(let e=0;e<q.length;e+=1)q[e]&&q[e].m(m,null)},p(e,[l]){if(97&l){let t;for(b=e[5],t=0;t<b.length;t+=1){const i=M(e,b,t);q[t]?q[t].p(i,l):(q[t]=y(i),q[t].c(),q[t].m(m,null))}for(;t<q.length;t+=1)q[t].d(1);q.length=b.length}c(t,u=f(g,[11&l&&i!==(i="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:i},{"aria-label":"Breadcrumb"},4&l&&e[2]])),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1tmqekf",!0)},i:d,o:d,d(e){e&&v(t),o(q,e)}}}function A(e,t,m){let i,s,r,c;const n=["items","dark","responsive","nopadding"];let a=b(t,n),{items:k}=t,{dark:f=!1}=t,{responsive:d=!1}=t,{nopadding:v=!1}=t,o=new p;return e.$$set=e=>{m(11,t=l(l({},t),q(e))),m(10,a=b(t,n)),"items"in e&&m(7,k=e.items),"dark"in e&&m(0,f=e.dark),"responsive"in e&&m(1,d=e.responsive),"nopadding"in e&&m(8,v=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&m(5,i=k?JSON.parse(k):[]),256&e.$$.dirty&&m(4,s=v&&"false"!==v),m(3,r=t.class),m(2,c=Object.assign({},a)),4&e.$$.dirty&&delete c.class},t=q(t),[f,d,c,r,s,i,o,k,v,e=>o.dispatch("link-clicked",e)]}class j extends e{constructor(e){super(),t(this,e,A,_,m,{items:7,dark:0,responsive:1,nopadding:8},w)}}export{j as default};
+import{P as e,i as l,s as i,Q as n,c as m,e as t,g as s,h as r,z as c,b as a,j as k,m as d,n as v,o,J as b,p as f,q as h,d as u,t as g,k as p,l as x}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function _(e){n(e,"svelte-1mnkl9i",".mc-link.svelte-1mnkl9i.svelte-1mnkl9i{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:focus{outline:none}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#333333}.mc-link.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#666666}.mc-link.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#333333}.mc-link.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1mnkl9i.svelte-1mnkl9i{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i{color:#ffffff}.mc-link--light.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#999999}.mc-link--light.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i{color:#ff5800}.mc-link--primary.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#b83f00}.mc-link--primary.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i{color:#b83f00}.mc-link--primary-02.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#421700}.mc-link--primary-02.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i{color:#c61112}.mc-link--danger.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#530000}.mc-link--danger.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{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-1mnkl9i.svelte-1mnkl9i{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1mnkl9i.svelte-1mnkl9i{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-1mnkl9i.svelte-1mnkl9i{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-1mnkl9i.svelte-1mnkl9i{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:only-child,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:visited,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1mnkl9i.svelte-1mnkl9i{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i: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-1mnkl9i .mc-breadcrumb__item.is-active.svelte-1mnkl9i,.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i: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-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i{padding-left:0}")}function y(e,l,i){const n=e.slice();return n[12]=l[i],n[14]=i,n}function z(e){let l,i,n,m=e[12].text+"";return{c(){l=t("span"),i=g(m),s(l,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i)},p(e,t){32&t&&m!==(m=e[12].text+"")&&p(i,m),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l)}}}function C(e){let l,i,n,m,r,c,d=e[12].text+"";function v(){return e[9](e[12])}return{c(){l=t("a"),i=g(d),s(l,"href",n=e[12].href),s(l,"class",m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i),r||(c=x(l,"click",v),r=!0)},p(t,r){e=t,32&r&&d!==(d=e[12].text+"")&&p(i,d),32&r&&n!==(n=e[12].href)&&s(l,"href",n),1&r&&m!==(m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",m)},d(e){e&&o(l),r=!1,c()}}}function E(e){let l,i,n;function m(e,l){return e[14]!==e[5].length-1?C:z}let r=m(e),c=r(e);return{c(){l=t("li"),c.c(),i=u(),s(l,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),c.m(l,null),k(l,i)},p(e,t){r===(r=m(e))&&c?c.p(e,t):(c.d(1),c=r(e),c&&(c.c(),c.m(l,i))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l),c.d()}}}function $(e){let l,i,n,f=e[5],h=[];for(let l=0;l<f.length;l+=1)h[l]=E(y(e,f,l));let u=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],g={};for(let e=0;e<u.length;e+=1)g=m(g,u[e]);return{c(){l=t("nav"),i=t("ul");for(let e=0;e<h.length;e+=1)h[e].c();s(i,"class","mc-breadcrumb__container svelte-1mnkl9i"),r(l,g),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},m(e,n){a(e,l,n),k(l,i);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(i,null)},p(e,[m]){if(97&m){let l;for(f=e[5],l=0;l<f.length;l+=1){const n=y(e,f,l);h[l]?h[l].p(n,m):(h[l]=E(n),h[l].c(),h[l].m(i,null))}for(;l<h.length;l+=1)h[l].d(1);h.length=f.length}r(l,g=d(u,[11&m&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&m&&e[2]])),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},i:v,o:v,d(e){e&&o(l),b(h,e)}}}function B(e,l,i){let n,t,s,r;const c=["items","dark","responsive","nopadding"];let a=f(l,c),{items:k}=l,{dark:d=!1}=l,{responsive:v=!1}=l,{nopadding:o=!1}=l,b=new w;return e.$$set=e=>{i(11,l=m(m({},l),h(e))),i(10,a=f(l,c)),"items"in e&&i(7,k=e.items),"dark"in e&&i(0,d=e.dark),"responsive"in e&&i(1,v=e.responsive),"nopadding"in e&&i(8,o=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&i(5,n=k?JSON.parse(k):[]),256&e.$$.dirty&&i(4,t=o&&"false"!==o),i(3,s=l.class),i(2,r=Object.assign({},a)),4&e.$$.dirty&&delete r.class},l=h(l),[d,v,r,s,t,n,b,k,o,e=>b.dispatch("link-clicked",e)]}class j extends e{constructor(e){super(),l(this,e,B,$,i,{items:7,dark:0,responsive:1,nopadding:8},_)}}export{j as default};
 //# sourceMappingURL=Breadcrumb.nested.js.map

package/public/bricoman/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\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\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","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"omUA4CaA,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,gKAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,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\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\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","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"w0TA4CaA,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,gKAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}

package/public/bricoman/components/button/Button.js

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,j as s,B as b,C as u,D as h,E as f,m as g,o as p,p as x,r as w,q as _,g as $,M as y,Z as v,K as k,x as z,A as j,G as E,t as q,k as C}from"../../index-c33b3772.js";import{c as N}from"../../EventForward-8492ff62.js";import S from"../loader/Loader.nested.js";function A(t){let o,e,n,r;const m=[M,L],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function L(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function M(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:"TEST"}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function O(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&T(t),b=t[13]&&"right"===t[12]&&!t[5]&&B(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=q(t[4]),r=l(),b&&b.c(),m=k(),$(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),s(e,n),i(t,r,c),b&&b.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&u(a,1)):(a=T(t),a.c(),u(a,1),a.m(o.parentNode,o)):a&&(y(),h(a,1,1,(()=>{a=null})),f()),(!d||16&e)&&C(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?b?(b.p(t,e),12320&e&&u(b,1)):(b=B(t),b.c(),u(b,1),b.m(m.parentNode,m)):b&&(y(),h(b,1,1,(()=>{b=null})),f())},i(t){d||(u(a),u(b),d=!0)},o(t){h(a),h(b),d=!1},d(t){a&&a.d(t),t&&p(o),t&&p(e),t&&p(r),b&&b.d(t),t&&p(m)}}}function R(t){let o,e,n,r;const m=[F,D],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function T(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function B(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function D(t){let o,e,n=`<${H(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function F(t){let o,e;return o=new S({props:{size:"m",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function G(t){let o,e,n,r;const m=[K,J],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),$(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function J(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function K(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function Z(t){let o,e,n,r,x,w,_,$,v,k=t[5]&&"left"===t[6]&&A(t);const z=[R,O],j=[];function E(t,o){return t[5]&&"only"===t[6]?0:1}n=E(t),r=j[n]=z[n](t);let q=t[5]&&"right"===t[6]&&G(t),C=[{type:t[8]},{class:w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],N={};for(let t=0;t<C.length;t+=1)N=m(N,C[t]);return{c(){o=c("button"),k&&k.c(),e=l(),r.c(),x=l(),q&&q.c(),this.c=d,a(o,N)},m(r,m){i(r,o,m),k&&k.m(o,null),s(o,e),j[n].m(o,null),s(o,x),q&&q.m(o,null),o.autofocus&&o.focus(),_=!0,$||(v=b(t[14].call(null,o)),$=!0)},p(t,[i]){t[5]&&"left"===t[6]?k?(k.p(t,i),96&i&&u(k,1)):(k=A(t),k.c(),u(k,1),k.m(o,e)):k&&(y(),h(k,1,1,(()=>{k=null})),f());let m=n;n=E(t),n===m?j[n].p(t,i):(y(),h(j[m],1,1,(()=>{j[m]=null})),f(),r=j[n],r?r.p(t,i):(r=j[n]=z[n](t),r.c()),u(r,1),r.m(o,x)),t[5]&&"right"===t[6]?q?(q.p(t,i),96&i&&u(q,1)):(q=G(t),q.c(),u(q,1),q.m(o,null)):q&&(y(),h(q,1,1,(()=>{q=null})),f()),a(o,N=g(C,[(!_||256&i)&&{type:t[8]},(!_||1039&i&&w!==(w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:w},(!_||128&i)&&{disabled:t[7]},512&i&&t[9]]))},i(t){_||(u(k),u(r),u(q),_=!0)},o(t){h(k),h(r),h(q),_=!1},d(t){t&&p(o),k&&k.d(),j[n].d(),q&&q.d(),$=!1,v()}}}function H(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function I(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=x(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:$=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:E}=o,{type:q="button"}=o,{loader:C}=o;const S=N(w());return t.$$set=t=>{e(24,o=m(m({},o),_(t))),e(23,s=x(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,$=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,E=t.responsivewidth),"type"in t&&e(8,q=t.type),"loader"in t&&e(18,C=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=C?JSON.parse(C):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=_(o),[f,g,p,$,y,v,k,z,q,d,l,c,r,n,S,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),E&&n.push(`mc-button--${E}`),n.join(" ")},j,E,C,b,u,h,i]}class P extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},I,Z,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{P as default};
+import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,z as s,j as b,B as u,C as h,D as f,E as g,m as p,o as x,p as w,r as _,q as $,g as y,M as v,Z as k,K as z,x as j,A as q,G as C,t as E,k as N}from"../../index-c33b3772.js";import{c as A}from"../../EventForward-8492ff62.js";import L from"../loader/Loader.nested.js";function M(t){let o,e,n,r;const m=[R,O],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function O(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function R(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function S(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&D(t),s=t[13]&&"right"===t[12]&&!t[5]&&F(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=E(t[4]),r=l(),s&&s.c(),m=z(),y(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),b(e,n),i(t,r,c),s&&s.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&h(a,1)):(a=D(t),a.c(),h(a,1),a.m(o.parentNode,o)):a&&(v(),f(a,1,1,(()=>{a=null})),g()),(!d||16&e)&&N(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?s?(s.p(t,e),12320&e&&h(s,1)):(s=F(t),s.c(),h(s,1),s.m(m.parentNode,m)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){d||(h(a),h(s),d=!0)},o(t){f(a),f(s),d=!1},d(t){a&&a.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function B(t){let o,e,n,r;const m=[J,G],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function D(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function F(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function G(t){let o,e,n=`<${P(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function J(t){let o,e;return o=new L({props:{size:"m",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function K(t){let o,e,n,r;const m=[H,Z],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function Z(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function H(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function I(t){let o,e,n,r,w,_,$,y,k,z=t[5]&&"left"===t[6]&&M(t);const j=[B,S],q=[];function C(t,o){return t[5]&&"only"===t[6]?0:1}n=C(t),r=q[n]=j[n](t);let E=t[5]&&"right"===t[6]&&K(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],A={};for(let t=0;t<N.length;t+=1)A=m(A,N[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,a(o,A),s(o,"mc-button--square",t[6])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[14].call(null,o)),y=!0)},p(t,[i]){t[5]&&"left"===t[6]?z?(z.p(t,i),96&i&&h(z,1)):(z=M(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),t[5]&&"right"===t[6]?E?(E.p(t,i),96&i&&h(E,1)):(E=K(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),a(o,A=p(N,[(!$||256&i)&&{type:t[8]},(!$||1039&i&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&i)&&{disabled:t[7]},512&i&&t[9]])),s(o,"mc-button--square",t[6])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function P(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Q(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=w(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:q}=o,{type:C="button"}=o,{loader:E}=o;const N=A(_());return t.$$set=t=>{e(24,o=m(m({},o),$(t))),e(23,s=w(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,q=t.responsivewidth),"type"in t&&e(8,C=t.type),"loader"in t&&e(18,E=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=E?JSON.parse(E):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,k,z,C,d,l,c,r,n,N,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),q&&n.push(`mc-button--${q}`),n.join(" ")},j,q,E,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},Q,I,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
 //# sourceMappingURL=Button.js.map

package/public/bricoman/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import Loader from '../loader/Loader.nested.svelte';\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonTheme,\n    ButtonResponsiveSize,\n    ButtonResponsiveWidth,\n    ButtonType,\n    ButtonLoader,\n  } from './button.types';\n\n  export let bordered = false;\n  export let theme: ButtonTheme | undefined = undefined;\n  export let size: ButtonSize = 'm';\n  export let full = false;\n  export let label: string;\n  export let iconname: string | undefined;\n  export let iconmode: ButtonIconMode | undefined;\n  export let disabled = false;\n  export let responsivesize: ButtonResponsiveSize = undefined;\n  export let responsivewidth: ButtonResponsiveWidth = undefined;\n  export let type: ButtonType = 'button';\n  export let loader: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n  $: isLoading = loaderOpts?.enabled ?? false;\n  $: loaderPosition = loaderOpts?.position ?? 'left';\n  $: loaderTheme = loaderOpts?.theme ?? 'primary';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n  }\n\n  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n    if (!isBordered && !theme) {\n      return '';\n    }\n\n    const type = isBordered ? 'bordered' : 'solid';\n\n    if (theme) {\n      return `mc-button--${type}-${theme}`;\n    }\n    return `mc-button--${type}`;\n  }\n\n  function getClasses(\n    theme: ButtonTheme,\n    isBordered: boolean,\n    size: ButtonSize,\n    isFull: boolean,\n  ): string {\n    const classes = ['mc-button'];\n\n    const appearanceClass = getAppearanceClass(theme, isBordered);\n    if (appearanceClass) {\n      classes.push(appearanceClass);\n    }\n\n    if (size) {\n      classes.push(`mc-button--${size}`);\n    }\n\n    if (isFull) {\n      classes.push(`mc-button--full`);\n    } else {\n      classes.push(`mc-button--fit`);\n    }\n\n    if (iconmode === 'only') {\n      classes.push('mc-button--square');\n    }\n\n    if (responsivesize) {\n      classes.push(`mc-button--${responsivesize}`);\n    }\n\n    if (responsivewidth) {\n      classes.push(`mc-button--${responsivewidth}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<button\n  use:forwardEvents\n  {type}\n  class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n  {disabled}\n  {...attributes}\n>\n  {#if iconname && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'left'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"TEST\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if iconname && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading}\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n      {/if}\n    </span>\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n    <span class=\"mc-button__label\">{label}</span>\n    {#if isLoading && loaderPosition === 'right' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n  {/if}\n\n  {#if iconname && iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'right'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import Loader from '../loader/Loader.nested.svelte';\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonTheme,\n    ButtonResponsiveSize,\n    ButtonResponsiveWidth,\n    ButtonType,\n    ButtonLoader,\n  } from './button.types';\n\n  export let bordered = false;\n  export let theme: ButtonTheme | undefined = undefined;\n  export let size: ButtonSize = 'm';\n  export let full = false;\n  export let label: string;\n  export let iconname: string | undefined;\n  export let iconmode: ButtonIconMode | undefined;\n  export let disabled = false;\n  export let responsivesize: ButtonResponsiveSize = undefined;\n  export let responsivewidth: ButtonResponsiveWidth = undefined;\n  export let type: ButtonType = 'button';\n  export let loader: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n  $: isLoading = loaderOpts?.enabled ?? false;\n  $: loaderPosition = loaderOpts?.position ?? 'left';\n  $: loaderTheme = loaderOpts?.theme ?? 'primary';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n  }\n\n  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n    if (!isBordered && !theme) {\n      return '';\n    }\n\n    const type = isBordered ? 'bordered' : 'solid';\n\n    if (theme) {\n      return `mc-button--${type}-${theme}`;\n    }\n    return `mc-button--${type}`;\n  }\n\n  function getClasses(\n    theme: ButtonTheme,\n    isBordered: boolean,\n    size: ButtonSize,\n    isFull: boolean,\n  ): string {\n    const classes = ['mc-button'];\n\n    const appearanceClass = getAppearanceClass(theme, isBordered);\n    if (appearanceClass) {\n      classes.push(appearanceClass);\n    }\n\n    if (size) {\n      classes.push(`mc-button--${size}`);\n    }\n\n    if (isFull) {\n      classes.push(`mc-button--full`);\n    } else {\n      classes.push(`mc-button--fit`);\n    }\n\n    if (iconmode === 'only') {\n      classes.push('mc-button--square');\n    }\n\n    if (responsivesize) {\n      classes.push(`mc-button--${responsivesize}`);\n    }\n\n    if (responsivewidth) {\n      classes.push(`mc-button--${responsivewidth}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<button\n  use:forwardEvents\n  {type}\n  class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n  class:mc-button--square={iconmode}\n  {disabled}\n  {...attributes}\n>\n  {#if iconname && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'left'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if iconname && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading}\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n      {/if}\n    </span>\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n    <span class=\"mc-button__label\">{label}</span>\n    {#if isLoading && loaderPosition === 'right' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n  {/if}\n\n  {#if iconname && iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'right'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"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"}

package/public/bricoman/components/button/Button.svelte

@@ -116,13 +116,14 @@
   use:forwardEvents
   {type}
   class="{getClasses(theme, bordered, size, full)} {userClass}"
+  class:mc-button--square={iconmode}
   {disabled}
   {...attributes}
 >
   {#if iconname && iconmode === 'left'}
     <span class="mc-button__icon">
       {#if isLoading && loaderPosition === 'left'}
-        <Loader size="s" theme={loaderTheme} text="TEST" />
+        <Loader size="s" theme={loaderTheme} text="" />
       {:else}
         {@html `<${generateIconName(size, iconmode, iconname)} />`}
       {/if}