@mozaic-ds/web-components 0.12.0 → 0.14.0-beta.0

package/public/adeo/components/carousel/Carousel.svelte

@@ -0,0 +1,414 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type {
+    CarouselDevice,
+    CarouselItem,
+    CarouselOptions,
+    CarouselTitleTag,
+  } from './carousel.types';
+  import Link from '../link/Link.nested.svelte';
+  import CarouselCard from './CarouselCard.nested.svelte';
+  import Button from '../button/Button.nested.svelte';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { onMount } from 'svelte';
+
+  export let title: string;
+  export let titletag: CarouselTitleTag = 'h1';
+  export let subtitlelink: string;
+  export let mobile = false;
+  export let options: string;
+  export let items: string;
+
+  const mediaQueryS: MediaQueryList = window.matchMedia('(max-width: 679px)');
+  const mediaQueryM: MediaQueryList = window.matchMedia(
+    '(min-width: 680px) and (max-width: 1279px)',
+  );
+  const mediaQueryXL: MediaQueryList = window.matchMedia('(min-width: 1280px)');
+
+  // default options for all 3 screen sizes (s = <m ; m = >=m to <xl ; xl  = >=xl)
+  const defaultCarouselOptions: CarouselOptions = {
+    s: {
+      itemsVisible: 1,
+      hasHalfItemVisible: true,
+    },
+    m: {
+      itemsVisible: 3,
+      hasHalfItemVisible: false,
+    },
+    xl: {
+      itemsVisible: 5,
+      hasHalfItemVisible: false,
+    },
+  };
+
+  // size using to separate item. Useful for gap in css and for move the scroll.
+  let betweenItemsPixelSize = 16;
+
+  // needed padding to display the outlined focus border on carousel items
+  let accessibilityFocusPadding = 4;
+
+  let eventHandler = new EventHandler();
+
+  let currentDevice: CarouselDevice = initCurrentDevice(
+    mediaQueryM,
+    mediaQueryXL,
+  );
+
+  let carouselContainer: HTMLDivElement;
+  let carouselScrollbarLeft = 0;
+
+  let isScrollBeginning = true;
+  let isScrollEnd = false;
+
+  $: carouselItems = items ? (JSON.parse(items) as CarouselItem[]) : [];
+  $: carouselOptions = options
+    ? Object.assign(
+        {},
+        defaultCarouselOptions,
+        JSON.parse(options) as CarouselOptions,
+      )
+    : defaultCarouselOptions;
+  $: carouselItemsSize = carouselItems?.length;
+
+  $: carouselCurrentItemsVisible = carouselOptions[currentDevice].itemsVisible;
+  $: carouselCurrentHasHalfItemVisible =
+    carouselOptions[currentDevice].hasHalfItemVisible || false;
+  $: carouselCurrentItemsSize =
+    carouselItemsSize < carouselCurrentItemsVisible
+      ? carouselCurrentItemsVisible
+      : carouselItemsSize;
+
+  $: carouselCurrentItemsVisibleAndHalf = carouselCurrentHasHalfItemVisible
+    ? carouselCurrentItemsVisible + 0.5
+    : carouselCurrentItemsVisible;
+
+  $: carouselItemWidthSpace = getCarouselItemsWidthSpace(
+    carouselCurrentItemsVisible,
+    carouselCurrentHasHalfItemVisible,
+  );
+  $: carouselContainerWidthSpace = getCarouselContainerWidthSpace(
+    carouselCurrentItemsSize,
+  );
+
+  /* returns the total size of the spacing between items for the big container */
+  function getCarouselContainerWidthSpace(totalItems: number) {
+    return (totalItems - 1) * betweenItemsPixelSize;
+  }
+
+  /* returns the total size of the spacing between items for the screen size */
+  function getCarouselItemsWidthSpace(
+    itemsVisible: number,
+    itemsAndHalfVisible: boolean,
+  ) {
+    if (itemsAndHalfVisible) {
+      return itemsVisible * betweenItemsPixelSize;
+    }
+    return (itemsVisible - 1) * betweenItemsPixelSize;
+  }
+
+  /* move the scroll to change the displaying items.
+     1 to move right, -1 to move left
+     */
+  function moveScroll(signe: 1 | -1) {
+    /* returns the size in pixel of an item according to screen size and the number of items visible. */
+    function getCarouselItemWidth() {
+      const carouselItemsWidthSpace = getCarouselItemsWidthSpace(
+        carouselCurrentItemsVisible,
+        carouselCurrentHasHalfItemVisible,
+      );
+      if (carouselCurrentHasHalfItemVisible) {
+        return (
+          (carouselContainer.clientWidth - carouselItemsWidthSpace) /
+          carouselCurrentItemsVisibleAndHalf
+        );
+      } else {
+        return (
+          (carouselContainer.clientWidth - carouselItemsWidthSpace) /
+          carouselCurrentItemsVisible
+        );
+      }
+    }
+
+    /* returns the new left position of the scrollbar
+     *  in the case of visible half items, the calculation depends if the carousel is at the beginnind, at the end or in the middle.
+     *
+     */
+    function getLeft() {
+      if (!carouselCurrentHasHalfItemVisible) {
+        return (
+          carouselContainer.scrollLeft +
+          signe *
+            (carouselContainer.clientWidth +
+              betweenItemsPixelSize -
+              accessibilityFocusPadding * 2)
+        );
+      }
+      const itemWidth = getCarouselItemWidth();
+      if (isScrollBeginning) {
+        return (
+          carouselContainer.scrollLeft +
+          (signe *
+            (carouselContainer.clientWidth -
+              (3 / 4) * itemWidth -
+              betweenItemsPixelSize) +
+            accessibilityFocusPadding)
+        );
+      }
+      if (isScrollEnd) {
+        return (
+          carouselContainer.scrollLeft +
+          signe *
+            (carouselContainer.clientWidth -
+              (3 / 4) * itemWidth -
+              betweenItemsPixelSize)
+        );
+      }
+      return (
+        carouselContainer.scrollLeft +
+        signe *
+          (carouselContainer.clientWidth -
+            itemWidth / 2 -
+            betweenItemsPixelSize +
+            accessibilityFocusPadding * 2)
+      );
+    }
+
+    carouselContainer.scrollTo({ behavior: 'smooth', left: getLeft() });
+  }
+
+  function nextCards() {
+    moveScroll(1);
+  }
+
+  function previousCards() {
+    moveScroll(-1);
+  }
+
+  function handleScrollCarousel() {
+    isScrollBeginning = carouselContainer?.scrollLeft <= 0;
+    isScrollEnd =
+      carouselContainer?.scrollWidth - carouselContainer?.scrollLeft <=
+      carouselContainer.offsetWidth;
+  }
+
+  function handleClickCard(item: CarouselItem, event: MouseEvent): MouseEvent {
+    eventHandler.dispatch('carousel-item-clicked', item);
+    return event;
+  }
+  function handleClickLink(event: MouseEvent): MouseEvent {
+    eventHandler.dispatch('carousel-link-clicked', {});
+    return event;
+  }
+
+  // returns device according to screen size
+  function initCurrentDevice(
+    mediaQueryM: MediaQueryList,
+    mediaQueryXL: MediaQueryList,
+  ) {
+    if (mediaQueryXL.matches) {
+      return 'xl';
+    }
+    if (mediaQueryM.matches) {
+      return 'm';
+    }
+    return 's';
+  }
+
+  function handleMediaQueryChange(
+    event: MediaQueryListEvent,
+    matchingDevice: CarouselDevice,
+  ): MediaQueryListEvent {
+    if (event.matches) {
+      currentDevice = matchingDevice;
+    }
+    return event;
+  }
+
+  onMount(() => {
+    mediaQueryS.onchange = (e) => {
+      handleMediaQueryChange(e, 's');
+    };
+    mediaQueryM.onchange = (e) => {
+      handleMediaQueryChange(e, 'm');
+    };
+    mediaQueryXL.onchange = (e) => {
+      handleMediaQueryChange(e, 'xl');
+    };
+  });
+</script>
+
+<div class="mc-carousel">
+  <div class="mc-carousel__header">
+    <div class="mc-carousel__titles">
+      {@html `<${titletag} style="margin:0">${title}</${titletag}>`}
+      <div class="mc-carousel__subtitle">
+        <Link
+          href="#layer"
+          iconname="navigation-arrow-arrow--right-24px"
+          iconposition="right"
+          label={subtitlelink}
+          on:click={handleClickLink}
+          size="s"
+          target="_self"
+        />
+      </div>
+    </div>
+    <nav
+      aria-label="pagination"
+      class="mc-carousel__nav {mobile
+        ? 'mc-carousel__nav--mobile'
+        : 'mc-carousel__nav--desktop'}"
+    >
+      <Button
+        theme="neutral"
+        size="s"
+        bordered={true}
+        iconmode="only"
+        iconname="navigation-arrow-arrow--left-32px"
+        aria-label="Previous page"
+        disabled={isScrollBeginning}
+        on:click={previousCards}
+        label="Previous"
+        loader=""
+      />
+      <Button
+        theme="neutral"
+        size="s"
+        type="button"
+        bordered={true}
+        disabled={isScrollEnd}
+        iconmode="only"
+        iconname="navigation-arrow-arrow--right-32px"
+        aria-label="Next Page"
+        on:click={nextCards}
+        label="Next"
+        loader=""
+      />
+    </nav>
+  </div>
+  <div
+    class="mc-carousel__body"
+    bind:this={carouselContainer}
+    on:scroll={handleScrollCarousel}
+    style="--carousel__accessibility-focus-padding: {accessibilityFocusPadding}px;"
+  >
+    <div
+      class="mc-carousel__content"
+      style="
+             --carousel__container-width-space: {carouselContainerWidthSpace}px;
+             --carousel__items-count: {carouselCurrentItemsSize};
+             --carousel__item-width-space: {carouselItemWidthSpace}px;
+             --carousel__items-visible: {carouselCurrentItemsVisibleAndHalf};
+             --carousel__scrollbar-left: {carouselScrollbarLeft};
+             --carousel__container-separate-item-size: {betweenItemsPixelSize}px;"
+    >
+      {#each carouselItems as item}
+        <button
+          class="mc-carousel__item"
+          on:click={(event) => handleClickCard(item, event)}
+        >
+          <CarouselCard
+            title={item.title}
+            imgSrc={item.imgSrc}
+            imgAlt={item.imgAlt}
+          />
+        </button>
+      {/each}
+    </div>
+  </div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.button';
+  @import '@mozaic-ds/styles/components/c.links';
+  @import '@mozaic-ds/styles/components/c.pagination';
+
+  .mc-carousel {
+    display: flex;
+    flex-direction: column;
+    gap: $mu100;
+
+    &__header {
+      /* Auto layout */
+
+      display: flex;
+      align-items: flex-end;
+      justify-content: space-between;
+    }
+    &__titles {
+      display: flex;
+      flex-direction: column;
+      gap: $mu025;
+    }
+    &__nav {
+      gap: $mu050;
+      &--mobile {
+        display: none;
+      }
+      &--desktop {
+        display: flex;
+      }
+    }
+
+    &__body {
+      position: relative;
+      overflow-x: auto;
+      overflow-y: hidden;
+      padding: var(--carousel__accessibility-focus-padding);
+    }
+
+    &__content {
+      display: flex;
+      flex-wrap: nowrap;
+      column-gap: var(--carousel__container-separate-item-size);
+      // the total size of the big container for all items: taille d'un item * le nbre d'items + espace entre chaque item
+      width: calc(
+        (
+            (100% - var(--carousel__item-width-space)) /
+              var(--carousel__items-visible)
+          ) * var(--carousel__items-count) +
+          var(--carousel__container-width-space)
+      );
+      margin-bottom: $mu125;
+    }
+
+    &__item {
+      display: flex;
+      background: none;
+      border: none;
+      margin: 0;
+      padding: 0;
+      cursor: pointer;
+      // taille d'un item: (100% - les espaces entre chaque item isible) / le nombre d'items visible
+      width: calc(
+        (100% - var(--carousel__item-width-space)) /
+          var(--carousel__items-visible)
+      );
+      @include set-focus-floating-base();
+
+      &:focus {
+        @include set-focus-floating();
+      }
+    }
+
+    &-footer {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+
+  ::-webkit-scrollbar {
+    border-radius: $mu025;
+    height: 6px;
+    background: $color-grey-100;
+    border-top: 1px solid white;
+    border-bottom: 1px solid white;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: $color-grey-800;
+    border-radius: 6px;
+  }
+</style>

package/public/adeo/components/carousel/CarouselCard.nested.js

@@ -0,0 +1,2 @@
+import{E as e,i as t,s,F as l,c as a,e as i,d as r,t as c,g as o,$ as d,h as m,v as g,b as n,j as v,k as y,m as j,n as q,o as f,p as b,q as x}from"../../index-52f16292.js";function p(e){l(e,"svelte-1yq09gj",'.mc-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;max-width:17.75rem}.mc-card.svelte-1yq09gj.svelte-1yq09gj,.mc-card.svelte-1yq09gj .svelte-1yq09gj{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18.25rem}}@media screen and (min-width: 1024px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:18rem}}@media screen and (min-width: 1280px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:17.5rem}}@media screen and (min-width: 1920px){.mc-card.svelte-1yq09gj.svelte-1yq09gj{max-width:27.25rem}}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj{margin:0;overflow:hidden;position:relative}.mc-card__visual.svelte-1yq09gj.svelte-1yq09gj::before{content:"";display:block;width:100%;padding-top:75%}.mc-card__visual--1x1.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:100%}.mc-card__visual--16x9.svelte-1yq09gj.svelte-1yq09gj::before{padding-top:56.25%}.mc-card__img.svelte-1yq09gj.svelte-1yq09gj{height:auto;left:0;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-card__content.svelte-1yq09gj.svelte-1yq09gj{padding-top:1rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj,.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{margin-top:0;margin-bottom:0.5rem}.mc-card__title.svelte-1yq09gj.svelte-1yq09gj{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000}.mc-card__subtitle.svelte-1yq09gj.svelte-1yq09gj{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj{font-size:1rem;line-height:1.375;color:#191919}.mc-card__body.svelte-1yq09gj.svelte-1yq09gj:not(:last-child){margin-bottom:1rem}.mc-card--bordered.svelte-1yq09gj.svelte-1yq09gj{background:#ffffff;border:2px solid #808080;border-radius:0.25rem;overflow:hidden}.mc-card--fluid.svelte-1yq09gj.svelte-1yq09gj{max-width:none}.mc-carousel-card.svelte-1yq09gj.svelte-1yq09gj{font-family:"Roboto", sans-serif;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0.5rem;gap:0.25rem;border:1px solid #666666;border-radius:0.25rem}.mc-carousel-card.svelte-1yq09gj .mc-carousel-card__image.svelte-1yq09gj{width:100%}')}function u(e){let t,s,l,b,x,p,u,h=[e[3],{class:"mc-carousel-card"}],_={};for(let e=0;e<h.length;e+=1)_=a(_,h[e]);return{c(){t=i("div"),s=i("picture"),l=i("img"),x=r(),p=i("div"),u=c(e[0]),o(l,"class","mc-carousel-card__image svelte-1yq09gj"),d(l.src,b=e[1])||o(l,"src",b),o(l,"alt",e[2]),o(s,"class","svelte-1yq09gj"),o(p,"class","mc-carousel-card__title svelte-1yq09gj"),m(t,_),g(t,"svelte-1yq09gj",!0)},m(e,a){n(e,t,a),v(t,s),v(s,l),v(t,x),v(t,p),v(p,u)},p(e,[s]){2&s&&!d(l.src,b=e[1])&&o(l,"src",b),4&s&&o(l,"alt",e[2]),1&s&&y(u,e[0]),m(t,_=j(h,[8&s&&e[3],{class:"mc-carousel-card"}])),g(t,"svelte-1yq09gj",!0)},i:q,o:q,d(e){e&&f(t)}}}function h(e,t,s){let l;const i=["title","imgSrc","imgAlt"];let r=b(t,i),{title:c}=t,{imgSrc:o}=t,{imgAlt:d}=t;return e.$$set=e=>{t=a(a({},t),x(e)),s(4,r=b(t,i)),"title"in e&&s(0,c=e.title),"imgSrc"in e&&s(1,o=e.imgSrc),"imgAlt"in e&&s(2,d=e.imgAlt)},e.$$.update=()=>{s(3,l=Object.assign({},r))},[c,o,d,l]}class _ extends e{constructor(e){super(),t(this,e,h,u,s,{title:0,imgSrc:1,imgAlt:2},p)}}export{_ as default};
+//# sourceMappingURL=CarouselCard.nested.js.map

package/public/adeo/components/carousel/CarouselCard.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselCard.nested.js","sources":["../../../../src/components/carousel/CarouselCard.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let title: string;\n  export let imgSrc: string;\n  export let imgAlt: string;\n  $: attributes = { ...$$restProps };\n</script>\n\n<div {...attributes} class=\"mc-carousel-card\">\n  <picture>\n    <img class=\"mc-carousel-card__image\" src={imgSrc} alt={imgAlt} />\n  </picture>\n  <div class=\"mc-carousel-card__title\">{title}</div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.card';\n\n  .mc-carousel-card {\n    $parent: get-parent-selector(&);\n    @include set-font-face();\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: $mu050;\n    gap: $mu025;\n    border: 1px solid $color-grey-600;\n    border-radius: $mu025;\n\n    #{$parent}__image {\n      width: 100%;\n    }\n  }\n</style>\n"],"names":["ctx","class","attr","img","img_src_value","insert","target","div1","anchor","append","picture","div0","title","$$props","imgSrc","imgAlt","attributes","Object","assign","$$restProps"],"mappings":"ynFASSA,EAAU,GAAA,CAAAC,MAAA,uIAIqBD,EAAK,oEAFCA,EAAM,KAAAE,EAAAC,EAAA,MAAAC,aAAOJ,EAAM,gIAFjEK,EAKKC,EAAAC,EAAAC,GAJHC,EAESF,EAAAG,GADPD,EAAgEC,EAAAP,UAElEM,EAAiDF,EAAAI,oCAFLX,EAAM,iCAAOA,EAAM,aAEzBA,EAAK,oBAJpCA,EAAU,kKANNY,GAAaC,UACbC,GAAcD,UACdE,GAAcF,mKACtBG,EAALC,OAAAC,UAAuBC,GAAW"}

package/public/adeo/components/carousel/carousel.types.d.ts

@@ -0,0 +1,19 @@
+export type CarouselTitleTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type CarouselDevice = 's' | 'm' | 'xl';
+export type CarouselOptions = {
+    s: ItemOptions;
+    m: ItemOptions;
+    xl: ItemOptions;
+};
+type ItemOptions = {
+    itemsVisible: number;
+    hasHalfItemVisible?: boolean;
+};
+export type CarouselItem = {
+    id?: string;
+    title: string;
+    imgSrc: string;
+    imgAlt: string;
+};
+export {};
+//# sourceMappingURL=carousel.types.d.ts.map

package/public/adeo/components/carousel/carousel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvE,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC1B,CAAC,EAAE,WAAW,CAAC;IACf,CAAC,EAAE,WAAW,CAAC;IACf,EAAE,EAAE,WAAW,CAAC;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB,CAAA"}

package/public/adeo/components/carouselcard/CarouselCard.nested.svelte

@@ -0,0 +1,37 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  export let title: string;
+  export let imgSrc: string;
+  export let imgAlt: string;
+  $: attributes = { ...$$restProps };
+</script>
+
+<div {...attributes} class="mc-carousel-card">
+  <picture>
+    <img class="mc-carousel-card__image" src={imgSrc} alt={imgAlt} />
+  </picture>
+  <div class="mc-carousel-card__title">{title}</div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.card';
+
+  .mc-carousel-card {
+    $parent: get-parent-selector(&);
+    @include set-font-face();
+
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: $mu050;
+    gap: $mu025;
+    border: 1px solid $color-grey-600;
+    border-radius: $mu025;
+
+    #{$parent}__image {
+      width: 100%;
+    }
+  }
+</style>

