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

package/dist/adeo/components/autocomplete/autocomplete.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/autocomplete.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;CAAG"}

package/dist/adeo/components/badge/Badge.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as s,b as a,f as o,s as r,c,e as l,v as n,n as d,j as i,k as b,N as p,a2 as u,l as g,m,o as f,q as h,u as $}from"../../index-c222d0b7.js";import{c as y}from"../../EventForward-c4c8cd29.js";function x(e){let t,s,o,r,f,h=[{class:o=w(e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<h.length;e+=1)$=c($,h[e]);return{c(){t=l("div"),s=n(e[0]),this.c=d,i(t,$)},m(o,c){a(o,t,c),b(t,s),r||(f=p(e[4].call(null,t)),r=!0)},p(e,[a]){1&a&&u(s,e[0],$.contenteditable),i(t,$=g(h,[10&a&&o!==(o=w(e[1])+" "+e[3])&&{class:o},4&a&&e[2]]))},i:d,o:d,d(e){e&&m(t),r=!1,f()}}}function w(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),t.join(" ")}function k(e,t,s){let a,o;const r=["label","type"];let l=f(t,r),{label:n}=t,{type:d}=t;const i=y(h());return e.$$set=e=>{s(6,t=c(c({},t),$(e))),s(5,l=f(t,r)),"label"in e&&s(0,n=e.label),"type"in e&&s(1,d=e.type)},e.$$.update=()=>{s(3,a=t.class),s(2,o=Object.assign({},l)),4&e.$$.dirty&&delete o.class},t=$(t),[n,d,o,a,i]}class j extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"Roboto", sans-serif;font-weight:700;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge::first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},k,x,r,{label:0,type:1},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["label","type"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),o()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),o()}}export{j as default};
-//# sourceMappingURL=Badge.js.map

package/dist/adeo/components/badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BadgeType } from './badge.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { get_current_component } from 'svelte/internal';\n  export let label: string;\n  export let type: BadgeType;\n  const forwardEvents = createEventForwarder(get_current_component());\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 use:forwardEvents 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","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4PAwB+BA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACzEA,EAAK,4BADRC,EAEKC,EAAAC,EAAAC,8DADFJ,EAAK,GAAAK,EAAA,yCADuBN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,uCAXjE,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,QACpBC,EAAgBC,EAAqBC,qIACxCC,EAAA,EAAAC,EAAYL,EAAQP,WACpBa,EAALC,OAAAC,UAAuBC,yBACXH,EAAWb"}

package/dist/adeo/components/badge/Badge.nested.js

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

package/dist/adeo/components/badge/Badge.nested.js.map

@@ -1 +0,0 @@
-{"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":"g9BAuBaA,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"}

package/dist/adeo/components/badge/Badge.nested.svelte

@@ -1,31 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { BadgeType } from './badge.types';
-
-  export let label: string;
-  export let type: BadgeType;
-
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function setClasses(type: BadgeType) {
-    const classes = ['mc-badge'];
-
-    if (type) {
-      classes.push(`mc-badge--${type}`);
-    }
-
-    return classes.join(' ');
-  }
-</script>
-
-<div class="{setClasses(type)} {userClass}" {...attributes}>
-  {label}
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.badge';
-</style>

package/dist/adeo/components/badge/Badge.svelte

@@ -1,32 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { BadgeType } from './badge.types';
-  import { createEventForwarder } from '../../utilities/EventForward';
-  import { get_current_component } from 'svelte/internal';
-  export let label: string;
-  export let type: BadgeType;
-  const forwardEvents = createEventForwarder(get_current_component());
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function setClasses(type: BadgeType) {
-    const classes = ['mc-badge'];
-
-    if (type) {
-      classes.push(`mc-badge--${type}`);
-    }
-
-    return classes.join(' ');
-  }
-</script>
-
-<div use:forwardEvents class="{setClasses(type)} {userClass}" {...attributes}>
-  {label}
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.badge';
-</style>

package/dist/adeo/components/badge/badge.types.d.ts

@@ -1,2 +0,0 @@
-export type BadgeType = 'danger' | 'success' | 'warning' | 'neutral';
-//# sourceMappingURL=badge.types.d.ts.map

package/dist/adeo/components/badge/badge.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dist/adeo/components/barchart/BarChart.svelte

