@mozaic-ds/web-components 0.1.0

package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js

@@ -0,0 +1,2 @@
+import{P as e,i as t,s as l,Q as s,e as n,g as c,b as o,n as a,o as d,t as i,d as r,j as u,k as m,K as p}from"../../index-c33b3772.js";function b(e){s(e,"svelte-o9e44d",".mc-datatable__topbar-selection.svelte-o9e44d.svelte-o9e44d{margin-left:1rem}.center-selection-label.svelte-o9e44d.svelte-o9e44d{text-align:center}.center-selection-label.svelte-o9e44d span.svelte-o9e44d{line-height:2;display:inline-block;vertical-align:middle}")}function v(e){let t;function l(e,t){return e[1]?.allSelected?f:S}let s=l(e),a=s(e);return{c(){t=n("div"),a.c(),c(t,"class","center-selection-label svelte-o9e44d")},m(e,l){o(e,t,l),a.m(t,null)},p(e,n){s===(s=l(e))&&a?a.p(e,n):(a.d(1),a=s(e),a&&(a.c(),a.m(t,null)))},d(e){e&&d(t),a.d()}}}function S(e){let t,l,s,a,p,b=e[1]?.idsSelected.length+"",v=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),a=r(),p=i(v),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,a),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.idsSelected.length+"")&&m(s,b),2&t&&v!==(v=(e[1]?.selectedLabel||"selected")+"")&&m(p,v)},d(e){e&&d(t)}}}function f(e){let t;function l(e,t){return e[1]?.excludedIdsFromSelection.length>0?g:h}let s=l(e),n=s(e);return{c(){n.c(),t=p()},m(e,l){n.m(e,l),o(e,t,l)},p(e,c){s===(s=l(e))&&n?n.p(e,c):(n.d(1),n=s(e),n&&(n.c(),n.m(t.parentNode,t)))},d(e){n.d(e),e&&d(t)}}}function h(e){let t,l,s,a=e[1]?.totalItems+" selected";return{c(){t=n("span"),l=n("b"),s=i(a),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s)},p(e,t){2&t&&a!==(a=e[1]?.totalItems+" selected")&&m(s,a)},d(e){e&&d(t)}}}function g(e){let t,l,s,a,p,b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"",v=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),a=r(),p=i(v),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,a),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"")&&m(s,b),2&t&&v!==(v=(e[1]?.selectedLabel||"selected")+"")&&m(p,v)},d(e){e&&d(t)}}}function x(e){let t,l=e[0]&&e[2]&&null!=e[1]&&v(e);return{c(){t=n("div"),l&&l.c(),c(t,"class","mc-datatable__topbar-selection svelte-o9e44d")},m(e,s){o(e,t,s),l&&l.m(t,null)},p(e,[s]){e[0]&&e[2]&&null!=e[1]?l?l.p(e,s):(l=v(e),l.c(),l.m(t,null)):l&&(l.d(1),l=null)},i:a,o:a,d(e){e&&d(t),l&&l.d()}}}function I(e,t,l){let{itemsSelection:s}=t,{selectionParams:n}=t,{showSelectionCount:c}=t;return e.$$set=e=>{"itemsSelection"in e&&l(0,s=e.itemsSelection),"selectionParams"in e&&l(1,n=e.selectionParams),"showSelectionCount"in e&&l(2,c=e.showSelectionCount)},[s,n,c]}class P extends e{constructor(e){super(),t(this,e,I,x,l,{itemsSelection:0,selectionParams:1,showSelectionCount:2},b)}}export{P as default};
+//# sourceMappingURL=DataTableDefaultSelectionLabel.nested.js.map