package/public/adeo/components/chart/BarChart.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,T as c,n as l,y as u,g as m,o as d,J as h,a1 as g,t as f,j as p,k as $,K as b,v as x,Z as k}from"../../index-c33b3772.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}function C(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function O(t){let e,r,a,o,g,f,p=t[2].show&&E(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=C(j(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=E(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=j(t,$,e);b[e]?b[e].p(s,r):(b[e]=C(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),p&&p.d(s),s&&d(a),s&&d(o),h(b,s),s&&d(g),s&&d(f)}}}function J(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function R(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,b,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:C}=e,O=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(b).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(J(C).left/2+J(C).right/2)]).padding(.2),r=S().domain([d,m]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function I(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,s)=>{k.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,R={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function D(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function H(){var t;if($){const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(H).observe(b),r(17,O=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,C=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&O&&($?c!==$&&(!function(){var t;const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").remove(),I(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(b).append("svg").attr("width",t).attr("height",Number(a)+Number(J(C).top)+Number(J(C).bottom)+Number(J(C).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${J(C).left/2+J(C).right/2},${J(C).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(J(C).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),I(e,o,s)}(),r(16,$=c)))},[u,b,R,o,k,p,c,l,m,d,h,f,j,E,C,i,$,O,function(t){x[t?"unshift":"push"]((()=>{b=t,r(1,b)}))}]}class z extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,O,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{z as default};
+import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,G as c,n as l,J as u,g as d,o as m,O as h,a1 as g,t as f,j as p,k as $,P as b,H as x,Z as k}from"../../index-52f16292.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-f4efd23c.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),d(e,"class","tooltip"),d(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&d(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function C(t){let e,r,a,o,g,f,p=t[2].show&&E(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=O(j(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),d(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=E(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=j(t,$,e);b[e]?b[e].p(s,r):(b[e]=O(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&m(e),t[18](null),s&&m(r),p&&p.d(s),s&&m(a),s&&m(o),h(b,s),s&&m(g),s&&m(f)}}}function J(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function R(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:d=50}=e,{scalemin:m=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,b,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:O}=e,C=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(b).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(J(O).left/2+J(O).right/2)]).padding(.2),r=S().domain([m,d]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function H(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,s)=>{k.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,R={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(m)))).delay(((t,e)=>100*e))}function I(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function D(){var t;if($){const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);I(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(D).observe(b),r(17,C=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,d=t.scalemax),"scalemin"in t&&r(9,m=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,O=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&C&&($?c!==$&&(!function(){var t;const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);I(r,s),k.selectAll(".bar").remove(),H(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(b).append("svg").attr("width",t).attr("height",Number(a)+Number(J(O).top)+Number(J(O).bottom)+Number(J(O).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${J(O).left/2+J(O).right/2},${J(O).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(J(O).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),H(e,o,s)}(),r(16,$=c)))},[u,b,R,o,k,p,c,l,d,m,h,f,j,E,O,i,$,C,function(t){x[t?"unshift":"push"]((()=>{b=t,r(1,b)}))}]}class z extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,C,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{z as default};
 //# sourceMappingURL=BarChart.js.map

