@mozaic-ds/web-components 0.19.0 → 0.20.1

package/public/components/datatable/datatable-default-filter-tags.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"datatable-default-filter-tags.nested.js","sources":["../../../src/components/datatable/datatable-default-filter-tags.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { getDataAttribute } from '../../utilities/DataTableUtilities';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { Filter } from './datatable.types';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let e2eAttributeSuffix: string | undefined;\n  export let dataTableId: string | undefined;\n  export let filterTags: Filter[] = [];\n  export let loading: boolean;\n  export let removeFilterLabel: string;\n  export let resetFiltersLabel: string;\n  export let filterTagsMax: number;\n  export let filterReduceLabel: string;\n  export let filterShowLabel: string;\n\n  let showAll = false;\n  $: showAll = showAll ? true : false;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function emitEvent(name: string, detail?: CustomEvent['detail']) {\n    eventHandler.dispatch(name, detail || {});\n  }\n  function onExtend(): void {\n    showAll = !showAll;\n  }\n</script>\n\n{#if filterTags && filterTags.length > 0}\n  <div class=\"mc-datatable__filters\">\n    {#each filterTags as tag, index}\n      {#if index < filterTagsMax || showAll}\n        <div\n          class={loading\n            ? 'mc-tag-text mc-tag-text--s mc-tag-text--dark'\n            : 'mc-tag-removable mc-tag-removable--s'}\n        >\n          <span\n            class={loading ? 'mc-tag-text__label' : 'mc-tag-removable__label'}\n            >{tag.label}</span\n          >\n          {#if !loading}\n            <button\n              class=\"mc-tag-removable__remove\"\n              {...getDataAttribute(\n                e2eAttributeSuffix,\n                `${dataTableId}${tag}RemoveTagButton`,\n              )}\n              on:click={() =>\n                emitEvent('click-remove-tag', { id: tag.id, label: tag.label })}\n            >\n              <span class=\"mc-tag-removable__remove-text\"\n                >{removeFilterLabel}</span\n              >\n            </button>\n          {/if}\n        </div>\n      {/if}\n    {/each}\n    {#if filterTagsMax && filterTags.length > filterTagsMax}\n      <div class=\"tag-selected\">\n        <Tag\n          id=\"show-hide-tag\"\n          label={showAll ? filterShowLabel : filterReduceLabel}\n          size=\"s\"\n          type=\"link\"\n          class=\"mc-taglist__showhide\"\n          dark={false}\n          disabled={false}\n          name=\"show-hide-tag\"\n          on:tag-selected={onExtend}\n        />\n      </div>\n    {/if}\n    {#if !loading}\n      <button\n        class=\"mc-link mc-link--s\"\n        {...getDataAttribute(\n          e2eAttributeSuffix,\n          `${dataTableId}ClearTagsButton`,\n        )}\n        on:click={() => emitEvent('click-clear-tags')}\n      >\n        {resetFiltersLabel}\n      </button>\n    {/if}\n  </div>\n{/if}\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n\n  @import '@mozaic-ds/styles/generic/g.reset.scss';\n  @import '@mozaic-ds/styles/components/c.badge';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/_c.datatable';\n\n  @import '@mozaic-ds/styles/components/c.datatable-tools';\n  @import '@mozaic-ds/styles/components/c.datatable-header';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.tag';\n  @import '@mozaic-ds/styles/components/c.toggle';\n\n  button {\n    background-color: inherit;\n  }\n</style>\n"],"names":["ctx","length","i","if_block0","create_if_block_2","create_if_block_1","insert","target","div","anchor","t0_value","label","create_if_block_4","append","span","dirty","set_data","t0","getDataAttribute","button","create_if_block_3","button_data","if_block","create_if_block","e2eAttributeSuffix","$$props","dataTableId","filterTags","loading","removeFilterLabel","resetFiltersLabel","filterTagsMax","filterReduceLabel","filterShowLabel","showAll","eventHandler","EventHandler","get_current_component","createEventDispatcher","emitEvent","name","detail","dispatch","$$invalidate","tag","id"],"mappings":"+x8DAsCWA,EAAU,wBAAfC,OAAIC,GAAA,mBA6BD,IAAAC,EAAAH,EAAiB,IAAAA,EAAW,GAAAC,OAASD,EAAa,IAAAI,EAAAJ,MAejDA,EAAO,IAAAK,EAAAL,uJA7CfM,EAyDKC,EAAAC,EAAAC,oIAxDIT,EAAU,WAAfC,OAAIC,GAAA,EAAA,8GAAJD,OA6BGD,EAAiB,IAAAA,EAAW,GAAAC,OAASD,EAAa,iGAejDA,EAAO,wKAnCHU,EAAAV,MAAIW,MAAK,MAEPX,EAAO,IAAAY,EAAAZ,2EAHJA,EAAO,GAAG,qBAAuB,2BAAyB,kCAL5DA,EAAA,GACH,+CACA,wCAAsC,0BAH5CM,EAwBKC,EAAAC,EAAAC,GAnBHI,EAGAL,EAAAM,wCADI,EAAAC,GAAAL,KAAAA,EAAAV,MAAIW,MAAK,KAAAK,EAAAC,EAAAP,iBADJV,EAAO,GAAG,qBAAuB,2BAAyB,kCAG7DA,EAAO,0EARNA,EAAA,GACH,+CACA,wCAAsC,6HASlCkB,EACFlB,EACG,GAAA,GAAAA,OAAcA,EAAG,8IAMlBA,EAAiB,sGAVvBM,EAYQC,EAAAY,EAAAV,GAHNI,EAEAM,EAAAL,kFADId,EAAiB,kDARjB,EAAAe,GAAAG,EACFlB,EACG,GAAA,GAAAA,OAAcA,EAAG,iGAfzBA,EAAK,IAAGA,EAAa,IAAIA,EAAO,KAAAoB,EAAApB,kEAAhCA,EAAK,IAAGA,EAAa,IAAIA,EAAO,sKAgC1BA,EAAO,GAAGA,EAAe,GAAGA,EAAiB,2DAI9C,YACI,+CAEOA,EAAQ,wFAV7BM,EAYKC,EAAAC,EAAAC,uDATMT,EAAO,GAAGA,EAAe,GAAGA,EAAiB,8JAclDkB,EACFlB,EAAkB,GAAA,GACfA,EAAW,gGAIfA,EAAiB,2CARpBM,EASQC,EAAAY,EAAAV,kFADLT,EAAiB,GAAAqB,EAAA,8DANdH,EACFlB,EAAkB,GAAA,GACfA,EAAW,+FAnDnBsB,EAAAtB,EAAc,IAAAA,EAAW,GAAAC,OAAS,GAACsB,EAAAvB,yEAAnCA,EAAc,IAAAA,EAAW,GAAAC,OAAS,kNA1B1BuB,GAAsCC,eACtCC,GAA+BD,cAC/BE,EAAU,IAAAF,WACVG,GAAgBH,qBAChBI,GAAyBJ,qBACzBK,GAAyBL,iBACzBM,GAAqBN,qBACrBO,GAAyBP,mBACzBQ,GAAuBR,EAE9BS,GAAU,EAGVC,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAUC,EAAcC,GAC/BN,EAAaO,SAASF,EAAMC,GAAM,CAAA,wdARjCP,IAAUA,sCAWXS,EAAA,EAAAT,GAAWA,IAyBCU,GAAAL,EAAU,mBAAsB,CAAAM,GAAID,EAAIC,GAAIlC,MAAOiC,EAAIjC,QAgC/C,IAAA4B,EAAU"}
+{"version":3,"file":"datatable-default-filter-tags.nested.js","sources":["../../../src/components/datatable/datatable-default-filter-tags.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { getDataAttribute } from '../../utilities/DataTableUtilities';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { Filter } from './datatable.types';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let e2eAttributeSuffix: string | undefined;\n  export let dataTableId: string | undefined;\n  export let filterTags: Filter[] = [];\n  export let loading: boolean;\n  export let removeFilterLabel: string;\n  export let resetFiltersLabel: string;\n  export let filterTagsMax: number;\n  export let filterReduceLabel: string;\n  export let filterShowLabel: string;\n\n  let showAll = false;\n  $: showAll = showAll ? true : false;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function emitEvent(name: string, detail?: CustomEvent['detail']) {\n    eventHandler.dispatch(name, detail || {});\n  }\n  function onExtend(): void {\n    showAll = !showAll;\n  }\n</script>\n\n{#if filterTags && filterTags.length > 0}\n  <div class=\"mc-datatable__filters\">\n    {#each filterTags as tag, index}\n      {#if index < filterTagsMax || showAll}\n        <div\n          class={loading\n            ? 'mc-tag-text mc-tag-text--s mc-tag-text--dark'\n            : 'mc-tag-removable mc-tag-removable--s'}\n        >\n          <span\n            class={loading ? 'mc-tag-text__label' : 'mc-tag-removable__label'}\n            >{tag.label}</span\n          >\n          {#if !loading}\n            <button\n              class=\"mc-tag-removable__remove\"\n              {...getDataAttribute(\n                e2eAttributeSuffix,\n                `${dataTableId}${tag.label}RemoveTagButton`,\n              )}\n              on:click={() =>\n                emitEvent('click-remove-tag', { id: tag.id, label: tag.label })}\n            >\n              <span class=\"mc-tag-removable__remove-text\"\n                >{removeFilterLabel}</span\n              >\n            </button>\n          {/if}\n        </div>\n      {/if}\n    {/each}\n    {#if filterTagsMax && filterTags.length > filterTagsMax}\n      <div class=\"tag-selected\">\n        <Tag\n          id=\"show-hide-tag\"\n          label={showAll ? filterShowLabel : filterReduceLabel}\n          size=\"s\"\n          type=\"link\"\n          class=\"mc-taglist__showhide\"\n          dark={false}\n          disabled={false}\n          name=\"show-hide-tag\"\n          on:tag-selected={onExtend}\n        />\n      </div>\n    {/if}\n    {#if !loading}\n      <button\n        class=\"mc-link mc-link--s\"\n        {...getDataAttribute(\n          e2eAttributeSuffix,\n          `${dataTableId}ClearTagsButton`,\n        )}\n        on:click={() => emitEvent('click-clear-tags')}\n      >\n        {resetFiltersLabel}\n      </button>\n    {/if}\n  </div>\n{/if}\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n\n  @import '@mozaic-ds/styles/generic/g.reset.scss';\n  @import '@mozaic-ds/styles/components/c.badge';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/_c.datatable';\n\n  @import '@mozaic-ds/styles/components/c.datatable-tools';\n  @import '@mozaic-ds/styles/components/c.datatable-header';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.tag';\n  @import '@mozaic-ds/styles/components/c.toggle';\n\n  button {\n    background-color: inherit;\n  }\n</style>\n"],"names":["ctx","length","i","if_block0","create_if_block_2","create_if_block_1","insert","target","div","anchor","t0_value","label","create_if_block_4","append","span","dirty","set_data","t0","getDataAttribute","button","create_if_block_3","button_data","if_block","create_if_block","e2eAttributeSuffix","$$props","dataTableId","filterTags","loading","removeFilterLabel","resetFiltersLabel","filterTagsMax","filterReduceLabel","filterShowLabel","showAll","eventHandler","EventHandler","get_current_component","createEventDispatcher","emitEvent","name","detail","dispatch","$$invalidate","tag","id"],"mappings":"+x8DAsCWA,EAAU,wBAAfC,OAAIC,GAAA,mBA6BD,IAAAC,EAAAH,EAAiB,IAAAA,EAAW,GAAAC,OAASD,EAAa,IAAAI,EAAAJ,MAejDA,EAAO,IAAAK,EAAAL,uJA7CfM,EAyDKC,EAAAC,EAAAC,oIAxDIT,EAAU,WAAfC,OAAIC,GAAA,EAAA,8GAAJD,OA6BGD,EAAiB,IAAAA,EAAW,GAAAC,OAASD,EAAa,iGAejDA,EAAO,wKAnCHU,EAAAV,MAAIW,MAAK,MAEPX,EAAO,IAAAY,EAAAZ,2EAHJA,EAAO,GAAG,qBAAuB,2BAAyB,kCAL5DA,EAAA,GACH,+CACA,wCAAsC,0BAH5CM,EAwBKC,EAAAC,EAAAC,GAnBHI,EAGAL,EAAAM,wCADI,EAAAC,GAAAL,KAAAA,EAAAV,MAAIW,MAAK,KAAAK,EAAAC,EAAAP,iBADJV,EAAO,GAAG,qBAAuB,2BAAyB,kCAG7DA,EAAO,0EARNA,EAAA,GACH,+CACA,wCAAsC,6HASlCkB,EACFlB,EAAkB,GAAA,GACfA,EAAc,KAAAA,MAAIW,gJAMnBX,EAAiB,sGAVvBM,EAYQC,EAAAY,EAAAV,GAHNI,EAEAM,EAAAL,kFADId,EAAiB,kDARjB,EAAAe,GAAAG,EACFlB,EAAkB,GAAA,GACfA,EAAc,KAAAA,MAAIW,mGAf1BX,EAAK,IAAGA,EAAa,IAAIA,EAAO,KAAAoB,EAAApB,kEAAhCA,EAAK,IAAGA,EAAa,IAAIA,EAAO,sKAgC1BA,EAAO,GAAGA,EAAe,GAAGA,EAAiB,2DAI9C,YACI,+CAEOA,EAAQ,wFAV7BM,EAYKC,EAAAC,EAAAC,uDATMT,EAAO,GAAGA,EAAe,GAAGA,EAAiB,8JAclDkB,EACFlB,EAAkB,GAAA,GACfA,EAAW,gGAIfA,EAAiB,2CARpBM,EASQC,EAAAY,EAAAV,kFADLT,EAAiB,GAAAqB,EAAA,8DANdH,EACFlB,EAAkB,GAAA,GACfA,EAAW,+FAnDnBsB,EAAAtB,EAAc,IAAAA,EAAW,GAAAC,OAAS,GAACsB,EAAAvB,yEAAnCA,EAAc,IAAAA,EAAW,GAAAC,OAAS,kNA1B1BuB,GAAsCC,eACtCC,GAA+BD,cAC/BE,EAAU,IAAAF,WACVG,GAAgBH,qBAChBI,GAAyBJ,qBACzBK,GAAyBL,iBACzBM,GAAqBN,qBACrBO,GAAyBP,mBACzBQ,GAAuBR,EAE9BS,GAAU,EAGVC,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAUC,EAAcC,GAC/BN,EAAaO,SAASF,EAAMC,GAAM,CAAA,wdARjCP,IAAUA,sCAWXS,EAAA,EAAAT,GAAWA,IAyBCU,GAAAL,EAAU,mBAAsB,CAAAM,GAAID,EAAIC,GAAIlC,MAAOiC,EAAIjC,QAgC/C,IAAA4B,EAAU"}

package/public/components/datatable/datatable-default-filter-tags.nested.svelte

@@ -52,7 +52,7 @@
               class="mc-tag-removable__remove"
               {...getDataAttribute(
                 e2eAttributeSuffix,
-                `${dataTableId}${tag}RemoveTagButton`,
+                `${dataTableId}${tag.label}RemoveTagButton`,
               )}
               on:click={() =>
                 emitEvent('click-remove-tag', { id: tag.id, label: tag.label })}