package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableDefaultSelectionLabel.nested.js","sources":["../../../src/components/datatable/DataTableDefaultSelectionLabel.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import type { SelectionParams } from './datatable.types';\n\n  export let itemsSelection: boolean;\n  export let selectionParams: SelectionParams | undefined;\n  export let showSelectionCount: boolean;\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n  {#if itemsSelection && showSelectionCount && selectionParams != null}\n    <div class=\"center-selection-label\">\n      {#if selectionParams?.allSelected}\n        {#if selectionParams?.excludedIdsFromSelection.length > 0}\n          <span\n            ><b\n              >{selectionParams?.totalItems -\n                selectionParams?.excludedIdsFromSelection.length}\n              {selectionParams?.selectedLabel || 'selected'}</b\n            >\n          </span>\n        {:else}\n          <span><b>{selectionParams?.totalItems + ' selected'}</b> </span>\n        {/if}\n      {:else}\n        <span\n          ><b\n            >{selectionParams?.idsSelected.length}\n            {selectionParams?.selectedLabel || 'selected'}</b\n          >\n        </span>\n      {/if}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  .mc-datatable__topbar-selection {\n    margin-left: 1rem;\n  }\n\n  .center-selection-label {\n    text-align: center;\n  }\n\n  .center-selection-label span {\n    line-height: 2;\n    display: inline-block;\n    vertical-align: middle;\n  }\n</style>\n"],"names":["ctx","allSelected","create_if_block_1","insert","target","div","anchor","idsSelected","length","selectedLabel","span","append","b","set_data","t0","t0_value","t2","t2_value","excludedIdsFromSelection","create_if_block_2","totalItems","t","t_value","dirty","if_block","create_if_block","itemsSelection","$$props","selectionParams","showSelectionCount"],"mappings":"sdAWW,OAAAA,MAAiBC,YAAWC,8GADnCC,EAqBKC,EAAAC,EAAAC,2IALKN,EAAe,IAAEO,YAAYC,OAAM,MACpCR,EAAe,IAAES,eAAiB,YAAU,4FAHjDN,EAKMC,EAAAM,EAAAJ,GAJHK,EAGDD,EAAAE,4CAFIZ,EAAe,IAAEO,YAAYC,OAAM,KAAAK,EAAAC,EAAAC,gBACpCf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uDAf5C,OAAAjB,EAAiB,IAAAkB,yBAAyBV,OAAS,EAACW,wMAS7CnB,EAAe,IAAEoB,WAAa,wFAAxCjB,EAA+DC,EAAAM,EAAAJ,GAAzDK,EAAkDD,EAAAE,8BAA9CZ,EAAe,IAAEoB,WAAa,cAAWP,EAAAQ,EAAAC,+CAN7CP,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,MACjDR,EAAe,IAAES,eAAiB,YAAU,4FAJjDN,EAMMC,EAAAM,EAAAJ,GALHK,EAIDD,EAAAE,gCAHI,EAAAW,GAAAR,KAAAA,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,KAAAK,EAAAC,EAAAC,gBACjDf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uCARpDO,EAAAxB,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,MAAuByB,EAAAzB,sGADtEG,EAyBKC,EAAAC,EAAAC,4BAxBEN,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,oIANlC0B,GAAuBC,mBACvBC,GAA4CD,sBAC5CE,GAA2BF"}

package/public/components/datatable/DataTableFooter.nested.js

@@ -0,0 +1,2 @@
+import{P as e,i as t,s as i,Q as l,c as a,e as o,t as r,d as n,g as s,h as m,a6 as c,z,L as d,b,j as v,a7 as g,a8 as u,l as h,k as f,m as x,n as p,o as w,J as _,H as k,a9 as y}from"../../index-c33b3772.js";import{E as M}from"../../EventHandler-02058705.js";import{g as I,j as A}from"../../DataTableUtilities-be64e0a0.js";function P(e){l(e,"svelte-1i08zza",'.mc-button.svelte-1i08zza.svelte-1i08zza{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button.svelte-1i08zza.svelte-1i08zza:hover{background-color:#006902;color:#ffffff}.mc-button.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button.svelte-1i08zza.svelte-1i08zza:active{background-color:#006902}.mc-button.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-1i08zza.svelte-1i08zza,.mc-button.svelte-1i08zza.svelte-1i08zza:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--s.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--s.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-1i08zza.svelte-1i08zza{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:2rem;height:2rem}.mc-button--l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-1i08zza.svelte-1i08zza{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full.svelte-1i08zza.svelte-1i08zza{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1i08zza.svelte-1i08zza{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-1i08zza.svelte-1i08zza{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-1i08zza.svelte-1i08zza:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-1i08zza.svelte-1i08zza:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-1i08zza.svelte-1i08zza:only-child{margin:0}.mc-button__label.svelte-1i08zza.svelte-1i08zza{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02.svelte-1i08zza.svelte-1i08zza{background-color:#6a7081}.mc-button--solid-primary-02.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-primary-02.svelte-1i08zza.svelte-1i08zza:hover{background-color:#242938}.mc-button--solid-primary-02.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-primary-02.svelte-1i08zza.svelte-1i08zza:active{background-color:#171b26}.mc-button--solid-primary-02.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--solid-primary-02.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-1i08zza.svelte-1i08zza{background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-neutral.svelte-1i08zza.svelte-1i08zza:hover{background-color:#191919}.mc-button--solid-neutral.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-neutral.svelte-1i08zza.svelte-1i08zza:active{background-color:#333333}.mc-button--solid-neutral.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--solid-neutral.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-1i08zza.svelte-1i08zza{background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-danger.svelte-1i08zza.svelte-1i08zza:hover{background-color:#8c0003}.mc-button--solid-danger.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--solid-danger.svelte-1i08zza.svelte-1i08zza:active{background-color:#8c0003}.mc-button--solid-danger.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--solid-danger.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-1i08zza.svelte-1i08zza{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered.svelte-1i08zza.svelte-1i08zza:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered.svelte-1i08zza.svelte-1i08zza:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered.svelte-1i08zza.svelte-1i08zza:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--bordered.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-1i08zza.svelte-1i08zza{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-primary-02.svelte-1i08zza.svelte-1i08zza:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-primary-02.svelte-1i08zza.svelte-1i08zza:active{background-color:#cfd2d8}.mc-button--bordered-primary-02.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-1i08zza.svelte-1i08zza{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-neutral.svelte-1i08zza.svelte-1i08zza:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-neutral.svelte-1i08zza.svelte-1i08zza:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--bordered-neutral.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-1i08zza.svelte-1i08zza{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-danger.svelte-1i08zza.svelte-1i08zza:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-danger.svelte-1i08zza.svelte-1i08zza:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-1i08zza.svelte-1i08zza,.mc-button--bordered-danger.svelte-1i08zza.svelte-1i08zza:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-1i08zza.svelte-1i08zza:disabled,.mc-button--bordered-danger.is-disabled.svelte-1i08zza.svelte-1i08zza{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--s\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--m\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1i08zza.svelte-1i08zza{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--l\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-1i08zza.svelte-1i08zza{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m.svelte-1i08zza.svelte-1i08zza{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--s\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--m\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1i08zza.svelte-1i08zza{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--l\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-1i08zza.svelte-1i08zza{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l.svelte-1i08zza.svelte-1i08zza{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1i08zza.svelte-1i08zza{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--s\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--m\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1i08zza.svelte-1i08zza{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--l\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-1i08zza.svelte-1i08zza{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl.svelte-1i08zza.svelte-1i08zza{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--s\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--m\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1i08zza.svelte-1i08zza{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:first-child,.mc-button--l\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-1i08zza .mc-button__icon.svelte-1i08zza:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-1i08zza.svelte-1i08zza{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl.svelte-1i08zza.svelte-1i08zza{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-select.svelte-1i08zza.svelte-1i08zza{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;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number].svelte-1i08zza.svelte-1i08zza::-webkit-inner-spin-button,.mc-select[type=number].svelte-1i08zza.svelte-1i08zza::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number].svelte-1i08zza.svelte-1i08zza{-moz-appearance:textfield}.mc-select[type=search].svelte-1i08zza.svelte-1i08zza::-webkit-search-decoration:hover,.mc-select[type=search].svelte-1i08zza.svelte-1i08zza::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select.svelte-1i08zza.svelte-1i08zza::-ms-expand{display:none}.mc-select.is-hover.svelte-1i08zza.svelte-1i08zza,.mc-select.svelte-1i08zza.svelte-1i08zza:hover{border-color:#191919}.mc-select.is-focus.svelte-1i08zza.svelte-1i08zza,.mc-select.svelte-1i08zza.svelte-1i08zza: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-select.svelte-1i08zza.svelte-1i08zza:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid.svelte-1i08zza.svelte-1i08zza{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid.svelte-1i08zza.svelte-1i08zza{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-pagination.svelte-1i08zza.svelte-1i08zza{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.mc-pagination__select.svelte-1i08zza.svelte-1i08zza{font-size:1rem;line-height:1.125;padding:0.875rem 3rem 0.875rem calc(0.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.1428571429;padding:calc(0.5rem - 1px) 2.25rem calc(0.5rem - 1px) calc(0.5rem - 1px)}}.mc-datatable__btn.svelte-1i08zza.svelte-1i08zza{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-datatable__btn-label.svelte-1i08zza.svelte-1i08zza{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-datatable__btn-icon.svelte-1i08zza.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-datatable__sort.svelte-1i08zza.svelte-1i08zza{font-weight:600;font-size:0.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;font-family:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.mc-datatable__sort-arrow.svelte-1i08zza.svelte-1i08zza{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:1.5rem;-ms-flex-pack:distribute;justify-content:space-around;margin-left:0.5rem;width:1.5rem}.mc-datatable__sort-arrow.svelte-1i08zza.svelte-1i08zza::after,.mc-datatable__sort-arrow.svelte-1i08zza.svelte-1i08zza::before{background-color:#cccccc;content:"";-ms-flex-negative:0;flex-shrink:0;height:0.5rem;width:0.75rem}.mc-datatable__sort-arrow.svelte-1i08zza.svelte-1i08zza::before{-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);clip-path:polygon(50% 0%, 0% 100%, 100% 100%)}.mc-datatable__sort-arrow.svelte-1i08zza.svelte-1i08zza::after{-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%)}.mc-datatable__options.svelte-1i08zza.svelte-1i08zza{width:1.5rem;height:1.5rem}.mc-datatable__footer.svelte-1i08zza.svelte-1i08zza{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0.75rem 1rem;gap:1rem}@media screen and (max-width: 679px){.mc-datatable__footer.svelte-1i08zza.svelte-1i08zza{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mc-datatable__select.svelte-1i08zza.svelte-1i08zza{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-datatable__select-label.svelte-1i08zza.svelte-1i08zza{font-size:0.875rem;line-height:1.2857142857;color:#333333;-ms-flex-negative:0;flex-shrink:0}.mc-datatable__count.svelte-1i08zza.svelte-1i08zza{font-size:0.75rem;line-height:1.3333333333;color:#666666}.mc-datatable__pagination.svelte-1i08zza.svelte-1i08zza{margin-left:auto}')}function D(e,t,i){const l=e.slice();return l[25]=t[i],l}function j(e,t,i){const l=e.slice();return l[28]=t[i],l}function E(e){let t,i,l,a,n=e[28]+"";return{c(){t=o("option"),i=r(n),t.__value=l=e[28],t.value=t.__value,t.selected=a=e[28]===e[1]},m(e,l){b(e,t,l),v(t,i)},p(e,o){32&o&&n!==(n=e[28]+"")&&f(i,n),32&o&&l!==(l=e[28])&&(t.__value=l,t.value=t.__value),34&o&&a!==(a=e[28]===e[1])&&(t.selected=a)},d(e){e&&w(t)}}}function L(e){let t,i,l,a,m,c,z,d,g,u;return{c(){t=o("div"),i=o("strong"),l=r(e[12]),a=r("-"),m=r(e[14]),c=r(" /\n      "),z=o("strong"),d=r(e[4]),g=n(),u=r(e[8]),s(t,"class","mc-datatable__count svelte-1i08zza")},m(e,o){b(e,t,o),v(t,i),v(i,l),v(i,a),v(i,m),v(t,c),v(t,z),v(z,d),v(z,g),v(z,u)},p(e,t){4096&t&&f(l,e[12]),16384&t&&f(m,e[14]),16&t&&f(d,e[4]),256&t&&f(u,e[8])},d(e){e&&w(t)}}}function C(e){let t,i,l,a,s,m,c,z=e[25]+"";return{c(){t=o("option"),i=r(e[7]),l=n(),a=r(z),s=r(" / "),m=r(e[11]),t.__value=c=e[25],t.value=t.__value},m(e,o){b(e,t,o),v(t,i),v(t,l),v(t,a),v(t,s),v(t,m)},p(e,l){128&l&&f(i,e[7]),8192&l&&z!==(z=e[25]+"")&&f(a,z),2048&l&&f(m,e[11]),8192&l&&c!==(c=e[25])&&(t.__value=c,t.value=t.__value)},d(e){e&&w(t)}}}function T(e){let t,i,l,y,M,A,P,T,S,N,G,Z,W,Q,$,B,H,O,R,V,X,Y,J=e[5],q=[];for(let t=0;t<J.length;t+=1)q[t]=E(j(e,J,t));let F=[{disabled:e[10]},{id:"selectRows"},{class:"mc-select mc-select--s"},I(e[2],`${e[3]}SelectItemsPerPage`)],U={};for(let e=0;e<F.length;e+=1)U=a(U,F[e]);let K=e[9]&&!e[10]&&L(e),ee=[{class:"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"},{"aria-label":"Previous page"},{disabled:W=e[0]<=1||e[10]},I(e[2],`${e[3]}PreviousPageButton`)],te={};for(let e=0;e<ee.length;e+=1)te=a(te,ee[e]);let ie=e[13],le=[];for(let t=0;t<ie.length;t+=1)le[t]=C(D(e,ie,t));let ae=[{disabled:e[10]},{class:"mc-select mc-pagination__select mc-select--s"},I(e[2],`${e[3]}SelectPage`)],oe={};for(let e=0;e<ae.length;e+=1)oe=a(oe,ae[e]);let re=[{class:"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"},{"aria-label":"Next Page"},{disabled:V=e[0]===e[11]||e[10]},I(e[2],`${e[3]}NextPageButton`)],ne={};for(let e=0;e<re.length;e+=1)ne=a(ne,re[e]);return{c(){t=o("div"),i=o("div"),l=o("label"),y=r(e[6]),M=n(),A=o("select");for(let e=0;e<q.length;e+=1)q[e].c();P=n(),K&&K.c(),T=n(),S=o("div"),N=o("nav"),G=o("button"),Z=o("navigation-arrow-arrow--left-32px"),Q=n(),$=o("div"),B=o("select");for(let e=0;e<le.length;e+=1)le[e].c();H=n(),O=o("button"),R=o("navigation-arrow-arrow--right-32px"),s(l,"for","selectRows"),s(l,"class","mc-datatable__select-label svelte-1i08zza"),m(A,U),void 0===e[1]&&c((()=>e[19].call(A))),z(A,"svelte-1i08zza",!0),s(i,"class","mc-datatable__select svelte-1i08zza"),d(Z,"class","mc-button__icon svelte-1i08zza"),d(Z,"size","100%"),m(G,te),z(G,"svelte-1i08zza",!0),m(B,oe),void 0===e[0]&&c((()=>e[22].call(B))),z(B,"svelte-1i08zza",!0),s($,"class","mc-pagination__field"),d(R,"class","mc-button__icon svelte-1i08zza"),d(R,"size","100%"),m(O,ne),z(O,"svelte-1i08zza",!0),s(N,"class","mc-pagination svelte-1i08zza"),s(N,"aria-label","pagination"),s(S,"class","mc-datatable__pagination svelte-1i08zza"),s(t,"class","mc-datatable__footer svelte-1i08zza")},m(a,o){b(a,t,o),v(t,i),v(i,l),v(l,y),v(i,M),v(i,A);for(let e=0;e<q.length;e+=1)q[e]&&q[e].m(A,null);"value"in U&&(U.multiple?g:u)(A,U.value),A.autofocus&&A.focus(),u(A,e[1],!0),v(t,P),K&&K.m(t,null),v(t,T),v(t,S),v(S,N),v(N,G),v(G,Z),G.autofocus&&G.focus(),v(N,Q),v(N,$),v($,B);for(let e=0;e<le.length;e+=1)le[e]&&le[e].m(B,null);"value"in oe&&(oe.multiple?g:u)(B,oe.value),B.autofocus&&B.focus(),u(B,e[0],!0),v(N,H),v(N,O),v(O,R),O.autofocus&&O.focus(),X||(Y=[h(A,"change",e[19]),h(A,"change",e[20]),h(G,"click",e[21]),h(B,"change",e[22]),h(B,"change",e[16]),h(O,"click",e[23])],X=!0)},p(e,[i]){if(64&i&&f(y,e[6]),34&i){let t;for(J=e[5],t=0;t<J.length;t+=1){const l=j(e,J,t);q[t]?q[t].p(l,i):(q[t]=E(l),q[t].c(),q[t].m(A,null))}for(;t<q.length;t+=1)q[t].d(1);q.length=J.length}if(m(A,U=x(F,[1024&i&&{disabled:e[10]},{id:"selectRows"},{class:"mc-select mc-select--s"},12&i&&I(e[2],`${e[3]}SelectItemsPerPage`)])),1036&i&&"value"in U&&(U.multiple?g:u)(A,U.value),34&i&&u(A,e[1]),z(A,"svelte-1i08zza",!0),e[9]&&!e[10]?K?K.p(e,i):(K=L(e),K.c(),K.m(t,T)):K&&(K.d(1),K=null),m(G,te=x(ee,[{class:"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"},{"aria-label":"Previous page"},1025&i&&W!==(W=e[0]<=1||e[10])&&{disabled:W},12&i&&I(e[2],`${e[3]}PreviousPageButton`)])),z(G,"svelte-1i08zza",!0),10368&i){let t;for(ie=e[13],t=0;t<ie.length;t+=1){const l=D(e,ie,t);le[t]?le[t].p(l,i):(le[t]=C(l),le[t].c(),le[t].m(B,null))}for(;t<le.length;t+=1)le[t].d(1);le.length=ie.length}m(B,oe=x(ae,[1024&i&&{disabled:e[10]},{class:"mc-select mc-pagination__select mc-select--s"},12&i&&I(e[2],`${e[3]}SelectPage`)])),1036&i&&"value"in oe&&(oe.multiple?g:u)(B,oe.value),8193&i&&u(B,e[0]),z(B,"svelte-1i08zza",!0),m(O,ne=x(re,[{class:"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"},{"aria-label":"Next Page"},3073&i&&V!==(V=e[0]===e[11]||e[10])&&{disabled:V},12&i&&I(e[2],`${e[3]}NextPageButton`)])),z(O,"svelte-1i08zza",!0)},i:p,o:p,d(e){e&&w(t),_(q,e),K&&K.d(),_(le,e),X=!1,k(Y)}}}function S(e,t,i){let l,a,o,r;var n;let{e2eAttributeSuffix:s}=t,{dataTableId:m}=t,{totalItems:c=100}=t,{currentPage:z=1}=t,{itemsPerPage:d=10}=t,{itemsPerPageOptions:b=[5,10,15,20]}=t,{rowsPerPageLabel:v}=t,{pageLabel:g}=t,{itemsLabel:u}=t,{showItemsCount:h}=t,{loading:f}=t,{showAllPages:x}=t,p=new M;function w(e){p.dispatch("page-change",{currentPage:e,itemsPerPage:d})}return e.$$set=e=>{"e2eAttributeSuffix"in e&&i(2,s=e.e2eAttributeSuffix),"dataTableId"in e&&i(3,m=e.dataTableId),"totalItems"in e&&i(4,c=e.totalItems),"currentPage"in e&&i(0,z=e.currentPage),"itemsPerPage"in e&&i(1,d=e.itemsPerPage),"itemsPerPageOptions"in e&&i(5,b=e.itemsPerPageOptions),"rowsPerPageLabel"in e&&i(6,v=e.rowsPerPageLabel),"pageLabel"in e&&i(7,g=e.pageLabel),"itemsLabel"in e&&i(8,u=e.itemsLabel),"showItemsCount"in e&&i(9,h=e.showItemsCount),"loading"in e&&i(10,f=e.loading),"showAllPages"in e&&i(17,x=e.showAllPages)},e.$$.update=()=>{262162&e.$$.dirty&&i(11,l=Math.ceil(null!==i(18,n=c/d)&&void 0!==n?n:1)),3&e.$$.dirty&&i(12,a=z*d-(d-1)),4114&e.$$.dirty&&i(14,o=a+d-1<=c?a+d-1:c),e.$$.dirty,133121&e.$$.dirty&&i(13,r=A(l,z,x))},[z,d,s,m,c,b,v,g,u,h,f,l,a,r,o,w,function(){w(z)},x,n,function(){d=y(this),i(1,d),i(5,b)},()=>w(1),()=>w(z-1),function(){z=y(this),i(0,z),i(13,r),i(11,l),i(0,z),i(17,x),i(4,c),i(1,d),i(18,n)},()=>w(z+1)]}class N extends e{constructor(e){super(),t(this,e,S,T,i,{e2eAttributeSuffix:2,dataTableId:3,totalItems:4,currentPage:0,itemsPerPage:1,itemsPerPageOptions:5,rowsPerPageLabel:6,pageLabel:7,itemsLabel:8,showItemsCount:9,loading:10,showAllPages:17},P)}}export{N as default};
+//# sourceMappingURL=DataTableFooter.nested.js.map

package/public/components/datatable/DataTableFooter.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFooter.nested.js","sources":["../../../src/components/datatable/DataTableFooter.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    getPageSelectOptionsArray,\n    getDataAttribute,\n  } from '../../utilities/DataTableUtilities';\n\n  export let e2eAttributeSuffix: string | undefined;\n  export let dataTableId: string | undefined;\n  export let totalItems = 100;\n  export let currentPage = 1;\n  export let itemsPerPage = 10;\n  export let itemsPerPageOptions = [5, 10, 15, 20];\n  export let rowsPerPageLabel: string;\n  export let pageLabel: string;\n  export let itemsLabel: string;\n  export let showItemsCount: boolean;\n  export let loading: boolean;\n  export let showAllPages: boolean;\n\n  $: totalPages = Math.ceil(totalItems / itemsPerPage ?? 1);\n  $: firstItemOfPageNumber = currentPage * itemsPerPage - (itemsPerPage - 1);\n  $: lastItemOfPageNumber =\n    firstItemOfPageNumber + itemsPerPage - 1 <= totalItems\n      ? firstItemOfPageNumber + itemsPerPage - 1\n      : totalItems;\n  let eventHandler = new EventHandler();\n  $: currentPage;\n\n  function onPageChange(pageNumber: number) {\n    eventHandler.dispatch('page-change', {\n      currentPage: pageNumber,\n      itemsPerPage,\n    });\n  }\n  function onPageSelect() {\n    onPageChange(currentPage);\n  }\n  $: pageSelectOptionsArray = getPageSelectOptionsArray(\n    totalPages,\n    currentPage,\n    showAllPages,\n  );\n</script>\n\n<div class=\"mc-datatable__footer\">\n  <div class=\"mc-datatable__select\">\n    <label for=\"selectRows\" class=\"mc-datatable__select-label\">\n      {rowsPerPageLabel}\n    </label>\n    <select\n      bind:value={itemsPerPage}\n      on:change={() => onPageChange(1)}\n      disabled={loading}\n      id=\"selectRows\"\n      class=\"mc-select mc-select--s\"\n      {...getDataAttribute(\n        e2eAttributeSuffix,\n        `${dataTableId}SelectItemsPerPage`,\n      )}\n    >\n      {#each itemsPerPageOptions as value}\n        <option {value} selected={value === itemsPerPage}>{value}</option>\n      {/each}\n    </select>\n  </div>\n  {#if showItemsCount && !loading}\n    <div class=\"mc-datatable__count\">\n      <strong>{firstItemOfPageNumber}-{lastItemOfPageNumber}</strong> /\n      <strong>{totalItems} {itemsLabel}</strong>\n    </div>\n  {/if}\n  <div class=\"mc-datatable__pagination\">\n    <nav class=\"mc-pagination\" aria-label=\"pagination\">\n      <button\n        on:click={() => onPageChange(currentPage - 1)}\n        class=\"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n        aria-label=\"Previous page\"\n        disabled={currentPage <= 1 || loading}\n        {...getDataAttribute(\n          e2eAttributeSuffix,\n          `${dataTableId}PreviousPageButton`,\n        )}\n      >\n        <navigation-arrow-arrow--left-32px\n          class=\"mc-button__icon\"\n          size=\"100%\"\n        />\n      </button>\n\n      <div class=\"mc-pagination__field\">\n        <select\n          disabled={loading}\n          bind:value={currentPage}\n          on:change={onPageSelect}\n          class=\"mc-select mc-pagination__select mc-select--s\"\n          {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SelectPage`)}\n        >\n          {#each pageSelectOptionsArray as page}\n            <option value={page}>{pageLabel} {page} / {totalPages}</option>\n          {/each}\n        </select>\n      </div>\n\n      <button\n        on:click={() => onPageChange(currentPage + 1)}\n        class=\"mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n        aria-label=\"Next Page\"\n        disabled={currentPage === totalPages || loading}\n        {...getDataAttribute(\n          e2eAttributeSuffix,\n          `${dataTableId}NextPageButton`,\n        )}\n      >\n        <navigation-arrow-arrow--right-32px\n          class=\"mc-button__icon\"\n          size=\"100%\"\n        />\n      </button>\n    </nav>\n  </div>\n</div>\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.select';\n  @import '@mozaic-ds/styles/components/c.pagination';\n  @import '@mozaic-ds/styles/components/_c.datatable-tools';\n  @import '@mozaic-ds/styles/components/_c.datatable-footer';\n</style>\n"],"names":["ctx","option","selected","option_selected_value","insert","target","anchor","set_data","t","t_value","dirty","div","append","strong0","strong1","t2","t2_value","length","i","getDataAttribute","if_block","create_if_block","add_render_callback","call","select0","select1","div3","div0","label","div2","nav","button0","navigation_arrow_arrow__left_32px","div1","button1","navigation_arrow_arrow__right_32px","disabled","button0_disabled_value","button1_disabled_value","_a","e2eAttributeSuffix","$$props","dataTableId","totalItems","currentPage","itemsPerPage","itemsPerPageOptions","rowsPerPageLabel","pageLabel","itemsLabel","showItemsCount","loading","showAllPages","eventHandler","EventHandler","onPageChange","pageNumber","dispatch","totalPages","Math","ceil","$$invalidate","firstItemOfPageNumber","lastItemOfPageNumber","pageSelectOptionsArray","getPageSelectOptionsArray","select_value","this"],"mappings":"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"}

