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

package/dist/bricoman/components/linechart/LineChart.svelte

@@ -1,329 +0,0 @@
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import {
-    select,
-    line,
-    axisLeft,
-    symbolSquare,
-    symbolCircle,
-    symbolTriangle,
-    axisBottom,
-    timeParse,
-    scaleLinear,
-    Selection,
-    symbol,
-    extent,
-    scaleTime,
-    timeDay,
-    ScaleTime,
-    Axis,
-    NumberValue,
-    ScaleLinear,
-  } from 'd3';
-  import type { LineData, LinePoint, SymbolType } from './line-chart.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let data = '';
-  export let backgroundcolor = '#fff';
-  export let height = 300;
-  export let ticknumbers = 5;
-
-  const parseTime = timeParse('%d-%m-%Y');
-
-  let _data: string;
-  let hasMounted = false;
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-  let parsedData: LineData[];
-
-  $: parsedData = data ? (JSON.parse(data) as LineData[]) : ([] as LineData[]);
-  $: if (data.length > 0 && hasMounted) {
-    if (!_data) {
-      render();
-      _data = data;
-    } else if (data !== _data) {
-      updateAxes(parsedData);
-      parsedData.forEach((data, i) => updateLine(data, i));
-      _data = data;
-    }
-  }
-
-  let chart: HTMLDivElement;
-  let svg: Selection<SVGGElement, LinePoint, any, any>;
-
-  let x: ScaleTime<number, number, never>,
-    y: ScaleLinear<number, number, never>,
-    xAxis: Axis<Date | NumberValue>,
-    yAxis: Axis<number | NumberValue>,
-    linesD3: Selection<SVGPathElement, LinePoint, any, any>[] = [];
-
-  const margin = { top: 20, right: 40, bottom: 40, left: 60, yAxisPadding: 20 };
-  let tooltipData = {
-    date: '',
-    value: 0,
-    show: false,
-    customtooltip: '',
-  };
-
-  function getChartWidth() {
-    let chartWidth = select(chart).style('width');
-    if (chartWidth === '' || !chartWidth) {
-      chartWidth = `${window.innerWidth / 2}`;
-    }
-    return parseInt(chartWidth);
-  }
-
-  function appendSymbols(
-    data: LinePoint[],
-    color: string,
-    symbolType: SymbolType,
-    i: number,
-  ) {
-    let symbolPath = symbol(symbolSquare);
-    switch (symbolType) {
-      case 'circle':
-        symbolPath = symbol(symbolCircle);
-        break;
-      case 'triangle':
-        symbolPath = symbol(symbolTriangle);
-        break;
-    }
-
-    svg
-      .selectAll()
-      .data(data)
-      .join('path')
-      .attr('d', symbolPath.size(50))
-      .attr('opacity', 1)
-      .attr(
-        'transform',
-        (d) => `translate(${x(+d.time) + margin.yAxisPadding},${y(+d.value)})`,
-      )
-      .attr('class', `chart__symbol-line-${i}`)
-      .style('fill', color)
-      .style('cursor', 'pointer')
-      .on('mouseover', handleTickMouseOver)
-      .on('mouseout', () => (tooltipData.show = false))
-      .on('click', (_e: MouseEvent, point: LinePoint) => {
-        eventHandler.dispatch('point-clicked', point);
-      });
-  }
-
-  function handleTickMouseOver(_e: MouseEvent, point: LinePoint): void {
-    const date = new Date(point.time).toDateString();
-    const value = point.value;
-    tooltipData = {
-      date,
-      value: parseInt(value),
-      show: true,
-      customtooltip: point.customtooltip,
-    };
-  }
-
-  function updatePath(
-    lineD3: Selection<SVGPathElement, LinePoint, any, any>,
-    points: LinePoint[],
-    color: string,
-    strokeDasharray?: number,
-  ) {
-    lineD3
-      .datum(points)
-      .attr(
-        'd',
-        line<LinePoint>()
-          .x((d) => x(+d.time))
-          .y((d) => y(+d.value)),
-      )
-      .attr('stroke', color)
-      .style('stroke-width', 2.5)
-      .style('fill', 'none')
-      .attr('transform', `translate(${margin.yAxisPadding},0)`)
-      .attr('stroke-dasharray', strokeDasharray || 0);
-  }
-
-  function updateAxes(data: LineData[]) {
-    const width = getChartWidth();
-    const mergedLineData = data.flatMap((d) => d.points);
-    const [yMin = 0, yMax = 0] = extent(mergedLineData, (d) => Number(d.value));
-    const xDomain = extent(mergedLineData, (d) => parseTime(d.time as string));
-    x.domain(xDomain as Iterable<Date | NumberValue>);
-    svg
-      .selectAll('.x-axis')
-      .attr(
-        'transform',
-        `translate(${margin.yAxisPadding},${height + margin.bottom / 2})`,
-      )
-      .call(xAxis as any)
-      .attr('stroke-width', '0');
-
-    y.domain([yMin, yMax]);
-    svg
-      .selectAll('.y-axis')
-      .call(yAxis as any)
-      .select('.domain')
-      .attr('stroke-width', '0');
-
-    svg
-      .selectAll('.y-axis .tick line')
-      .attr('x1', margin.yAxisPadding / 2)
-      .attr('x2', width - margin.left)
-      .attr('stroke', '#EEEDEA')
-      .attr('stroke-width', '1.4px');
-  }
-
-  function render(resize?: boolean) {
-    const width = getChartWidth();
-
-    x = scaleTime().range([0, width - margin.left - margin.right]);
-    xAxis = axisBottom(x)
-      .tickSize(0)
-      .ticks(timeDay)
-      .ticks(ticknumbers)
-      .tickPadding(5);
-
-    y = scaleLinear().range([height, 0]);
-    yAxis = axisLeft(y).ticks(ticknumbers);
-
-    if (!resize) {
-      svg = select<HTMLElement, LinePoint>(chart)
-        .append('svg')
-        .attr('width', width)
-        .attr('height', height + margin.top + margin.bottom)
-        .attr('id', 'svg-chart')
-        .append('g')
-        .attr(
-          'transform',
-          `translate(${margin.left / 2 + margin.right / 2},${margin.top})`,
-        );
-
-      svg
-        .append('g')
-        .attr('transform', 'translate(0,' + String(height) + ')')
-        .attr('class', 'x-axis');
-      svg.append('g').attr('class', 'y-axis');
-    }
-
-    updateAxes(parsedData);
-    parsedData.forEach((data, i) => {
-      if (!resize) {
-        linesD3.push(svg.append('g').append('path'));
-      }
-      updateLine(data, i);
-    });
-  }
-
-  function updateLine(data: LineData, i: number) {
-    const points = data.points.map((d) => ({
-      time: parseTime(d.time as string) || '',
-      value: d.value,
-      customtooltip: d.customtooltip,
-    }));
-    updatePath(linesD3[i], points, data.color, data.strokeDasharray);
-    svg.selectAll(`.chart__symbol-line-${i}`).remove();
-    appendSymbols(points, data.color, data.symbol, i);
-  }
-
-  function resize() {
-    if (_data && hasMounted) {
-      const width = getChartWidth();
-      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);
-      render(true);
-    }
-  }
-
-  onMount(() => {
-    const resizeObserver = new ResizeObserver(resize);
-    resizeObserver.observe(chart);
-    hasMounted = true;
-  });
-</script>
-
-<div
-  bind:this={chart}
-  class="chart"
-  style="background-color: {backgroundcolor};"
->
-  {#if tooltipData.show}
-    <div
-      class="tooltip"
-      style={`right: ${margin.right}px; top: ${margin.top}px;`}
-    >
-      {#if tooltipData.customtooltip}
-        {tooltipData.customtooltip}
-      {:else}
-        {tooltipData.date}: <b>{tooltipData.value}</b>
-      {/if}
-    </div>
-  {/if}
-</div>
-
-<div class="legend">
-  {#each parsedData as d}
-    <div class="legend__item">
-      <svg class="legend__box">
-        <rect x="0" y="0" width="24" height="16" fill={d.color} />
-      </svg>
-      <span class="legend__title">{d.title}</span>
-    </div>
-  {/each}
-</div>
-
-<text style="display: none;" />
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-
-  .legend {
-    margin-top: magic-unit-rem(1);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0 magic-unit-rem(1.5);
-    height: 100%;
-    color: $color-grey-999;
-    gap: magic-unit-rem(1);
-
-    &__item {
-      display: flex;
-      justify-content: center;
-      font-size: $size-font-04;
-      align-items: center;
-    }
-
-    &__title {
-      white-space: nowrap;
-      margin: 0;
-    }
-
-    &__box {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: magic-unit-rem(0.25);
-      height: 16px;
-      width: 24px;
-    }
-  }
-
-  text {
-    font-family: 'LeroyMerlin', sans-serif;
-    font-size: 14px;
-    color: #555550;
-  }
-
-  .tooltip {
-    background-color: $color-grey-700;
-    border-radius: 4px;
-    color: $color-grey-000;
-    text-align: center;
-    padding: magic-unit-rem(0.5) magic-unit-rem(1);
-    top: 0;
-    position: absolute;
-  }
-</style>

package/dist/bricoman/components/link/Link.js

@@ -1,2 +0,0 @@
-import{S as e,i,a as t,g as n,b as s,f as o,s as l,c as r,e as c,d as a,v as m,n as d,j as h,k as f,N as p,x as k,a2 as u,l as b,m as g,P as $,o as x,p as v,q as w,u as y,h as z,V as _,T as j,a4 as C}from"../../index-c222d0b7.js";import{c as E}from"../../EventForward-c4c8cd29.js";function R(e){let i,t;function n(e,i){return e[6]?A:e[11].icon?q:void 0}let o=n(e),l=o&&o(e);return{c(){i=c("span"),l&&l.c(),z(i,"class",t=T(e[7]))},m(e,t){s(e,i,t),l&&l.m(i,null)},p(e,s){o===(o=n(e))&&l?l.p(e,s):(l&&l.d(1),l=o&&o(e),l&&(l.c(),l.m(i,null))),128&s&&t!==(t=T(e[7]))&&z(i,"class",t)},d(e){e&&g(i),l&&l.d()}}}function q(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function A(e){let i,t,n=`<${S(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${S(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function F(e){let i,t;function n(e,i){return e[6]?O:e[11].icon?N:void 0}let o=n(e),l=o&&o(e);return{c(){i=c("span"),l&&l.c(),z(i,"class",t=T(e[7]))},m(e,t){s(e,i,t),l&&l.m(i,null)},p(e,s){o===(o=n(e))&&l?l.p(e,s):(l&&l.d(1),l=o&&o(e),l&&(l.c(),l.m(i,null))),128&s&&t!==(t=T(e[7]))&&z(i,"class",t)},d(e){e&&g(i),l&&l.d()}}}function N(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function O(e){let i,t,n=`<${S(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${S(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function P(e){let i,t,n,o,l,x,v,w=(e[6]||e[11].icon)&&"left"===e[7]&&R(e),y=(e[6]||e[11].icon)&&"right"===e[7]&&F(e),z=[{href:e[1]},{target:e[2]},{class:l=V(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],_={};for(let e=0;e<z.length;e+=1)_=r(_,z[e]);return{c(){i=c("a"),w&&w.c(),t=a(),n=m(e[0]),o=a(),y&&y.c(),this.c=d,h(i,_)},m(l,r){s(l,i,r),w&&w.m(i,null),f(i,t),f(i,n),f(i,o),y&&y.m(i,null),x||(v=[p(e[10].call(null,i)),k(i,"click",e[12])],x=!0)},p(e,[s]){(e[6]||e[11].icon)&&"left"===e[7]?w?w.p(e,s):(w=R(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&s&&u(n,e[0],_.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?y?y.p(e,s):(y=F(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,_=b(z,[2&s&&{href:e[1]},4&s&&{target:e[2]},568&s&&l!==(l=V(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:l},256&s&&e[8]]))},i:d,o:d,d(e){e&&g(i),w&&w.d(),y&&y.d(),x=!1,$(v)}}}function S(e){return`${e} size="1rem"`}function T(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function V(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function B(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{$$slots:c={},$$scope:a}=i;const m=v(c);let{label:d}=i,{href:h}=i,{target:f}=i,{theme:p}=i,{disabled:k=!1}=i,{size:u="m"}=i,{iconname:b}=i,{iconposition:g}=i;const $=E(w());return e.$$set=e=>{t(14,i=r(r({},i),y(e))),t(13,l=x(i,o)),"label"in e&&t(0,d=e.label),"href"in e&&t(1,h=e.href),"target"in e&&t(2,f=e.target),"theme"in e&&t(3,p=e.theme),"disabled"in e&&t(4,k=e.disabled),"size"in e&&t(5,u=e.size),"iconname"in e&&t(6,b=e.iconname),"iconposition"in e&&t(7,g=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=y(i),[d,h,f,p,k,u,b,g,s,n,$,m,function(i){_.call(this,e,i)}]}class D extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#c34400}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#c34400}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#943300}.mc-link--primary.is-active,.mc-link--primary:active{color:#702700}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#c34400}.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}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:{...t(this.attributes),$$slots:n(this)},customElement:!0},B,P,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),o()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),o()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),o()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),o()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),o()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),o()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),o()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),o()}}export{D as default};
-//# sourceMappingURL=Link.js.map

package/dist/bricoman/components/link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if (iconname || $$slots.icon) && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {#if iconname}\n        {@html `<${generateIconName(iconname)} />`}\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if (iconname || $$slots.icon) && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {#if iconname}\n        {@html `<${generateIconName(iconname)} />`}\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["ctx","create_if_block_4","icon","create_if_block_5","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","slot","raw_value","generateIconName","html_tag","p","create_if_block_1","create_if_block_2","if_block0","create_if_block_3","if_block1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"sUA6DWA,EAAQ,GAAAC,EAEHD,MAAQE,KAAIC,OAAZ,uDAHCC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBP,EAAY,aAA3CQ,EAMMC,EAAAJ,EAAAK,gGANO,IAAAC,GAAAL,KAAAA,EAAAC,EAAkBP,EAAY,oHAIvCQ,EAAmBC,EAAAG,EAAAF,6CAFRG,EAAA,IAAAC,EAAiBd,EAAQ,gFAAzB,GAAAW,GAAAE,KAAAA,EAAA,IAAAC,EAAiBd,EAAQ,WAAAe,EAAAC,EAAAH,yEAWjCb,EAAQ,GAAAiB,EAEHjB,MAAQE,KAAIgB,OAAZ,uDAHCd,EAAAC,EAAA,QAAAC,EAAAC,EAAkBP,EAAY,aAA3CQ,EAMMC,EAAAJ,EAAAK,gGANO,IAAAC,GAAAL,KAAAA,EAAAC,EAAkBP,EAAY,oHAIvCQ,EAAmBC,EAAAG,EAAAF,6CAFRG,EAAA,IAAAC,EAAiBd,EAAQ,gFAAzB,GAAAW,GAAAE,KAAAA,EAAA,IAAAC,EAAiBd,EAAQ,WAAAe,EAAAC,EAAAH,4DAfpCM,GAAAnB,MAAYA,EAAO,IAACE,OAA0B,SAAjBF,MAAuBoB,EAAApB,GAYpDqB,GAAArB,MAAYA,EAAO,IAACE,OAA0B,UAAjBF,MAAwBsB,EAAAtB,yCAfnDuB,EAAWvB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAYbA,EAAK,2CAlBRQ,EA6BGC,EAAAe,EAAAd,wHArBKV,MAAYA,EAAO,IAACE,OAA0B,SAAjBF,oEAUlCA,EAAK,GAAAyB,EAAA,kBAEAzB,MAAYA,EAAO,IAACE,OAA0B,UAAjBF,2HAf3BuB,EAAWvB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAA0B,MAAAC,UACvE3B,EAAU,0DApCL,SAAAc,EAAiBc,YACdA,gBAGH,SAAArB,EAAkBsB,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,oLAzCXG,GAAaC,QACbC,GAAYD,UACZ3B,GAAc2B,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/dist/bricoman/components/link/Link.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i,s as l,I as t,c as n,e as s,d as o,v as c,j as r,t as h,b as a,k as m,N as b,x as d,B as v,z as f,A as k,a2 as p,l as j,m as u,P as q,o as g,p as x,q as w,u as y,h as $,W as z,C as _,V as C,Y as A,Z as B,_ as E,$ as F,T as H,n as I,a4 as N}from"../../index-c222d0b7.js";import{c as O}from"../../EventForward-c4c8cd29.js";function P(e){t(e,"svelte-hhbjqe",'.mc-link.svelte-hhbjqe{-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-hhbjqe:focus{outline:none}.mc-link.svelte-hhbjqe: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-hhbjqe,.mc-link.svelte-hhbjqe:visited{color:#333333}.mc-link.is-hover.svelte-hhbjqe,.mc-link.svelte-hhbjqe:hover{color:#666666}.mc-link.is-active.svelte-hhbjqe,.mc-link.svelte-hhbjqe:active{color:#333333}.mc-link.is-disabled.svelte-hhbjqe{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-hhbjqe{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-hhbjqe{font-size:1rem;line-height:1.375}.mc-link.svelte-hhbjqe::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-hhbjqe{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-hhbjqe{color:#ffffff}.mc-link--light.is-visited.svelte-hhbjqe,.mc-link--light.svelte-hhbjqe:visited{color:#cccccc}.mc-link--light.is-hover.svelte-hhbjqe,.mc-link--light.svelte-hhbjqe:hover{color:#999999}.mc-link--light.is-active.svelte-hhbjqe,.mc-link--light.svelte-hhbjqe:active{color:#cccccc}.mc-link--light.is-disabled.svelte-hhbjqe{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-hhbjqe{color:#c34400}.mc-link--primary.is-visited.svelte-hhbjqe,.mc-link--primary.svelte-hhbjqe:visited{color:#c34400}.mc-link--primary.is-hover.svelte-hhbjqe,.mc-link--primary.svelte-hhbjqe:hover{color:#943300}.mc-link--primary.is-active.svelte-hhbjqe,.mc-link--primary.svelte-hhbjqe:active{color:#702700}.mc-link--primary.is-disabled.svelte-hhbjqe{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-hhbjqe{color:#c34400}.mc-link--primary-02.is-visited.svelte-hhbjqe,.mc-link--primary-02.svelte-hhbjqe:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-hhbjqe,.mc-link--primary-02.svelte-hhbjqe:hover{color:#421700}.mc-link--primary-02.is-active.svelte-hhbjqe,.mc-link--primary-02.svelte-hhbjqe:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-hhbjqe{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-hhbjqe{color:#c61112}.mc-link--danger.is-visited.svelte-hhbjqe,.mc-link--danger.svelte-hhbjqe:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-hhbjqe,.mc-link--danger.svelte-hhbjqe:hover{color:#530000}.mc-link--danger.is-active.svelte-hhbjqe,.mc-link--danger.svelte-hhbjqe:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-hhbjqe{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-hhbjqe{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-hhbjqe{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-hhbjqe{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-hhbjqe{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-hhbjqe{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-hhbjqe{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-hhbjqe{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-hhbjqe{font-size:1rem;line-height:1.375}}')}const T=e=>({}),V=e=>({}),W=e=>({}),Y=e=>({});function Z(e){let i,l,t,n,o;const c=[G,D],r=[];function h(e,i){return e[6]?0:e[11].icon?1:-1}return~(l=h(e))&&(t=r[l]=c[l](e)),{c(){i=s("span"),t&&t.c(),$(i,"class",n=z(R(e[7]))+" svelte-hhbjqe")},m(e,t){a(e,i,t),~l&&r[l].m(i,null),o=!0},p(e,s){let a=l;l=h(e),l===a?~l&&r[l].p(e,s):(t&&(_(),f(r[a],1,1,(()=>{r[a]=null})),k()),~l?(t=r[l],t?t.p(e,s):(t=r[l]=c[l](e),t.c()),v(t,1),t.m(i,null)):t=null),(!o||128&s&&n!==(n=z(R(e[7]))+" svelte-hhbjqe"))&&$(i,"class",n)},i(e){o||(v(t),o=!0)},o(e){f(t),o=!1},d(e){e&&u(i),~l&&r[l].d()}}}function D(e){let i;const l=e[13].icon,t=A(l,e,e[12],Y);return{c(){t&&t.c()},m(e,l){t&&t.m(e,l),i=!0},p(e,n){t&&t.p&&(!i||4096&n)&&B(t,l,e,e[12],i?F(l,e[12],n,W):E(e[12]),Y)},i(e){i||(v(t,e),i=!0)},o(e){f(t,e),i=!1},d(e){t&&t.d(e)}}}function G(e){let i,l,t=`<${Q(e[6])} />`;return{c(){i=new N(!1),l=H(),i.a=l},m(e,n){i.m(t,e,n),a(e,l,n)},p(e,l){64&l&&t!==(t=`<${Q(e[6])} />`)&&i.p(t)},i:I,o:I,d(e){e&&u(l),e&&i.d()}}}function J(e){let i,l,t,n,o;const c=[L,K],r=[];function h(e,i){return e[6]?0:e[11].icon?1:-1}return~(l=h(e))&&(t=r[l]=c[l](e)),{c(){i=s("span"),t&&t.c(),$(i,"class",n=z(R(e[7]))+" svelte-hhbjqe")},m(e,t){a(e,i,t),~l&&r[l].m(i,null),o=!0},p(e,s){let a=l;l=h(e),l===a?~l&&r[l].p(e,s):(t&&(_(),f(r[a],1,1,(()=>{r[a]=null})),k()),~l?(t=r[l],t?t.p(e,s):(t=r[l]=c[l](e),t.c()),v(t,1),t.m(i,null)):t=null),(!o||128&s&&n!==(n=z(R(e[7]))+" svelte-hhbjqe"))&&$(i,"class",n)},i(e){o||(v(t),o=!0)},o(e){f(t),o=!1},d(e){e&&u(i),~l&&r[l].d()}}}function K(e){let i;const l=e[13].icon,t=A(l,e,e[12],V);return{c(){t&&t.c()},m(e,l){t&&t.m(e,l),i=!0},p(e,n){t&&t.p&&(!i||4096&n)&&B(t,l,e,e[12],i?F(l,e[12],n,T):E(e[12]),V)},i(e){i||(v(t,e),i=!0)},o(e){f(t,e),i=!1},d(e){t&&t.d(e)}}}function L(e){let i,l,t=`<${Q(e[6])} />`;return{c(){i=new N(!1),l=H(),i.a=l},m(e,n){i.m(t,e,n),a(e,l,n)},p(e,l){64&l&&t!==(t=`<${Q(e[6])} />`)&&i.p(t)},i:I,o:I,d(e){e&&u(l),e&&i.d()}}}function M(e){let i,l,t,g,x,w,y,$,z=(e[6]||e[11].icon)&&"left"===e[7]&&Z(e),C=(e[6]||e[11].icon)&&"right"===e[7]&&J(e),A=[{href:e[1]},{target:e[2]},{class:x=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],B={};for(let e=0;e<A.length;e+=1)B=n(B,A[e]);return{c(){i=s("a"),z&&z.c(),l=o(),t=c(e[0]),g=o(),C&&C.c(),r(i,B),h(i,"svelte-hhbjqe",!0)},m(n,s){a(n,i,s),z&&z.m(i,null),m(i,l),m(i,t),m(i,g),C&&C.m(i,null),w=!0,y||($=[b(e[10].call(null,i)),d(i,"click",e[14])],y=!0)},p(e,[n]){(e[6]||e[11].icon)&&"left"===e[7]?z?(z.p(e,n),2240&n&&v(z,1)):(z=Z(e),z.c(),v(z,1),z.m(i,l)):z&&(_(),f(z,1,1,(()=>{z=null})),k()),(!w||1&n)&&p(t,e[0],B.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?C?(C.p(e,n),2240&n&&v(C,1)):(C=J(e),C.c(),v(C,1),C.m(i,null)):C&&(_(),f(C,1,1,(()=>{C=null})),k()),r(i,B=j(A,[(!w||2&n)&&{href:e[1]},(!w||4&n)&&{target:e[2]},(!w||568&n&&x!==(x=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]))&&{class:x},256&n&&e[8]])),h(i,"svelte-hhbjqe",!0)},i(e){w||(v(z),v(C),w=!0)},o(e){f(z),f(C),w=!1},d(e){e&&u(i),z&&z.d(),C&&C.d(),y=!1,q($)}}}function Q(e){return`${e} size="1rem"`}function R(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function S(e,i){const l=["mc-link"];return e&&l.push(`mc-link--${e}`),i&&l.push(`mc-link--${i}`),l.join(" ")}function U(e,i,l){let t,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let c=g(i,o),{$$slots:r={},$$scope:h}=i;const a=x(r);let{label:m}=i,{href:b}=i,{target:d}=i,{theme:v}=i,{disabled:f=!1}=i,{size:k="m"}=i,{iconname:p}=i,{iconposition:j}=i;const u=O(w());return e.$$set=e=>{l(16,i=n(n({},i),y(e))),l(15,c=g(i,o)),"label"in e&&l(0,m=e.label),"href"in e&&l(1,b=e.href),"target"in e&&l(2,d=e.target),"theme"in e&&l(3,v=e.theme),"disabled"in e&&l(4,f=e.disabled),"size"in e&&l(5,k=e.size),"iconname"in e&&l(6,p=e.iconname),"iconposition"in e&&l(7,j=e.iconposition),"$$scope"in e&&l(12,h=e.$$scope)},e.$$.update=()=>{l(9,t=i.class),l(8,s=Object.assign({},c)),256&e.$$.dirty&&delete s.class},i=y(i),[m,b,d,v,f,k,p,j,s,t,u,a,h,r,function(i){C.call(this,e,i)}]}class X extends e{constructor(e){super(),i(this,e,U,M,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},P)}}export{X as default};
-//# sourceMappingURL=Link.nested.js.map

package/dist/bricoman/components/link/Link.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.nested.js","sources":["../../../../src/components/link/Link.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if (iconname || $$slots.icon) && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {#if iconname}\n        {@html `<${generateIconName(iconname)} />`}\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if (iconname || $$slots.icon) && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {#if iconname}\n        {@html `<${generateIconName(iconname)} />`}\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["ctx","icon","attr","span","span_class_value","null_to_empty","generateIconClass","insert","target","anchor","current","dirty","raw_value","generateIconName","html_tag","p","if_block0","create_if_block_3","if_block1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"u6IA6DWA,EAAQ,GAAA,EAEHA,MAAQC,KAAI,iEAHXC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,0BAA3CO,EAMMC,EAAAL,EAAAM,+LANOC,GAAA,IAAAC,GAAAP,KAAAA,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,oWAE5BY,EAAA,IAAAC,EAAiBb,EAAQ,gFAAzB,GAAAW,GAAAC,KAAAA,EAAA,IAAAC,EAAiBb,EAAQ,WAAAc,EAAAC,EAAAH,0GAWjCZ,EAAQ,GAAA,EAEHA,MAAQC,KAAI,iEAHXC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,0BAA3CO,EAMMC,EAAAL,EAAAM,+LANOC,GAAA,IAAAC,GAAAP,KAAAA,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,oWAE5BY,EAAA,IAAAC,EAAiBb,EAAQ,gFAAzB,GAAAW,GAAAC,KAAAA,EAAA,IAAAC,EAAiBb,EAAQ,WAAAc,EAAAC,EAAAH,sEAfpCI,GAAAhB,MAAYA,EAAO,IAACC,OAA0B,SAAjBD,MAAuBiB,EAAAjB,GAYpDkB,GAAAlB,MAAYA,EAAO,IAACC,OAA0B,UAAjBD,MAAwBmB,EAAAnB,yCAfnDoB,EAAWpB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAYbA,EAAK,0DAlBRO,EA6BGC,EAAAa,EAAAZ,6HArBKT,MAAYA,EAAO,IAACC,OAA0B,SAAjBD,oHAUlCA,EAAK,GAAAsB,EAAA,kBAEAtB,MAAYA,EAAO,IAACC,OAA0B,UAAjBD,sLAf3BoB,EAAWpB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,MAAA,CAAAuB,MAAAC,UACvExB,EAAU,yHApCL,SAAAa,EAAiBY,YACdA,gBAGH,SAAAnB,EAAkBoB,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,oLAzCXG,GAAaC,QACbC,GAAYD,UACZzB,GAAcyB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,0WAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/dist/bricoman/components/link/Link.nested.svelte

@@ -1,86 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import { get_current_component } from 'svelte/internal';
-  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';
-  import { createEventForwarder } from '../../utilities/EventForward';
-  export let label: string;
-  export let href: string;
-  export let target: string;
-  export let theme: LinkTheme = undefined;
-  export let disabled = false;
-  export let size: LinkSize = 'm';
-  export let iconname: string | undefined = undefined;
-  export let iconposition: LinkIconPosition | undefined = undefined;
-
-  const forwardEvents = createEventForwarder(get_current_component());
-
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function generateIconName(iconName: string): string {
-    return `${iconName} size="1rem"`;
-  }
-
-  function generateIconClass(iconposition: string): string {
-    const classes = ['mc-link__icon'];
-
-    if (iconposition === 'left') {
-      classes.push('mc-link__icon--left');
-    }
-
-    if (iconposition === 'right') {
-      classes.push('mc-link__icon--right');
-    }
-    return classes.join(' ');
-  }
-
-  function setClasses(theme: LinkTheme, size: LinkSize): string {
-    const classes = ['mc-link'];
-
-    if (theme) {
-      classes.push(`mc-link--${theme}`);
-    }
-    if (size) {
-      classes.push(`mc-link--${size}`);
-    }
-    return classes.join(' ');
-  }
-</script>
-
-<a
-  use:forwardEvents
-  on:click
-  {href}
-  {target}
-  class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
-  {...attributes}
->
-  {#if (iconname || $$slots.icon) && iconposition === 'left'}
-    <span class={generateIconClass(iconposition)}>
-      {#if iconname}
-        {@html `<${generateIconName(iconname)} />`}
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {/if}
-    </span>
-  {/if}
-
-  {label}
-
-  {#if (iconname || $$slots.icon) && iconposition === 'right'}
-    <span class={generateIconClass(iconposition)}>
-      {#if iconname}
-        {@html `<${generateIconName(iconname)} />`}
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {/if}
-    </span>
-  {/if}
-</a>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.links';
-</style>

package/dist/bricoman/components/link/Link.svelte

@@ -1,86 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import { get_current_component } from 'svelte/internal';
-  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';
-  import { createEventForwarder } from '../../utilities/EventForward';
-  export let label: string;
-  export let href: string;
-  export let target: string;
-  export let theme: LinkTheme = undefined;
-  export let disabled = false;
-  export let size: LinkSize = 'm';
-  export let iconname: string | undefined = undefined;
-  export let iconposition: LinkIconPosition | undefined = undefined;
-
-  const forwardEvents = createEventForwarder(get_current_component());
-
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function generateIconName(iconName: string): string {
-    return `${iconName} size="1rem"`;
-  }
-
-  function generateIconClass(iconposition: string): string {
-    const classes = ['mc-link__icon'];
-
-    if (iconposition === 'left') {
-      classes.push('mc-link__icon--left');
-    }
-
-    if (iconposition === 'right') {
-      classes.push('mc-link__icon--right');
-    }
-    return classes.join(' ');
-  }
-
-  function setClasses(theme: LinkTheme, size: LinkSize): string {
-    const classes = ['mc-link'];
-
-    if (theme) {
-      classes.push(`mc-link--${theme}`);
-    }
-    if (size) {
-      classes.push(`mc-link--${size}`);
-    }
-    return classes.join(' ');
-  }
-</script>
-
-<a
-  use:forwardEvents
-  on:click
-  {href}
-  {target}
-  class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
-  {...attributes}
->
-  {#if (iconname || $$slots.icon) && iconposition === 'left'}
-    <span class={generateIconClass(iconposition)}>
-      {#if iconname}
-        {@html `<${generateIconName(iconname)} />`}
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {/if}
-    </span>
-  {/if}
-
-  {label}
-
-  {#if (iconname || $$slots.icon) && iconposition === 'right'}
-    <span class={generateIconClass(iconposition)}>
-      {#if iconname}
-        {@html `<${generateIconName(iconname)} />`}
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {/if}
-    </span>
-  {/if}
-</a>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.links';
-</style>

package/dist/bricoman/components/link/link.types.d.ts

@@ -1,4 +0,0 @@
-export type LinkSize = 's' | 'm';
-export type LinkTheme = 'danger' | 'neutral' | 'light' | undefined;
-export type LinkIconPosition = 'left' | 'right';
-//# sourceMappingURL=link.types.d.ts.map

package/dist/bricoman/components/link/link.types.d.ts.map

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

package/dist/bricoman/components/listbox/Listbox.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,M as n,t as m,m as b,o as d,q as h,r as x,c as p,u,V as _,a0 as g,v as f,k as v,y as w,j as k,N as y,l as $,R as E,d as C,a1 as z,x as M,P as B}from"../../index-c222d0b7.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function H(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function L(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=f(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),v(t,i),v(i,l)},p(e,t){8&t&&w(l,e[3])},d(e){e&&b(t)}}}function A(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=R(H(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=H(e,s,o);c[o]?c[o].p(l,i):(c[o]=R(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function O(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function N(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function R(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?O:N}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=f(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),v(t,i),v(t,l),v(l,s),v(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&w(s,n)},d(e){e&&b(t),h.d()}}}function Y(e){let t;function i(e,t){return e[2]?L:A}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:f="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,f=e.datatextexpr),"datavalueexpr"in e&&i(5,v=e.datavalueexpr),"maxwidth"in e&&i(6,w=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,f,v,w,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=g(z[0],this.__value,this.checked),i(0,r)}]}class q extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#002a5b}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input: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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23002a5b' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23002a5b' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.5rem;line-height:1.3333333333;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,Y,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
-//# sourceMappingURL=Listbox.js.map

package/dist/bricoman/components/listbox/Listbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.js","sources":["../../../../src/components/listbox/Listbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ListboxItems } from './listbox.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 value: any;\n  export let multiple: boolean;\n  export let isfiltered: boolean;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let maxwidth: string;\n  export let overlay: boolean;\n  export let width: string;\n  export let type = 'options';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setItemId(index: number) {\n    return `listboxItem-${index + uuid}`;\n  }\n\n  function scrollEnd(node: HTMLElement) {\n    node.addEventListener('scroll', () => {\n      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n        eventHandler.dispatch('scrollend', {});\n      }\n    });\n  }\n</script>\n\n<div\n  class=\"mc-listbox\"\n  class:mc-listbox--options={type === 'options'}\n  class:mc-listbox--multi={multiple}\n  class:mc-listbox--overlay={overlay}\n  style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width};\"\n>\n  {#if !isfiltered}\n    <ul\n      role=\"listbox\"\n      class=\"mc-listbox__list\"\n      aria-labelledby=\"listbox\"\n      use:scrollEnd\n      {...attributes}\n    >\n      {#each parsedItems as item, index}\n        <li class=\"mc-listbox__tile\">\n          {#if !multiple}\n            <input\n              id={setItemId(index)}\n              class=\"mc-listbox__input\"\n              type=\"radio\"\n              value={item[datavalueexpr]}\n              name={`listboxradio-${uuid}`}\n              bind:group={value}\n              on:change\n            />\n          {:else}\n            <input\n              id={setItemId(index)}\n              class=\"mc-listbox__input mc-checkbox__input\"\n              type=\"checkbox\"\n              value={item[datavalueexpr]}\n              checked={value.includes(item[datavalueexpr])}\n              bind:group={value}\n              on:change\n            />\n          {/if}\n\n          <label for={setItemId(index)} class=\"mc-listbox__label\">\n            {item[datatextexpr]}\n          </label>\n        </li>\n      {/each}\n    </ul>\n  {:else}\n    <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n      <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\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.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","length","i","ul","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","li","set_data","t1","create_if_block","toggle_class","items","$$props","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"gaA4FuCA,EAAgB,qGADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,2BAAvBN,EAAgB,8CAhC1CA,EAAW,yBAAhBO,OAAIC,GAAA,oGAFFR,EAAU,2HALhBC,EAoCIC,EAAAO,EAAAL,sHA7BKJ,EAAW,YAAhBO,OAAIC,GAAA,EAAA,iHAAJD,oGAFEP,EAAU,iHAgBFU,EAAAC,EAAA,KAAAX,MAAUA,EAAK,iFAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,sBAChBW,EAAAG,QAAAC,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,uEAFV,KAAAM,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,2CAChB,KAAAkB,GAAAH,KAAAA,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,+CAC9BA,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAX,MAAUA,EAAK,2DAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAFV,KAAAkB,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,+EAEbA,EAAK,gEAgBlBmB,EAAAnB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAoB,+EAsBFV,EAAAW,EAAA,MAAArB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAoB,EAAAlB,sBAHFC,EAEOiB,EAAAD,sFADJ,KAAAH,GAAAC,KAAAA,EAAAnB,MAAKA,EAAY,IAAA,KAAAuB,EAAAC,EAAAL,oEAjCtBnB,EAAU,KAAAyB,4GAFYzB,EAAQ,0BAAqBA,EAAK,IAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,8BACFA,EAAQ,8BACNA,EAAO,YAJpCC,EAkDKC,EAAAC,EAAAC,wHA7CyBJ,EAAQ,iCAAqBA,EAAK,WAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,mCACFA,EAAQ,qCACNA,EAAO,wNAvCvB2B,GAAaC,SACbC,GAAUD,YACVE,GAAiBF,cACjBG,GAAmBH,GACnBI,iBAAAA,EAAmB,oBAAkBJ,GACrCK,aAAAA,EAAe,SAAOL,GACtBM,cAAAA,EAAgB,SAAON,YACvBO,GAAgBP,WAChBQ,GAAgBR,SAChBS,GAAaT,GACbU,KAAAA,EAAO,WAASV,QAErBW,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,2eAGDC,EAAA,GAAEC,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,SACvCuB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,kCAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA8BfhC,EAAKiC,KAAAlD,6BAULiB,EAAKkC,EAAAC,EAAA,GAAAF,KAAAlD,QAAAkD,KAAAhD"}