@@ -1,320 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import {
-    select,
-    scaleBand,
-    scaleLinear,
-    axisBottom,
-    axisLeft,
-    Selection,
-    ScaleBand,
-    ScaleLinear,
-  } from 'd3';
-  import { onMount } from 'svelte';
-  import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let data = '';
-  let parsedData: BarData[];
-  let subgroups: string[];
-  $: parsedData = data ? (JSON.parse(data) as BarData[]) : [];
-  $: groups = parsedData.map((d: BarData) => d.group);
-  $: subgroups = parsedData[0]
-    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')
-    : [];
-
-  export let chartheight = '300';
-  $: height = parseInt(chartheight, 10);
-
-  export let backgroundcolor = '#fff';
-  export let scalemax = 50;
-  export let scalemin = 0;
-  export let color = '#0B96CC';
-  export let ticknumbers = 4;
-  export let tickleftformat: (d: number, i: number) => string;
-  tickleftformat = (d) => `${d}`;
-  export let tickbottomformat: (d: number, i: number) => string = (d) => `${d}`;
-
-  export let svgs: string;
-  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];
-
-  export let margins: string;
-
-  let _data: string;
-  let chart: HTMLDivElement;
-  let svg: Selection<SVGGElement, any, any, any>;
-  let hasMounted = false;
-  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  $: if (data.length > 0 && hasMounted) {
-    if (!_data) {
-      render();
-      _data = data;
-    } else if (data !== _data) {
-      update();
-      _data = data;
-    }
-  }
-
-  function getParsedMargins(margins: string): BarMargin {
-    if (margins) return JSON.parse(margins) as BarMargin;
-    else
-      return {
-        top: 10,
-        right: 40,
-        bottom: 20,
-        left: 60,
-        xAxis: 20,
-      } as BarMargin;
-  }
-
-  function getChartWidth() {
-    let chartWidth = select(chart).style('width');
-    if (chartWidth === '' || !chartWidth) {
-      chartWidth = `${window.innerWidth / 2}`;
-    }
-    return parseInt(chartWidth);
-  }
-
-  function getBarKeyValue(d: BarData): BarKeyValue[] {
-    return subgroups.map((key) => ({
-      key: key,
-      value: d[key].value,
-      customtooltip: d[key].customtooltip,
-    }));
-  }
-
-  function getAxes(width: number) {
-    const x = scaleBand()
-      .domain(groups)
-      .range([
-        0,
-        width -
-          (getParsedMargins(margins).left / 2 +
-            getParsedMargins(margins).right / 2),
-      ])
-      .padding(0.2);
-    const y = scaleLinear().domain([scalemin, scalemax]).range([height, 0]);
-    const xSubgroup = scaleBand()
-      .domain(subgroups)
-      .range([0, x.bandwidth()])
-      .padding(0.05);
-    return { x, y, xSubgroup };
-  }
-
-  function addRectandles(
-    x: ScaleBand<string>,
-    xSubgroup: ScaleBand<string>,
-    y: ScaleLinear<number, number, never>,
-  ) {
-    svg
-      .append('g')
-      .selectAll('g')
-      .data(parsedData)
-      .join('g')
-      .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)
-      .attr('class', 'bar')
-      .selectAll('rect')
-      .data((d) => getBarKeyValue(d))
-      .join('rect')
-      .attr('x', (d) => xSubgroup(d.key)!)
-      .attr('y', () => y(0))
-      .attr('width', xSubgroup.bandwidth())
-      .attr('height', () => height - y(0))
-      .style('fill', () => color)
-      .style('cursor', 'pointer')
-      .on('mouseout', (_e: MouseEvent, chartEvent: BarKeyValue) => {
-        const others = svg.selectAll('rect').filter(function (arc) {
-          return arc != chartEvent;
-        });
-        others.style('opacity', 1);
-        tooltipData.show = false;
-      })
-      .on('mouseover', (e: MouseEvent, chartEvent: BarKeyValue) => {
-        const others = svg.selectAll('rect').filter(function (arc) {
-          return arc != chartEvent;
-        });
-        others.style('opacity', 0.7);
-        const { left, top, width } = (
-          e.target as HTMLElement
-        ).getBoundingClientRect();
-        console.log(xSubgroup.bandwidth());
-        tooltipData = {
-          show: true,
-          text: chartEvent.customtooltip
-            ? `${chartEvent.customtooltip}`
-            : `${chartEvent.key} - ${chartEvent.value}`,
-          left: left,
-          top: top - 50,
-          width,
-        };
-      })
-      .on('click', (_e: MouseEvent, chartEvent: BarKeyValue) => {
-        eventHandler.dispatch('bar-clicked', chartEvent);
-      });
-
-    svg
-      .selectAll<SVGElement, BarKeyValue>('rect')
-      .transition()
-      .duration(800)
-      .attr('y', (d) => (+d.value < 0 ? y(0) : y(+d.value)))
-      .attr('height', (d) =>
-        +d.value < 0
-          ? y(+d.value) - y(0)
-          : height - y(+d.value + Number(scalemin)),
-      )
-      .delay((_d, i) => i * 100);
-  }
-
-  function updateAxes(
-    x: ScaleBand<string>,
-    y: ScaleLinear<number, number, never>,
-  ) {
-    svg
-      .select('.x-axis')
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-      .call((axisBottom(x) as any).tickFormat(tickbottomformat));
-    svg
-      .select('.y-axis')
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));
-
-    const width = getChartWidth();
-    svg
-      .selectAll('.y-axis .tick line')
-      .attr('stroke', '#EEEDEA')
-      .attr('stroke-width', '1px')
-      .attr('x2', width);
-  }
-
-  function render() {
-    const width = getChartWidth();
-    const { x, y, xSubgroup } = getAxes(width);
-
-    svg = select<HTMLElement, any>(chart)
-      .append('svg')
-      .attr('width', width)
-      .attr(
-        'height',
-        Number(height) +
-          Number(getParsedMargins(margins).top) +
-          Number(getParsedMargins(margins).bottom) +
-          Number(getParsedMargins(margins).xAxis),
-      )
-      .attr('id', 'svg-chart')
-      .append('g')
-      .attr(
-        'transform',
-        `translate(${
-          getParsedMargins(margins).left / 2 +
-          getParsedMargins(margins).right / 2
-        },${getParsedMargins(margins).top})`,
-      );
-
-    svg
-      .append('g')
-      .attr(
-        'transform',
-        `translate(0, ${
-          Number(height) + Number(getParsedMargins(margins).xAxis)
-        })`,
-      )
-      .call(axisBottom(x))
-      .attr('class', 'x-axis')
-      .attr('stroke-width', '0');
-
-    svg
-      .append('g')
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat))
-      .attr('class', 'y-axis')
-      .attr('stroke-width', '0');
-
-    addRectandles(x, xSubgroup, y);
-  }
-
-  function update() {
-    const width = getChartWidth();
-    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);
-
-    const { x, y, xSubgroup } = getAxes(width);
-    updateAxes(x, y);
-    svg.selectAll('.bar').remove();
-    addRectandles(x, xSubgroup, y);
-  }
-
-  function resize() {
-    if (_data) {
-      const width = getChartWidth();
-      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);
-
-      const { x, y, xSubgroup } = getAxes(width);
-      updateAxes(x, y);
-
-      svg
-        .selectAll('.bar')
-        .data(parsedData)
-        .attr('transform', (d) => `translate(${Number(x(d.group))}, 0)`)
-        .selectAll<SVGElement, BarKeyValue>('rect')
-        .data((d) => getBarKeyValue(d))
-        .attr('x', (d) => xSubgroup(d.key)!)
-        .attr('width', xSubgroup.bandwidth());
-    }
-  }
-
-  onMount(() => {
-    const resizeObserver = new ResizeObserver(resize);
-    resizeObserver.observe(chart);
-    hasMounted = true;
-  });
-</script>
-
-<div bind:this={chart} style="background-color: {backgroundcolor};" />
-{#if tooltipData.show}
-  <div
-    class="tooltip"
-    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}
-  >
-    {tooltipData.text}
-  </div>
-{/if}
-<div style="height: 0; width: 0;" class="pattern">
-  {#each parsedSvgs as svg}
-    {@html svg}
-  {/each}
-</div>
-<text />
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-
-  .tooltip {
-    height: auto;
-    background-color: $color-grey-700;
-    border-radius: 4px;
-    color: $color-grey-000;
-    text-align: center;
-    padding: $mu050 $mu100;
-    position: absolute;
-  }
-
-  .pattern {
-    z-index: -1;
-    position: relative;
-  }
-
-  text {
-    font-family: 'LeroyMerlin', sans-serif;
-    font-size: $size-font-04;
-    color: $color-grey-700;
-  }
-</style>

package/dist/adeo/components/bottombar/BottomBar.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as i,b as d,f as n,s as a,e as r,n as m,h as o,t as s,m as x}from"../../index-c222d0b7.js";function p(e){let t;return{c(){t=r("div"),this.c=m,o(t,"class","ml-container ml-container--fluid mc-bottom-bar"),s(t,"mc-bottom-bar--fixed",e[0])},m(e,i){d(e,t,i)},p(e,[i]){1&i&&s(t,"mc-bottom-bar--fixed",e[0])},i:m,o:m,d(e){e&&x(t)}}}function c(e,t,i){let d,{fixed:n}=t;return e.$$set=e=>{"fixed"in e&&i(1,n=e.fixed)},e.$$.update=()=>{2&e.$$.dirty&&i(0,d=!!n||void 0)},[d,n]}class h extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},c,p,a,{fixed:1},null),e&&(e.target&&d(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed"]}get fixed(){return this.$$.ctx[1]}set fixed(e){this.$$set({fixed:e}),n()}}export{h as default};
-//# sourceMappingURL=BottomBar.js.map

package/dist/adeo/components/bottombar/BottomBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomBar.js","sources":["../../../../src/components/bottombar/BottomBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let fixed: boolean;\n\n  $: isFixed = fixed ? true : undefined;\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n</style>\n"],"names":["ctx","insert","target","div","anchor","fixed","$$props","isFixed","undefined"],"mappings":"8PAU8BA,EAAO,YAFrCC,EAGCC,EAAAC,EAAAC,6CAD6BJ,EAAO,2DAPxBK,GAAcC,qFAEtBC,IAAUF,QAAeG"}

package/dist/adeo/components/bottombar/BottomBar.svelte

@@ -1,18 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  export let fixed: boolean;
-
-  $: isFixed = fixed ? true : undefined;
-</script>
-
-<div
-  class="ml-container ml-container--fluid mc-bottom-bar"
-  class:mc-bottom-bar--fixed={isFixed}
-/>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/layouts/_l.container';
-  @import '@mozaic-ds/styles/components/_c.bottom-bar';
-</style>

package/dist/adeo/components/breadcrumb/Breadcrumb.js

@@ -1,2 +0,0 @@
-import{S as e,i,a as r,b as t,f as n,s as c,c as a,e as m,n as s,h as l,j as d,t as o,k as b,l as h,m as p,R as g,o as u,q as f,r as k,u as x,d as v,v as w,y as _,x as y}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function C(e){let i,r,n,c=e[12].text+"";return{c(){i=m("span"),r=w(c),l(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r)},p(e,t){32&t&&c!==(c=e[12].text+"")&&_(r,c),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",n)},d(e){e&&p(i)}}}function E(e){let i,r,n,c,a,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=m("a"),r=w(d),l(i,"href",n=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r),a||(s=y(i,"click",o),a=!0)},p(t,a){e=t,32&a&&d!==(d=e[12].text+"")&&_(r,d),32&a&&n!==(n=e[12].href)&&l(i,"href",n),1&a&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),a=!1,s()}}}function B(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?E:C}let a=c(e),s=a(e);return{c(){i=m("li"),s.c(),r=v(),l(i,"class",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){a===(a=c(e))&&s?s.p(e,t):(s.d(1),s=a(e),s&&(s.c(),s.m(i,r))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",n)},d(e){e&&p(i),s.d()}}}function j(e){let i,r,n,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=B(z(e,c,i));let f=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<f.length;e+=1)k=a(k,f[e]);return{c(){i=m("nav"),r=m("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,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=z(e,c,i);u[i]?u[i].p(n,t):(u[i]=B(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(f,[11&t&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&t&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),g(u,e)}}}function L(e,i,r){let t,n,c,m;const s=["items","dark","responsive","nopadding"];let l=u(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new $(f(),k());return e.$$set=e=>{r(11,i=a(a({},i),x(e))),r(10,l=u(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,t=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,n=h&&"false"!==h),r(3,c=i.class),r(2,m=Object.assign({},l)),4&e.$$.dirty&&delete m.class},i=x(i),[o,b,m,c,n,t,p,d,h,e=>p.dispatch("link-clicked",e)]}class M extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:\"Roboto\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},L,j,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{M as default};
-//# sourceMappingURL=Breadcrumb.js.map

package/dist/adeo/components/breadcrumb/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"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  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"mVAmDaA,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,uIApB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,EAAmB,IAAAC,EACrBC,IACAC,iOAGDC,EAAA,EAAEC,EAAaV,EAASW,KAAKC,MAAMZ,GAAK,wBACtCa,EAAYT,GAA2B,UAAdA,GACzBK,EAAA,EAAAK,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,iCAkBKqB,GAAAd,EAAae,SAAS,eAAgBD"}

package/dist/adeo/components/breadcrumb/Breadcrumb.nested.js

@@ -1,2 +0,0 @@
-import{H as n,i as e,s as t,I as l,c as i,e as s,h as r,j as c,t as m,b as a,k as h,l as d,n as v,m as o,R as y,o as j,q as b,r as f,u,d as g,v as p,y as k,x}from"../../index-c222d0b7.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function _(n){l(n,"svelte-nnjnhy",".mc-link.svelte-nnjnhy.svelte-nnjnhy{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-nnjnhy.svelte-nnjnhy:focus{outline:none}.mc-link.svelte-nnjnhy.svelte-nnjnhy:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited.svelte-nnjnhy.svelte-nnjnhy,.mc-link.svelte-nnjnhy.svelte-nnjnhy:visited{color:#333333}.mc-link.is-hover.svelte-nnjnhy.svelte-nnjnhy,.mc-link.svelte-nnjnhy.svelte-nnjnhy:hover{color:#666666}.mc-link.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-link.svelte-nnjnhy.svelte-nnjnhy:active{color:#333333}.mc-link.is-disabled.svelte-nnjnhy.svelte-nnjnhy{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-nnjnhy.svelte-nnjnhy{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-nnjnhy.svelte-nnjnhy{font-size:1rem;line-height:1.375}.mc-link.svelte-nnjnhy.svelte-nnjnhy::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-nnjnhy.svelte-nnjnhy{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-nnjnhy.svelte-nnjnhy{color:#ffffff}.mc-link--light.is-visited.svelte-nnjnhy.svelte-nnjnhy,.mc-link--light.svelte-nnjnhy.svelte-nnjnhy:visited{color:#cccccc}.mc-link--light.is-hover.svelte-nnjnhy.svelte-nnjnhy,.mc-link--light.svelte-nnjnhy.svelte-nnjnhy:hover{color:#999999}.mc-link--light.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-link--light.svelte-nnjnhy.svelte-nnjnhy:active{color:#cccccc}.mc-link--light.is-disabled.svelte-nnjnhy.svelte-nnjnhy{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-nnjnhy.svelte-nnjnhy{color:#007f8c}.mc-link--primary.is-visited.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary.svelte-nnjnhy.svelte-nnjnhy:visited{color:#006974}.mc-link--primary.is-hover.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary.svelte-nnjnhy.svelte-nnjnhy:hover{color:#004e57}.mc-link--primary.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary.svelte-nnjnhy.svelte-nnjnhy:active{color:#006974}.mc-link--primary.is-disabled.svelte-nnjnhy.svelte-nnjnhy{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-nnjnhy.svelte-nnjnhy{color:#494f60}.mc-link--primary-02.is-visited.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary-02.svelte-nnjnhy.svelte-nnjnhy:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary-02.svelte-nnjnhy.svelte-nnjnhy:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-link--primary-02.svelte-nnjnhy.svelte-nnjnhy:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-nnjnhy.svelte-nnjnhy{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-nnjnhy.svelte-nnjnhy{color:#c61112}.mc-link--danger.is-visited.svelte-nnjnhy.svelte-nnjnhy,.mc-link--danger.svelte-nnjnhy.svelte-nnjnhy:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-nnjnhy.svelte-nnjnhy,.mc-link--danger.svelte-nnjnhy.svelte-nnjnhy:hover{color:#530000}.mc-link--danger.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-link--danger.svelte-nnjnhy.svelte-nnjnhy:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-nnjnhy.svelte-nnjnhy{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-nnjnhy.svelte-nnjnhy{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-nnjnhy.svelte-nnjnhy{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-nnjnhy.svelte-nnjnhy{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-nnjnhy.svelte-nnjnhy{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-nnjnhy.svelte-nnjnhy{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-nnjnhy.svelte-nnjnhy{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-nnjnhy.svelte-nnjnhy{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-nnjnhy.svelte-nnjnhy{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{font-family:\"Roboto\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-nnjnhy.svelte-nnjnhy{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-nnjnhy.svelte-nnjnhy{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-nnjnhy.svelte-nnjnhy{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-nnjnhy.svelte-nnjnhy{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.svelte-nnjnhy.svelte-nnjnhy:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-nnjnhy.svelte-nnjnhy,.mc-breadcrumb__item.svelte-nnjnhy.svelte-nnjnhy:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\");padding-left:1.5rem}}.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy,.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy:active,.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy:focus,.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy:hover,.mc-breadcrumb__current.svelte-nnjnhy.svelte-nnjnhy:visited,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy:active,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy:focus,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy:hover,.mc-breadcrumb__current.mc-link.svelte-nnjnhy.svelte-nnjnhy:visited{color:currentColor}.mc-breadcrumb--dark.svelte-nnjnhy.svelte-nnjnhy{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-nnjnhy .mc-breadcrumb__item.svelte-nnjnhy: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-nnjnhy .mc-breadcrumb__item.is-active.svelte-nnjnhy,.mc-breadcrumb--dark.svelte-nnjnhy .mc-breadcrumb__item.svelte-nnjnhy: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-nnjnhy .mc-breadcrumb__item.svelte-nnjnhy: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-nnjnhy.svelte-nnjnhy{padding-left:0}")}function z(n,e,t){const l=n.slice();return l[12]=e[t],l[14]=t,l}function C(n){let e,t,l,i=n[12].text+"";return{c(){e=s("span"),t=p(i),r(e,"class",l="mc-link mc-link--s mc-breadcrumb__current"+(n[0]?" mc-link--light":"")+" svelte-nnjnhy")},m(n,l){a(n,e,l),h(e,t)},p(n,s){32&s&&i!==(i=n[12].text+"")&&k(t,i),1&s&&l!==(l="mc-link mc-link--s mc-breadcrumb__current"+(n[0]?" mc-link--light":"")+" svelte-nnjnhy")&&r(e,"class",l)},d(n){n&&o(e)}}}function E(n){let e,t,l,i,c,m,d=n[12].text+"";function v(){return n[9](n[12])}return{c(){e=s("a"),t=p(d),r(e,"href",l=n[12].href),r(e,"class",i="mc-link mc-link--s"+(n[0]?" mc-link--light":"")+" svelte-nnjnhy")},m(n,l){a(n,e,l),h(e,t),c||(m=x(e,"click",v),c=!0)},p(s,c){n=s,32&c&&d!==(d=n[12].text+"")&&k(t,d),32&c&&l!==(l=n[12].href)&&r(e,"href",l),1&c&&i!==(i="mc-link mc-link--s"+(n[0]?" mc-link--light":"")+" svelte-nnjnhy")&&r(e,"class",i)},d(n){n&&o(e),c=!1,m()}}}function $(n){let e,t,l;function i(n,e){return n[14]!==n[5].length-1?E:C}let c=i(n),m=c(n);return{c(){e=s("li"),m.c(),t=g(),r(e,"class",l="mc-breadcrumb__item"+(n[12].isActive?" is-active":"")+" svelte-nnjnhy")},m(n,l){a(n,e,l),m.m(e,null),h(e,t)},p(n,s){c===(c=i(n))&&m?m.p(n,s):(m.d(1),m=c(n),m&&(m.c(),m.m(e,t))),32&s&&l!==(l="mc-breadcrumb__item"+(n[12].isActive?" is-active":"")+" svelte-nnjnhy")&&r(e,"class",l)},d(n){n&&o(e),m.d()}}}function B(n){let e,t,l,j=n[5],b=[];for(let e=0;e<j.length;e+=1)b[e]=$(z(n,j,e));let f=[{class:l="mc-breadcrumb "+(n[1]?" mc-breadcrumb--responsive":"")+(n[0]?" mc-breadcrumb--dark":"")+" "+n[3]},{"aria-label":"Breadcrumb"},n[2]],u={};for(let n=0;n<f.length;n+=1)u=i(u,f[n]);return{c(){e=s("nav"),t=s("ul");for(let n=0;n<b.length;n+=1)b[n].c();r(t,"class","mc-breadcrumb__container svelte-nnjnhy"),c(e,u),m(e,"mc-breadcrumb--no-padding",n[4]),m(e,"svelte-nnjnhy",!0)},m(n,l){a(n,e,l),h(e,t);for(let n=0;n<b.length;n+=1)b[n]&&b[n].m(t,null)},p(n,[i]){if(97&i){let e;for(j=n[5],e=0;e<j.length;e+=1){const l=z(n,j,e);b[e]?b[e].p(l,i):(b[e]=$(l),b[e].c(),b[e].m(t,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=j.length}c(e,u=d(f,[11&i&&l!==(l="mc-breadcrumb "+(n[1]?" mc-breadcrumb--responsive":"")+(n[0]?" mc-breadcrumb--dark":"")+" "+n[3])&&{class:l},{"aria-label":"Breadcrumb"},4&i&&n[2]])),m(e,"mc-breadcrumb--no-padding",n[4]),m(e,"svelte-nnjnhy",!0)},i:v,o:v,d(n){n&&o(e),y(b,n)}}}function L(n,e,t){let l,s,r,c;const m=["items","dark","responsive","nopadding"];let a=j(e,m),{items:h}=e,{dark:d=!1}=e,{responsive:v=!1}=e,{nopadding:o=!1}=e,y=new w(b(),f());return n.$$set=n=>{t(11,e=i(i({},e),u(n))),t(10,a=j(e,m)),"items"in n&&t(7,h=n.items),"dark"in n&&t(0,d=n.dark),"responsive"in n&&t(1,v=n.responsive),"nopadding"in n&&t(8,o=n.nopadding)},n.$$.update=()=>{128&n.$$.dirty&&t(5,l=h?JSON.parse(h):[]),256&n.$$.dirty&&t(4,s=o&&"false"!==o),t(3,r=e.class),t(2,c=Object.assign({},a)),4&n.$$.dirty&&delete c.class},e=u(e),[d,v,c,r,s,l,y,h,o,n=>y.dispatch("link-clicked",n)]}class M extends n{constructor(n){super(),e(this,n,L,B,t,{items:7,dark:0,responsive:1,nopadding:8},_)}}export{M as default};
-//# sourceMappingURL=Breadcrumb.nested.js.map

package/dist/adeo/components/breadcrumb/Breadcrumb.nested.js.map

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

package/dist/adeo/components/breadcrumb/Breadcrumb.nested.svelte

@@ -1,64 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { BreadcrumbItems } from './breadcrumb.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let items: string;
-  export let dark = false;
-  export let responsive = false;
-  export let nopadding: boolean | string = false;
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-
-  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];
-  $: noPadding = nopadding && nopadding !== 'false';
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-</script>
-
-<nav
-  class="mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark
-    ? ' mc-breadcrumb--dark'
-    : ''} {userClass}"
-  class:mc-breadcrumb--no-padding={noPadding}
-  aria-label="Breadcrumb"
-  {...attributes}
->
-  <ul class="mc-breadcrumb__container">
-    {#each parseItems as item, i}
-      <li class="mc-breadcrumb__item{item.isActive ? ' is-active' : ''}">
-        {#if i !== parseItems.length - 1}
-          <a
-            href={item.href}
-            class="mc-link mc-link--s{dark ? ' mc-link--light' : ''}"
-            on:click={() => eventHandler.dispatch('link-clicked', item)}
-          >
-            {item.text}
-          </a>
-        {:else}
-          <span
-            class="mc-link mc-link--s mc-breadcrumb__current{dark
-              ? ' mc-link--light'
-              : ''}"
-          >
-            {item.text}
-          </span>
-        {/if}
-      </li>
-    {/each}
-  </ul>
-</nav>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/_c.links';
-  @import '@mozaic-ds/styles/components/_c.breadcrumb';
-</style>