package/public/components/datatable/data.d.ts

@@ -0,0 +1,7 @@
+import type { TableBodyDatas, TableFooterDatas, TableOptions } from './datatable.types';
+declare const tableOptions: TableOptions;
+declare const tableBodyDatas: TableBodyDatas;
+declare const tableBodyDatasWithSubRow: TableBodyDatas;
+declare const tableFooterDatas: TableFooterDatas;
+export { tableOptions, tableBodyDatas, tableFooterDatas, tableBodyDatasWithSubRow, };
+//# sourceMappingURL=data.d.ts.map

package/public/components/datatable/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/components/datatable/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAM,YAAY,EAAE,YAoBnB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,cA8PrB,CAAC;AACF,QAAA,MAAM,wBAAwB,EAAE,cAoQ/B,CAAC;AACF,QAAA,MAAM,gBAAgB,EAAE,gBAIvB,CAAC;AAEF,OAAO,EACL,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,wBAAwB,GACzB,CAAC"}

package/public/components/datatable/datatable.types.d.ts

@@ -0,0 +1,125 @@
+export type TableOptions = {
+    dataTableId: string;
+    loading?: boolean;
+    showTopbarAction?: boolean;
+    showTopbarEdition?: boolean;
+    showFilterTags?: boolean;
+    filterTags?: Filter[];
+    showFooter?: boolean;
+    showColumnHeaders?: boolean;
+    itemsLabel?: string;
+    pageLabel?: string;
+    resetFiltersLabel?: string;
+    removeFilterLabel?: string;
+    rowsPerPageLabel?: string;
+    itemsSelection?: boolean;
+    showItemsCount?: boolean;
+    useOnePageSorting?: boolean;
+    optionsButton?: boolean;
+    e2eAttributeSuffix?: string;
+    sortedParams?: SortParams;
+    heightToBeRemoved?: number;
+    showSelectionCount?: boolean;
+    selectionParams?: SelectionParams;
+    disableSelection?: boolean;
+    searchPlaceholder?: string;
+    showAllPages?: boolean;
+    itemsPerPageOptions?: Array<number>;
+};
+export type TableBodyDatas = {
+    headDatas: HeadData[];
+    bodyDatas: BodyData[];
+};
+export type HeadData = {
+    id: string;
+    label: string;
+    sortable?: boolean;
+    sortColumn?: string;
+    cellsFormat: CellsFormat;
+    textAlign?: string;
+};
+export type BodyData = {
+    id: string;
+    selected?: boolean;
+    expanded?: boolean;
+    disableSelection?: boolean;
+    subRow?: SubRow;
+    cells: Cells;
+};
+export type CellsFormat = 'Text' | 'Image' | 'Badge' | 'Link' | 'LinkWithoutRedirect' | 'CheckBox' | 'IconButton' | 'CustomText' | 'ProgressBar' | 'Button';
+export type Cells = {
+    [key: string]: CellValue;
+};
+export type CellValue = string | Image | Badge | Link | ProgressBar | Button | IconButton | CustomText | SubRow | string[];
+export type Image = {
+    src: string;
+    style?: string;
+};
+export type Badge = {
+    content: string;
+    theme?: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+};
+export type Link = {
+    text: string;
+    href: string;
+};
+export type Button = {
+    label?: string;
+    theme?: string;
+    iconname?: string;
+    iconmode?: string;
+    size?: string;
+    bordered?: boolean;
+    disabled?: boolean;
+};
+export type ProgressBar = {
+    value: string;
+    displaypercentage: boolean;
+    size: string;
+    branded?: boolean;
+    labelOnLeft?: boolean;
+};
+export type IconButton = {
+    svg: string;
+    function?: string;
+};
+export type CustomText = CustomTextItem[];
+export type CustomTextItem = {
+    text: string;
+    style?: string;
+};
+export type SubRow = {
+    headDatas: HeadData[];
+    bodyDatas: BodyData[];
+    expanded?: boolean;
+};
+export type TableFooterDatas = {
+    currentPage?: number;
+    totalItems?: number;
+    itemsPerPage?: number;
+};
+export type SortParams = {
+    columnId: string;
+    direction: SortDirection;
+};
+export type SortDirection = 'na' | 'asc' | 'desc';
+export type Filter = {
+    label: string;
+    id: string;
+};
+export interface AllItemsCheckbox extends HTMLElement {
+    indeterminate: boolean;
+}
+export type SelectionParams = {
+    totalItems: number;
+    allSelected: boolean;
+    excludedIdsFromSelection: string[];
+    idsSelected: string[];
+    selectedLabel?: string;
+    rowsOnPageLabel?: string;
+    rowsOfTableLabel?: string;
+    selectAllLabel?: string;
+    rowsSelectedLabel?: string;
+    clearSelectionLabel?: string;
+};
+//# sourceMappingURL=datatable.types.d.ts.map