package/public/adeo/components/chart/Donut.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,g,y as d,j as c,o as h,J as m,a1 as f,T as u,l as p,t as x,k as y,K as b,v as w,Z as k}from"../../index-c33b3772.js";import{s as $,a as v}from"../../transform-15d69d5d.js";import{E as _}from"../../EventHandler-02058705.js";import{c as A,a as z}from"../../array-5b770a93.js";import{w as T,p as j,c as R,s as E,h as M,e as O,t as S,a as N,m as C,b as D,d as F,f as I,g as J,i as P}from"../../path-1b5da959.js";function q(t){return t.innerRadius}function B(t){return t.outerRadius}function H(t){return t.startAngle}function K(t){return t.endAngle}function V(t){return t&&t.padAngle}function X(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/N(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*N(P(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,T=(-$*y+b*v)/w,j=_-p,R=A-x,E=z-p,M=T-x;return j*j+R*R>E*E+M*M&&(_=z,A=T),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function Y(){var t=q,e=B,n=A(0),i=null,r=H,a=K,l=V,o=null,s=T(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-M,f=a.apply(this,arguments)-M,u=D(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>O)if(u>S-O)o.moveTo(h*R(m),h*E(m)),o.arc(0,0,h,m,f,!p),c>O&&(o.moveTo(c*R(f),c*E(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>O&&(i?+i.apply(this,arguments):N(c*c+h*h)),T=C(D(h-c)/2,+n.apply(this,arguments)),P=T,q=T;if(z>O){var B=I(z/c*E(A)),H=I(z/h*E(A));(v-=2*B)>O?(k+=B*=p?1:-1,$-=B):(v=0,k=$=(m+f)/2),(_-=2*H)>O?(b+=H*=p?1:-1,w-=H):(_=0,b=w=(m+f)/2)}var K=h*R(b),V=h*E(b),Y=c*R($),Z=c*E($);if(T>O){var G,L=h*R(w),Q=h*E(w),U=c*R(k),W=c*E(k);if(u<j)if(G=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<O))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(K,V,U,W,L,Q,Y,Z)){var tt=K-G[0],et=V-G[1],nt=L-G[0],it=Q-G[1],rt=1/E(J((tt*nt+et*it)/(N(tt*tt+et*et)*N(nt*nt+it*it)))/2),at=N(G[0]*G[0]+G[1]*G[1]);P=C(T,(c-at)/(rt-1)),q=C(T,(h-at)/(rt+1))}else P=q=0}_>O?q>O?(x=X(U,W,K,V,h,q,p),y=X(L,Q,Y,Z,h,q,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),q<T?o.arc(x.cx,x.cy,q,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,q,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,h,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,q,F(y.y11,y.x11),F(y.y01,y.x01),!p))):(o.moveTo(K,V),o.arc(0,0,h,b,w,!p)):o.moveTo(K,V),c>O&&v>O?P>O?(x=X(Y,Z,L,Q,c,-P,p),y=X(K,V,U,W,c,-P,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),P<T?o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,c,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,P,F(y.y11,y.x11),F(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(Y,Z)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[R(i)*n,E(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:A(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:A(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:A(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:A(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function Z(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function G(t){return t}function L(t,e,n){const i=t.slice();return i[7]=e[n],i}function Q(t,e,n){const i=t.slice();return i[4]=e[n],i[33]=n,i}function U(t,e,n){const i=t.slice();return i[34]=e[n],i}function W(t){let e,n,r,a=t[34].split(t[1])[1]+"";return{c(){e=l("span"),n=x("("),r=x(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[34].split(t[1])[1]+"")&&y(r,a)},d(t){t&&h(e)}}}function tt(t){let e,n,r,a,s,d=t[34].split(t[1])[0]+"",m=t[34].split(t[1])[1],f=m&&W(t);return{c(){e=l("p"),n=x(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=at(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[34].split(t[1])[0]+"")&&y(n,d),67&i[0]&&(m=t[34].split(t[1])[1]),m?f?f.p(t,i):(f=W(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=at(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function et(t){let e,n,r,a,s,d,f,x,y,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=tt(U(t,b,e));function k(){return t[20](t[4])}return{c(){e=l("button"),n=u("svg"),r=u("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[33],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),x||(y=p(e,"click",k),x=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[33],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=U(t,b,e);w[e]?w[e].p(i,n):(w[e]=tt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),x=!1,y()}}}function nt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=x(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&y(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function it(t){let e,n,r=t[7]+"";return{c(){e=new k(!1),n=b(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function rt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=et(Q(t,p,e));let y=t[8].show&&nt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=it(L(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+lt(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[21](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Q(t,p,e);x[e]?x[e].p(r,i):(x[e]=et(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=nt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+lt(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=L(t,b,e);w[e]?w[e].p(n,i):(w[e]=it(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[21](null),n&&h(f),n&&h(u),m(w,n)}}}function at(t){return"legend__text"+(t?" legend__text--not-selected":"")}function lt(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function ot(t,e,n){let i,r,a,l,o,s,{data:g=""}=e,{svgs:d}=e,{colors:c}=e,{title:h}=e,{legendseparator:m=","}=e,{legendseparatorcount:u="("}=e,{dimension:p=250}=e,{padangle:x=.05}=e,{backgroundcolor:y="#fff"}=e,{delay:b=500}=e,{legendposition:k="right"}=e,T=!1,j=new _,R={left:"0px",top:"0px",text:"",show:!1};const E=p/2,M=Y().outerRadius(E-5).innerRadius(E-60).padAngle(x),O=function(){var t=G,e=Z,n=null,i=A(0),r=A(S),a=A(0);function l(l){var o,s,g,d,c,h=(l=z(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(S,Math.max(-S,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:A(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),N=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function C(t){s.selectAll("path").data(O(t)).transition().duration(b).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=v(this._current,t);return this._current=e(0),t=>M(e(t))||""})),s.selectAll("svg text").filter((function(){return/^[0-9]/.test($(this).text())})).text(String(N()))}function D(t){const e=s.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));C(e)}f((()=>n(19,T=!0)));return t.$$set=t=>{"data"in t&&n(4,g=t.data),"svgs"in t&&n(13,d=t.svgs),"colors"in t&&n(14,c=t.colors),"title"in t&&n(15,h=t.title),"legendseparator"in t&&n(0,m=t.legendseparator),"legendseparatorcount"in t&&n(1,u=t.legendseparatorcount),"dimension"in t&&n(16,p=t.dimension),"padangle"in t&&n(17,x=t.padangle),"backgroundcolor"in t&&n(2,y=t.backgroundcolor),"delay"in t&&n(18,b=t.delay),"legendposition"in t&&n(3,k=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=g?JSON.parse(g):[]),8192&t.$$.dirty[0]&&n(10,r=d?JSON.parse(d):[]),16384&t.$$.dirty[0]&&n(9,a=c?JSON.parse(c):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(l=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),59e4&t.$$.dirty[0]&&g.length>0&&T&&(s?s.selectAll("path").remove():n(7,s=$(o).append("svg").attr("width",p).attr("height",p).append("g").attr("transform","translate("+p/2+","+p/2+")")),(()=>{const t=s.selectAll("path").data(O(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${a[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));s.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(l)),s.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(h),t.transition().delay(((t,e)=>e*b)).duration(b).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=v(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),M(t)||"")})),t.on("mousemove",((t,e)=>{n(8,R={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=s.selectAll(".chart__arc").filter((function(t){return t===e})),i=s.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=s.selectAll(".chart__arc").filter((function(t){return t===e})),r=s.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,R.show=!1,R)})).on("click",((t,e)=>{j.dispatch("donut-clicked",e)})),setTimeout((()=>{C(i)}),b*i.length)})())},[m,u,y,k,g,o,i,s,R,a,r,D,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},d,c,h,p,x,b,T,t=>D(t.name),function(t){w[t?"unshift":"push"]((()=>{o=t,n(5,o)}))}]}class st extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},ot,rt,a,{data:4,svgs:13,colors:14,title:15,legendseparator:0,legendseparatorcount:1,dimension:16,padangle:17,backgroundcolor:2,delay:18,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get title(){return this.$$.ctx[15]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[16]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[17]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[18]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",st);export{st as default};
+import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,g,J as d,j as c,o as h,O as m,a1 as f,G as u,l as p,t as x,k as y,P as b,H as w,Z as k}from"../../index-52f16292.js";import{s as $,a as v}from"../../transform-15d69d5d.js";import{E as _}from"../../EventHandler-f4efd23c.js";import{c as A,a as z}from"../../array-5b770a93.js";import{w as T,p as j,c as R,s as E,h as O,e as M,t as S,a as N,m as C,b as D,d as F,f as I,g as J,i as P}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function q(t){return t.outerRadius}function B(t){return t.startAngle}function G(t){return t.endAngle}function V(t){return t&&t.padAngle}function X(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/N(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*N(P(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,T=(-$*y+b*v)/w,j=_-p,R=A-x,E=z-p,O=T-x;return j*j+R*R>E*E+O*O&&(_=z,A=T),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function Y(){var t=H,e=q,n=A(0),i=null,r=B,a=G,l=V,o=null,s=T(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-O,f=a.apply(this,arguments)-O,u=D(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>M)if(u>S-M)o.moveTo(h*R(m),h*E(m)),o.arc(0,0,h,m,f,!p),c>M&&(o.moveTo(c*R(f),c*E(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>M&&(i?+i.apply(this,arguments):N(c*c+h*h)),T=C(D(h-c)/2,+n.apply(this,arguments)),P=T,H=T;if(z>M){var q=I(z/c*E(A)),B=I(z/h*E(A));(v-=2*q)>M?(k+=q*=p?1:-1,$-=q):(v=0,k=$=(m+f)/2),(_-=2*B)>M?(b+=B*=p?1:-1,w-=B):(_=0,b=w=(m+f)/2)}var G=h*R(b),V=h*E(b),Y=c*R($),Z=c*E($);if(T>M){var K,L=h*R(w),Q=h*E(w),U=c*R(k),W=c*E(k);if(u<j)if(K=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<M))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(G,V,U,W,L,Q,Y,Z)){var tt=G-K[0],et=V-K[1],nt=L-K[0],it=Q-K[1],rt=1/E(J((tt*nt+et*it)/(N(tt*tt+et*et)*N(nt*nt+it*it)))/2),at=N(K[0]*K[0]+K[1]*K[1]);P=C(T,(c-at)/(rt-1)),H=C(T,(h-at)/(rt+1))}else P=H=0}_>M?H>M?(x=X(U,W,G,V,h,H,p),y=X(L,Q,Y,Z,h,H,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),H<T?o.arc(x.cx,x.cy,H,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,H,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,h,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,H,F(y.y11,y.x11),F(y.y01,y.x01),!p))):(o.moveTo(G,V),o.arc(0,0,h,b,w,!p)):o.moveTo(G,V),c>M&&v>M?P>M?(x=X(Y,Z,L,Q,c,-P,p),y=X(G,V,U,W,c,-P,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),P<T?o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,P,F(x.y01,x.x01),F(x.y11,x.x11),!p),o.arc(0,0,c,F(x.cy+x.y11,x.cx+x.x11),F(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,P,F(y.y11,y.x11),F(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(Y,Z)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[R(i)*n,E(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:A(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:A(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:A(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:A(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function Z(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function K(t){return t}function L(t,e,n){const i=t.slice();return i[7]=e[n],i}function Q(t,e,n){const i=t.slice();return i[4]=e[n],i[33]=n,i}function U(t,e,n){const i=t.slice();return i[34]=e[n],i}function W(t){let e,n,r,a=t[34].split(t[1])[1]+"";return{c(){e=l("span"),n=x("("),r=x(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[34].split(t[1])[1]+"")&&y(r,a)},d(t){t&&h(e)}}}function tt(t){let e,n,r,a,s,d=t[34].split(t[1])[0]+"",m=t[34].split(t[1])[1],f=m&&W(t);return{c(){e=l("p"),n=x(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=at(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[34].split(t[1])[0]+"")&&y(n,d),67&i[0]&&(m=t[34].split(t[1])[1]),m?f?f.p(t,i):(f=W(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=at(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function et(t){let e,n,r,a,s,d,f,x,y,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=tt(U(t,b,e));function k(){return t[20](t[4])}return{c(){e=l("button"),n=u("svg"),r=u("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[33],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),x||(y=p(e,"click",k),x=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[33],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=U(t,b,e);w[e]?w[e].p(i,n):(w[e]=tt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),x=!1,y()}}}function nt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=x(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&y(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function it(t){let e,n,r=t[7]+"";return{c(){e=new k(!1),n=b(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function rt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=et(Q(t,p,e));let y=t[8].show&&nt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=it(L(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+lt(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[21](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Q(t,p,e);x[e]?x[e].p(r,i):(x[e]=et(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=nt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+lt(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=L(t,b,e);w[e]?w[e].p(n,i):(w[e]=it(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[21](null),n&&h(f),n&&h(u),m(w,n)}}}function at(t){return"legend__text"+(t?" legend__text--not-selected":"")}function lt(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function ot(t,e,n){let i,r,a,l,o,s,{data:g=""}=e,{svgs:d}=e,{colors:c}=e,{title:h}=e,{legendseparator:m=","}=e,{legendseparatorcount:u="("}=e,{dimension:p=250}=e,{padangle:x=.05}=e,{backgroundcolor:y="#fff"}=e,{delay:b=500}=e,{legendposition:k="right"}=e,T=!1,j=new _,R={left:"0px",top:"0px",text:"",show:!1};const E=p/2,O=Y().outerRadius(E-5).innerRadius(E-60).padAngle(x),M=function(){var t=K,e=Z,n=null,i=A(0),r=A(S),a=A(0);function l(l){var o,s,g,d,c,h=(l=z(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(S,Math.max(-S,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:A(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:A(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:A(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:A(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),N=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function C(t){s.selectAll("path").data(M(t)).transition().duration(b).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=v(this._current,t);return this._current=e(0),t=>O(e(t))||""})),s.selectAll("svg text").filter((function(){return/^[0-9]/.test($(this).text())})).text(String(N()))}function D(t){const e=s.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));C(e)}f((()=>n(19,T=!0)));return t.$$set=t=>{"data"in t&&n(4,g=t.data),"svgs"in t&&n(13,d=t.svgs),"colors"in t&&n(14,c=t.colors),"title"in t&&n(15,h=t.title),"legendseparator"in t&&n(0,m=t.legendseparator),"legendseparatorcount"in t&&n(1,u=t.legendseparatorcount),"dimension"in t&&n(16,p=t.dimension),"padangle"in t&&n(17,x=t.padangle),"backgroundcolor"in t&&n(2,y=t.backgroundcolor),"delay"in t&&n(18,b=t.delay),"legendposition"in t&&n(3,k=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=g?JSON.parse(g):[]),8192&t.$$.dirty[0]&&n(10,r=d?JSON.parse(d):[]),16384&t.$$.dirty[0]&&n(9,a=c?JSON.parse(c):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(l=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),59e4&t.$$.dirty[0]&&g.length>0&&T&&(s?s.selectAll("path").remove():n(7,s=$(o).append("svg").attr("width",p).attr("height",p).append("g").attr("transform","translate("+p/2+","+p/2+")")),(()=>{const t=s.selectAll("path").data(M(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${a[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));s.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(l)),s.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(h),t.transition().delay(((t,e)=>e*b)).duration(b).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=v(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),O(t)||"")})),t.on("mousemove",((t,e)=>{n(8,R={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=s.selectAll(".chart__arc").filter((function(t){return t===e})),i=s.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=s.selectAll(".chart__arc").filter((function(t){return t===e})),r=s.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,R.show=!1,R)})).on("click",((t,e)=>{j.dispatch("donut-clicked",e)})),setTimeout((()=>{C(i)}),b*i.length)})())},[m,u,y,k,g,o,i,s,R,a,r,D,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},d,c,h,p,x,b,T,t=>D(t.name),function(t){w[t?"unshift":"push"]((()=>{o=t,n(5,o)}))}]}class st extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},ot,rt,a,{data:4,svgs:13,colors:14,title:15,legendseparator:0,legendseparatorcount:1,dimension:16,padangle:17,backgroundcolor:2,delay:18,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get title(){return this.$$.ctx[15]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[16]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[17]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[18]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",st);export{st as default};
 //# sourceMappingURL=Donut.js.map