package/public/components/datatable/datatable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"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"}

package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { getDataAttribute } from '../../utilities/DataTableUtilities';
+
+  export let e2eAttributeSuffix: string | undefined;
+  export let dataTableId: string | undefined;
+  export let loading: boolean;
+  export let searchPlaceholder: string;
+
+  let eventHandler = new EventHandler();
+  let searchValue = '';
+
+  function emitEvent(name: string, detail?: CustomEvent['detail']) {
+    eventHandler.dispatch(name, detail || {});
+  }
+</script>
+
+<div class="mc-datatable__topbar-actions">
+  <div class="mc-left-icon-input">
+    <span class="mc-left-icon-input__icon">
+      <navigation-display-search-24px size="24px" />
+    </span>
+    <input
+      type="search"
+      class="mc-left-icon-input__input mc-text-input mc-text-input--s"
+      id="withIcon"
+      placeholder={searchPlaceholder}
+      name="withIcon"
+      disabled={loading}
+      spellcheck="false"
+      {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SearchInput`)}
+      bind:value={searchValue}
+      on:input={() => emitEvent('input-search', searchValue)}
+    />
+  </div>
+
+  <button
+    type="button"
+    class="mc-button mc-button--s mc-button--square mc-button--bordered {loading
+      ? 'is-disabled'
+      : ''}"
+    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}FilterButton`)}
+    on:click={() => emitEvent('click-filter')}
+  >
+    <span class="mc-button__icon">
+      <navigation-display-filter-24px size="24px" />
+    </span>
+  </button>
+
+  <button
+    type="button"
+    class="mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading
+      ? 'is-disabled'
+      : ''}"
+    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SettingsButton`)}
+    on:click={() => emitEvent('click-settings')}
+  >
+    <span class="mc-button__icon">
+      <navigation-display-setting-24px size="24px" />
+    </span>
+  </button>
+</div>
+
+<!-- svelte-ignore css-unused-selector -->
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+
+  @import '@mozaic-ds/styles/generic/g.reset.scss';
+  @import '@mozaic-ds/styles/components/c.badge';
+  @import '@mozaic-ds/styles/components/c.button';
+  @import '@mozaic-ds/styles/components/c.datatable-tools';
+  @import '@mozaic-ds/styles/components/c.datatable-header';
+  @import '@mozaic-ds/styles/components/c.text-input';
+  @import '@mozaic-ds/styles/components/c.left-icon-input';
+  @import '@mozaic-ds/styles/components/c.links';
+  @import '@mozaic-ds/styles/components/c.tag';
+  @import '@mozaic-ds/styles/components/c.toggle';
+</style>

package/public/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { getDataAttribute } from '../../utilities/DataTableUtilities';
+
+  export let e2eAttributeSuffix: string | undefined;
+  export let dataTableId: string | undefined;
+  export let loading: boolean;
+
+  let eventHandler = new EventHandler();
+
+  function emitEvent(name: string, detail?: CustomEvent['detail']) {
+    eventHandler.dispatch(name, detail || {});
+  }
+</script>
+
+<div class="mc-datatable__topbar-edition">
+  <button
+    type="button"
+    class="mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading
+      ? 'is-disabled'
+      : ''}"
+    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}EditButton`)}
+    on:click={() => emitEvent('click-edit')}
+  >
+    <span class="mc-button__icon">
+      <navigation-publish-edit-24px size="24px" />
+    </span>
+  </button>
+  <button
+    type="button"
+    class="mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading
+      ? 'is-disabled'
+      : ''}"
+    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}DownloadButton`)}
+    on:click={() => emitEvent('click-download')}
+  >
+    <span class="mc-button__icon"><media-download-web-24px size="24px" /></span>
+  </button>
+</div>
+
+<!-- svelte-ignore css-unused-selector -->
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+
+  @import '@mozaic-ds/styles/generic/g.reset.scss';
+  @import '@mozaic-ds/styles/components/c.badge';
+  @import '@mozaic-ds/styles/components/c.button';
+  @import '@mozaic-ds/styles/components/c.text-input';
+  @import '@mozaic-ds/styles/components/c.left-icon-input';
+  @import '@mozaic-ds/styles/components/c.links';
+  @import '@mozaic-ds/styles/components/c.tag';
+  @import '@mozaic-ds/styles/components/c.toggle';
+  @import '@mozaic-ds/styles/components/c.datatable-tools';
+  @import '@mozaic-ds/styles/components/c.datatable-header';
+</style>

package/public/components/datatabledefaultfiltertags/DataTableDefaultFilterTags.nested.svelte

@@ -0,0 +1,82 @@
+<script lang="ts">
+  import { EventHandler } from '../../utilities/EventHandler';
+  import { getDataAttribute } from '../../utilities/DataTableUtilities';
+  import type { Filter } from './datatable.types';
+
+  export let e2eAttributeSuffix: string | undefined;
+  export let dataTableId: string | undefined;
+  export let filterTags: Filter[] = [];
+  export let loading: boolean;
+  export let removeFilterLabel: string;
+  export let resetFiltersLabel: string;
+  let eventHandler = new EventHandler();
+
+  function emitEvent(name: string, detail?: CustomEvent['detail']) {
+    eventHandler.dispatch(name, detail || {});
+  }
+</script>
+
+{#if filterTags && filterTags.length > 0}
+  <div class="mc-datatable__filters">
+    {#each filterTags as tag}
+      <div
+        class={loading
+          ? 'mc-tag-text mc-tag-text--s mc-tag-text--dark'
+          : 'mc-tag-removable mc-tag-removable--s'}
+      >
+        <span class={loading ? 'mc-tag-text__label' : 'mc-tag-removable__label'}
+          >{tag.label}</span
+        >
+        {#if !loading}
+          <button
+            class="mc-tag-removable__remove"
+            {...getDataAttribute(
+              e2eAttributeSuffix,
+              `${dataTableId}${tag}RemoveTagButton`,
+            )}
+            on:click={() =>
+              emitEvent('click-remove-tag', { id: tag.id, label: tag.label })}
+          >
+            <span class="mc-tag-removable__remove-text"
+              >{removeFilterLabel}</span
+            >
+          </button>
+        {/if}
+      </div>
+    {/each}
+    {#if !loading}
+      <button
+        class="mc-link mc-link--s"
+        {...getDataAttribute(
+          e2eAttributeSuffix,
+          `${dataTableId}ClearTagsButton`,
+        )}
+        on:click={() => emitEvent('click-clear-tags')}
+      >
+        {resetFiltersLabel}
+      </button>
+    {/if}
+  </div>
+{/if}
+
+<!-- svelte-ignore css-unused-selector -->
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+
+  @import '@mozaic-ds/styles/generic/g.reset.scss';
+  @import '@mozaic-ds/styles/components/c.badge';
+  @import '@mozaic-ds/styles/components/c.button';
+  @import '@mozaic-ds/styles/components/_c.datatable';
+
+  @import '@mozaic-ds/styles/components/c.datatable-tools';
+  @import '@mozaic-ds/styles/components/c.datatable-header';
+  @import '@mozaic-ds/styles/components/c.text-input';
+  @import '@mozaic-ds/styles/components/c.left-icon-input';
+  @import '@mozaic-ds/styles/components/c.links';
+  @import '@mozaic-ds/styles/components/c.tag';
+  @import '@mozaic-ds/styles/components/c.toggle';
+
+  button {
+    background-color: inherit;
+  }
+</style>

package/public/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte

@@ -0,0 +1,79 @@
+<script lang="ts">
+  import { EventHandler } from '../../utilities/EventHandler';
+  import type { SelectionParams } from './datatable.types';
+
+  export let itemsSelection: boolean;
+  export let selectionParams: SelectionParams | undefined;
+  export let showSelectionCount: boolean;
+
+  let eventHandler = new EventHandler();
+
+  function emitEvent(name: string, detail?: CustomEvent['detail']) {
+    eventHandler.dispatch(name, detail || {});
+  }
+</script>
+
+<div class="mc-datatable__topbar-selection">
+  {#if itemsSelection && showSelectionCount && selectionParams != null && (selectionParams?.idsSelected.length || selectionParams?.allSelected)}
+    <div class="center-selection-label">
+      {#if selectionParams?.allSelected}
+        {#if selectionParams?.excludedIdsFromSelection.length > 0}
+          <span
+            ><b
+              >{selectionParams?.totalItems -
+                selectionParams?.excludedIdsFromSelection.length}
+              {selectionParams?.selectedLabel || 'selected'}</b
+            >
+            {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-
+            <a href="/" on:click|preventDefault={() => emitEvent('select-all')}
+              >{selectionParams?.selectAllLabel || 'Select all'}
+              {selectionParams?.totalItems}
+              {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a
+            >
+          </span>
+        {:else}
+          <span
+            >{selectionParams?.rowsSelectedLabel ||
+              'All rows are selected in the table.'} -
+            <a
+              href="/"
+              on:click|preventDefault={() => emitEvent('clear-selection')}
+              >{selectionParams?.clearSelectionLabel || 'Clear selection'}</a
+            >
+          </span>
+        {/if}
+      {:else}
+        <span
+          ><b
+            >{selectionParams?.idsSelected.length}
+            {selectionParams?.selectedLabel || 'selected'}</b
+          >
+          {#if selectionParams?.idsSelected && selectionParams?.idsSelected.length > 0}
+            {selectionParams?.rowsOnPageLabel || 'rows on the page. '}-
+            <a href="/" on:click|preventDefault={() => emitEvent('select-all')}
+              >{selectionParams?.selectAllLabel || 'Select all'}
+              {selectionParams?.totalItems}
+              {selectionParams?.rowsOfTableLabel || 'rows of the table'}</a
+            >
+          {/if}
+        </span>
+      {/if}
+    </div>
+  {/if}
+</div>
+
+<style lang="scss">
+  .mc-datatable__topbar-selection {
+    width: 100%;
+    background-color: white;
+    border-radius: 4px;
+  }
+
+  .center-selection-label {
+    text-align: center;
+  }
+
+  .center-selection-label span {
+    line-height: 2;
+  }
+</style>

package/public/components/datatabledefaultselectionlabel/DataTableDefaultSelectionLabel.nested.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import type { SelectionParams } from './datatable.types';
+
+  export let itemsSelection: boolean;
+  export let selectionParams: SelectionParams | undefined;
+  export let showSelectionCount: boolean;
+</script>
+
+<div class="mc-datatable__topbar-selection">
+  {#if itemsSelection && showSelectionCount && selectionParams != null}
+    <div class="center-selection-label">
+      {#if selectionParams?.allSelected}
+        {#if selectionParams?.excludedIdsFromSelection.length > 0}
+          <span
+            ><b
+              >{selectionParams?.totalItems -
+                selectionParams?.excludedIdsFromSelection.length}
+              {selectionParams?.selectedLabel || 'selected'}</b
+            >
+          </span>
+        {:else}
+          <span><b>{selectionParams?.totalItems + ' selected'}</b> </span>
+        {/if}
+      {:else}
+        <span
+          ><b
+            >{selectionParams?.idsSelected.length}
+            {selectionParams?.selectedLabel || 'selected'}</b
+          >
+        </span>
+      {/if}
+    </div>
+  {/if}
+</div>
+
+<style lang="scss">
+  .mc-datatable__topbar-selection {
+    margin-left: 1rem;
+  }
+
+  .center-selection-label {
+    text-align: center;
+  }
+
+  .center-selection-label span {
+    line-height: 2;
+    display: inline-block;
+    vertical-align: middle;
+  }
+</style>