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

package/public/components/tag/Tag.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.nested.js","sources":["../../../src/components/tag/Tag.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TagSize, TagType } from './tag.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let label: string;\n  export let size: TagSize = 'm';\n  export let dark: boolean;\n  export let type: TagType = 'text';\n  export let disabled: boolean;\n  export let id: string;\n  export let value: string | undefined = undefined;\n  export let href: string | undefined = undefined;\n  export let name: string | undefined = undefined;\n  export let selected = false;\n\n  $: isSelected = selected ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function getClasses(type: TagType, dark: boolean) {\n    const classes = [`mc-tag-${type}`];\n\n    if (size) {\n      classes.push(`mc-tag-${type}--${size}`);\n    }\n\n    if (dark) {\n      classes.push(`mc-tag-${type}--dark`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function getSubClasses(type: TagType, element: string) {\n    return `mc-tag-${type}__${element}`;\n  }\n\n  function onSelect(): void {\n    isSelected = !isSelected;\n    console.log(isSelected);\n    eventHandler.dispatch('tag-selected', isSelected);\n  }\n\n  function onRemoved(): void {\n    eventHandler.dispatch('tag-removed', { id, label, value });\n  }\n</script>\n\n{#if type === 'text'}\n  <span class=\"{getClasses(type, dark)}  {userClass}\" {...attributes}>\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n  </span>\n{/if}\n{#if type === 'link'}\n  <a\n    {href}\n    class=\"{getClasses(type, dark)} {userClass}\"\n    {...attributes}\n    on:click|stopPropagation={onSelect}\n  >\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n  </a>\n{/if}\n{#if type === 'selectable'}\n  <span\n    class=\"{getClasses(type, dark)}  {userClass}\"\n    on:click|stopPropagation={onSelect}\n    {...attributes}\n  >\n    <input\n      class={getSubClasses(type, 'input')}\n      type=\"checkbox\"\n      {name}\n      checked={isSelected}\n      {id}\n      {disabled}\n    />\n    <label class={getSubClasses(type, 'pill')} for={id}>\n      <span class={getSubClasses(type, 'label')}>\n        {label}\n      </span>\n    </label>\n  </span>\n{/if}\n{#if type === 'removable'}\n  <span class=\"{getClasses(type, dark)}  {userClass}\" {...attributes}>\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n    <button\n      class={getSubClasses(type, 'remove')}\n      on:click|stopPropagation={onRemoved}\n    >\n      <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n    </button>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":["class","span1_class_value","ctx","getSubClasses","insert","target","span1","anchor","append","span0","dirty","a_class_value","a","span","input","label_1","span2_class_value","span2","button","if_block0","create_if_block_3","if_block1","create_if_block_2","if_block2","create_if_block_1","if_block3","create_if_block","type","element","label","$$props","size","dark","disabled","id","value","href","name","selected","eventHandler","EventHandler","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join","console","log","dispatch"],"mappings":"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"}
+{"version":3,"file":"Tag.nested.js","sources":["../../../src/components/tag/Tag.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TagSize, TagType } from './tag.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let label: string;\n  export let size: TagSize = 'm';\n  export let dark: boolean;\n  export let type: TagType = 'text';\n  export let disabled: boolean;\n  export let id: string;\n  export let value: string | undefined = undefined;\n  export let href: string | undefined = undefined;\n  export let name: string | undefined = undefined;\n  export let selected = false;\n\n  $: isSelected = selected ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function getClasses(type: TagType) {\n    const classes = [`mc-tag-${type}`];\n\n    if (size) {\n      classes.push(`mc-tag-${type}--${size}`);\n    }\n\n    if (dark) {\n      classes.push(`mc-tag-${type}--dark`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function getSubClasses(type: TagType, element: string) {\n    return `mc-tag-${type}__${element}`;\n  }\n\n  function onSelect(): void {\n    isSelected = !isSelected;\n    console.log(isSelected);\n    eventHandler.dispatch('tag-selected', isSelected);\n  }\n\n  function onRemoved(): void {\n    eventHandler.dispatch('tag-removed', { id, label, value });\n  }\n</script>\n\n{#if type === 'text'}\n  <span class=\"{getClasses(type)}  {userClass}\" {...attributes}>\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n  </span>\n{/if}\n{#if type === 'link'}\n  <a\n    {href}\n    class=\"{getClasses(type)} {userClass}\"\n    {...attributes}\n    on:click|stopPropagation={onSelect}\n  >\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n  </a>\n{/if}\n{#if type === 'selectable'}\n  <span\n    class=\"{getClasses(type)}  {userClass}\"\n    on:click|stopPropagation={onSelect}\n    {...attributes}\n  >\n    <input\n      class={getSubClasses(type, 'input')}\n      type=\"checkbox\"\n      {name}\n      checked={isSelected}\n      {id}\n      {disabled}\n    />\n    <label class={getSubClasses(type, 'pill')} for={id}>\n      <span class={getSubClasses(type, 'label')}>\n        {label}\n      </span>\n    </label>\n  </span>\n{/if}\n{#if type === 'removable'}\n  <span class=\"{getClasses(type)}  {userClass}\" {...attributes}>\n    <span class={getSubClasses(type, 'label')}>\n      {label}\n    </span>\n    <button\n      class={getSubClasses(type, 'remove')}\n      on:click|stopPropagation={onRemoved}\n    >\n      <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n    </button>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;mDAsDgB,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA;;iBAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;sBAEvD,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;gEADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;;;;;GAD1C,MAIM,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;GAHJ,MAEM,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;;;;kDADH,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;4FADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;;uGAD5B,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA;gDAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;+CASlD,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAI,GAAS,CAAA,CAAA,CAAA,CAAA;;iBAChC,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;sBAIX,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;8DADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;;;;;GAN1C,MASG,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,CAAA,CAAA;GAHD,MAEM,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;;;;+DAJoB,GAAQ,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;kDAG/B,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;0FADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;;;+FAJhC,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAI,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA;gDAChC,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAUN,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA;;iBAEjC,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;uBAYT,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;gEATD,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;;;kCAGzB,GAAU,CAAA,CAAA,CAAA,CAAA;;;gEAKN,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;oEAD5B,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,MAAM,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;+BAAQ,GAAE,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;GAbpD,MAkBM,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;GAbJ,MAOC,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;;GACD,MAIO,CAAA,KAAA,EAAA,OAAA,CAAA,CAAA;GAHL,MAEM,CAAA,OAAA,EAAA,KAAA,CAAA,CAAA;;;;mEAdkB,GAAQ,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;4FAIzB,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;;;;;;mCAGzB,GAAU,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;mDAMhB,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;4FADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;gGAD5B,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,MAAM,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;;gCAAQ,GAAE,CAAA,CAAA,CAAA,CAAA,CAAA;;;;uGAZ1C,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA;gDAEjC,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAkBF,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA;;iBAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;uBAEvD,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;;uBAM6C,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;gEAP7C,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;gEAOzB,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,aAAa,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;kEAHvC,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,QAAQ,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,CAAA;;;;;GALvC,MAUM,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;GATJ,MAEM,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;;;GACN,MAKQ,CAAA,KAAA,EAAA,MAAA,CAAA,CAAA;GADN,MAAgE,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA;;;;qEAFtC,GAAS,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;mDAJlC,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;4FADK,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,OAAO,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;mDAOa,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;4FAA3C,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,aAAa,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;8FAHvC,aAAa,UAAC,GAAI,CAAA,CAAA,CAAA,EAAE,QAAQ,CAAA,CAAA,GAAA,gBAAA,CAAA,CAAA,EAAA;;;;;uGALzB,GAAU,CAAA,CAAA,CAAA,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,iBAAK,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA;gDAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;AAzCzD,CAAA,IAAA,SAAA,YAAA,GAAI,QAAK,MAAM,IAAA,iBAAA,CAAA,GAAA,CAAA,CAAA;AAOf,CAAA,IAAA,SAAA,YAAA,GAAI,QAAK,MAAM,IAAA,iBAAA,CAAA,GAAA,CAAA,CAAA;AAYf,CAAA,IAAA,SAAA,YAAA,GAAI,QAAK,YAAY,IAAA,iBAAA,CAAA,GAAA,CAAA,CAAA;AAqBrB,CAAA,IAAA,SAAA,YAAA,GAAI,QAAK,WAAW,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAxCpB,GAAA,aAAA,GAAI,QAAK,MAAM,EAAA;;;;;;;;;;;;;AAOf,GAAA,aAAA,GAAI,QAAK,MAAM,EAAA;;;;;;;;;;;;;AAYf,GAAA,aAAA,GAAI,QAAK,YAAY,EAAA;;;;;;;;;;;;;AAqBrB,GAAA,aAAA,GAAI,QAAK,WAAW,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAvDd,aAAa,CAAC,IAAa,EAAE,OAAe,EAAA;AAClC,CAAA,OAAA,CAAA,OAAA,EAAA,IAAI,KAAK,OAAO,CAAA,CAAA,CAAA;;;;;;;;;OAjCxB,KAAa,EAAA,GAAA,OAAA,CAAA;AACb,CAAA,IAAA,EAAA,IAAI,GAAY,GAAG,EAAA,GAAA,OAAA,CAAA;OACnB,IAAa,EAAA,GAAA,OAAA,CAAA;AACb,CAAA,IAAA,EAAA,IAAI,GAAY,MAAM,EAAA,GAAA,OAAA,CAAA;OACtB,QAAiB,EAAA,GAAA,OAAA,CAAA;OACjB,EAAU,EAAA,GAAA,OAAA,CAAA;AACV,CAAA,IAAA,EAAA,KAAK,GAAuB,SAAS,EAAA,GAAA,OAAA,CAAA;AACrC,CAAA,IAAA,EAAA,IAAI,GAAuB,SAAS,EAAA,GAAA,OAAA,CAAA;AACpC,CAAA,IAAA,EAAA,IAAI,GAAuB,SAAS,EAAA,GAAA,OAAA,CAAA;AACpC,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;AAOvB,CAAA,IAAA,YAAY,OAAO,YAAY,EAAA,CAAA;;AAE1B,CAAA,SAAA,UAAU,CAAC,IAAa,EAAA;AACzB,EAAA,MAAA,OAAO,cAAc,IAAI,CAAA,CAAA,CAAA,CAAA;;MAE3B,IAAI,EAAA;AACN,GAAA,OAAO,CAAC,IAAI,CAAW,CAAA,OAAA,EAAA,IAAI,KAAK,IAAI,CAAA,CAAA,CAAA,CAAA;;;MAGlC,IAAI,EAAA;GACN,OAAO,CAAC,IAAI,CAAA,CAAA,OAAA,EAAW,IAAI,CAAA,MAAA,CAAA,CAAA,CAAA;;;SAGtB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;UAOhB,QAAQ,GAAA;AACf,EAAA,YAAA,CAAA,CAAA,EAAA,UAAU,IAAI,UAAU,CAAA,CAAA;EACxB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAA,CAAA;AACtB,EAAA,YAAY,CAAC,QAAQ,CAAC,cAAc,EAAE,UAAU,CAAA,CAAA;;;UAGzC,SAAS,GAAA;EAChB,YAAY,CAAC,QAAQ,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAhCzD,mBAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAA,CAAA;;;AACvC,EAAG,YAAA,CAAA,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/public/components/tag/Tag.nested.svelte

@@ -22,7 +22,7 @@
 
   let eventHandler = new EventHandler();
 
-  function getClasses(type: TagType, dark: boolean) {
+  function getClasses(type: TagType) {
     const classes = [`mc-tag-${type}`];
 
     if (size) {
@@ -52,7 +52,7 @@
 </script>
 
 {#if type === 'text'}
-  <span class="{getClasses(type, dark)}  {userClass}" {...attributes}>
+  <span class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
@@ -61,7 +61,7 @@
 {#if type === 'link'}
   <a
     {href}
-    class="{getClasses(type, dark)} {userClass}"
+    class="{getClasses(type)} {userClass}"
     {...attributes}
     on:click|stopPropagation={onSelect}
   >
@@ -72,7 +72,7 @@
 {/if}
 {#if type === 'selectable'}
   <span
-    class="{getClasses(type, dark)}  {userClass}"
+    class="{getClasses(type)}  {userClass}"
     on:click|stopPropagation={onSelect}
     {...attributes}
   >
@@ -92,7 +92,7 @@
   </span>
 {/if}
 {#if type === 'removable'}
-  <span class="{getClasses(type, dark)}  {userClass}" {...attributes}>
+  <span class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>

package/public/components/tag/Tag.svelte

@@ -25,7 +25,7 @@
 
   let eventHandler = new EventHandler();
 
-  function getClasses(type: TagType, dark: boolean) {
+  function getClasses(type: TagType) {
     const classes = [`mc-tag-${type}`];
 
     if (size) {
@@ -54,14 +54,14 @@
 </script>
 
 {#if type === 'text'}
-  <span class="{getClasses(type, dark)}  {userClass}" {...attributes}>
+  <span class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
   </span>
 {/if}
 {#if type === 'link'}
-  <a {href} class="{getClasses(type, dark)}  {userClass}" {...attributes}>
+  <a {href} class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
@@ -69,7 +69,7 @@
 {/if}
 {#if type === 'selectable'}
   <span
-    class="{getClasses(type, dark)}  {userClass}"
+    class="{getClasses(type)}  {userClass}"
     on:click|preventDefault={onSelect}
     {...attributes}
   >
@@ -90,7 +90,7 @@
   </span>
 {/if}
 {#if type === 'removable'}
-  <span class="{getClasses(type, dark)}  {userClass}" {...attributes}>
+  <span class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>

package/public/components/taglist/TagList.js

@@ -1,2 +1,476 @@
-import{S as e,i as t,a as s,b as l,f as a,s as n,e as r,d as i,n as o,g as c,j as d,C as h,E as m,D as u,o as $,J as g,p,c as b,q as f,K as w,M as x,x as y,A as v,G as j}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";import E from"../tag/Tag.nested.js";function C(e,t,s){const l=e.slice();return l[14]=t[s],l[16]=s,l}function R(e){let t,s,a;return s=new E({props:{id:e[14].id,label:e[14].label,size:"s",type:"removable",dark:!1,disabled:!1,selected:!1}}),s.$on("tag-removed",(function(){return e[11](e[14])})),{c(){t=r("div"),y(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),v(s,t,null),a=!0},p(t,l){e=t;const a={};32&l&&(a.id=e[14].id),32&l&&(a.label=e[14].label),s.$set(a)},i(e){a||(h(s.$$.fragment,e),a=!0)},o(e){u(s.$$.fragment,e),a=!1},d(e){e&&$(t),j(s)}}}function S(e){let t,s,a=(e[16]<e[0]||e[4])&&R(e);return{c(){a&&a.c(),t=w()},m(e,n){a&&a.m(e,n),l(e,t,n),s=!0},p(e,s){e[16]<e[0]||e[4]?a?(a.p(e,s),17&s&&h(a,1)):(a=R(e),a.c(),h(a,1),a.m(t.parentNode,t)):a&&(x(),u(a,1,1,(()=>{a=null})),m())},i(e){s||(h(a),s=!0)},o(e){u(a),s=!1},d(e){a&&a.d(e),e&&$(t)}}}function z(e){let t,s,a;return s=new E({props:{id:"id-tag",label:e[4]&&!e[3]?e[2]:e[1],size:"s",type:"link",class:"mc-taglist__showhide",dark:!1,disabled:!1,name:""}}),s.$on("tag-selected",e[7]),{c(){t=r("div"),y(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),v(s,t,null),a=!0},p(e,t){const l={};30&t&&(l.label=e[4]&&!e[3]?e[2]:e[1]),s.$set(l)},i(e){a||(h(s.$$.fragment,e),a=!0)},o(e){u(s.$$.fragment,e),a=!1},d(e){e&&$(t),j(s)}}}function A(e){let t,s,a,n=e[5],p=[];for(let t=0;t<n.length;t+=1)p[t]=S(C(e,n,t));const b=e=>u(p[e],1,1,(()=>{p[e]=null}));let f=e[0]&&e[5].length>e[0]&&z(e);return{c(){t=r("div");for(let e=0;e<p.length;e+=1)p[e].c();s=i(),f&&f.c(),this.c=o,c(t,"class","mc-taglist")},m(e,n){l(e,t,n);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(t,null);d(t,s),f&&f.m(t,null),a=!0},p(e,[l]){if(113&l){let a;for(n=e[5],a=0;a<n.length;a+=1){const r=C(e,n,a);p[a]?(p[a].p(r,l),h(p[a],1)):(p[a]=S(r),p[a].c(),h(p[a],1),p[a].m(t,s))}for(x(),a=n.length;a<p.length;a+=1)b(a);m()}e[0]&&e[5].length>e[0]?f?(f.p(e,l),33&l&&h(f,1)):(f=z(e),f.c(),h(f,1),f.m(t,null)):f&&(x(),u(f,1,1,(()=>{f=null})),m())},i(e){if(!a){for(let e=0;e<n.length;e+=1)h(p[e]);h(f),a=!0}},o(e){p=p.filter(Boolean);for(let e=0;e<p.length;e+=1)u(p[e]);u(f),a=!1},d(e){e&&$(t),g(p,e),f&&f.d()}}}function J(e,t,s){let l,a,n;const r=["items","max","showlabel","reducelabel","showall","stateless"];let i=p(t,r),{items:o}=t,{max:c=10}=t,{showlabel:d="Show all"}=t,{reducelabel:h="Reduce"}=t,{showall:m=!1}=t,{stateless:u=!1}=t,$=new k;function g(e){$.dispatch("tag-removed",e)}return e.$$set=e=>{t=b(b({},t),f(e)),s(13,i=p(t,r)),"items"in e&&s(8,o=e.items),"max"in e&&s(0,c=e.max),"showlabel"in e&&s(1,d=e.showlabel),"reducelabel"in e&&s(2,h=e.reducelabel),"showall"in e&&s(9,m=e.showall),"stateless"in e&&s(3,u=e.stateless)},e.$$.update=()=>{256&e.$$.dirty&&s(5,l=o?JSON.parse(o):[]),512&e.$$.dirty&&s(4,a=!!m),s(10,n=Object.assign({},i)),1024&e.$$.dirty&&delete n.class},[c,d,h,u,a,l,g,function(){u?$.dispatch(a?"reduce":"show-all",l):s(4,a=!a)},o,m,n,e=>g(e)]}class N extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-taglist{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},J,A,n,{items:8,max:0,showlabel:1,reducelabel:2,showall:9,stateless:3},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["items","max","showlabel","reducelabel","showall","stateless"]}get items(){return this.$$.ctx[8]}set items(e){this.$$set({items:e}),a()}get max(){return this.$$.ctx[0]}set max(e){this.$$set({max:e}),a()}get showlabel(){return this.$$.ctx[1]}set showlabel(e){this.$$set({showlabel:e}),a()}get reducelabel(){return this.$$.ctx[2]}set reducelabel(e){this.$$set({reducelabel:e}),a()}get showall(){return this.$$.ctx[9]}set showall(e){this.$$set({showall:e}),a()}get stateless(){return this.$$.ctx[3]}set stateless(e){this.$$set({stateless:e}),a()}}export{N as default};
+import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, e as element, d as space, n as noop, g as attr, j as append, C as transition_in, E as check_outros, D as transition_out, o as detach, J as destroy_each, p as compute_rest_props, c as assign, q as exclude_internal_props, K as empty, M as group_outros, x as create_component, A as mount_component, G as destroy_component } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+import Tag_nested from '../tag/Tag.nested.js';
+
+/* src/components/taglist/TagList.svelte generated by Svelte v3.58.0 */
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[14] = list[i];
+	child_ctx[16] = i;
+	return child_ctx;
+}
+
+// (29:4) {#if index < max || showAll}
+function create_if_block_1(ctx) {
+	let div;
+	let tag;
+	let current;
+
+	function tag_removed_handler() {
+		return /*tag_removed_handler*/ ctx[11](/*item*/ ctx[14]);
+	}
+
+	tag = new Tag_nested({
+			props: {
+				id: /*item*/ ctx[14].id,
+				label: /*item*/ ctx[14].label,
+				size: 's',
+				type: "removable",
+				dark: false,
+				disabled: false,
+				selected: false
+			}
+		});
+
+	tag.$on("tag-removed", tag_removed_handler);
+
+	return {
+		c() {
+			div = element("div");
+			create_component(tag.$$.fragment);
+			attr(div, "class", "tag-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(tag, div, null);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const tag_changes = {};
+			if (dirty & /*parsedItems*/ 32) tag_changes.id = /*item*/ ctx[14].id;
+			if (dirty & /*parsedItems*/ 32) tag_changes.label = /*item*/ ctx[14].label;
+			tag.$set(tag_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(tag.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(tag.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(tag);
+		}
+	};
+}
+
+// (28:2) {#each parsedItems as item, index}
+function create_each_block(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = (/*index*/ ctx[16] < /*max*/ ctx[0] || /*showAll*/ ctx[4]) && create_if_block_1(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (/*index*/ ctx[16] < /*max*/ ctx[0] || /*showAll*/ ctx[4]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*max, showAll*/ 17) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (44:2) {#if max && parsedItems.length > max}
+function create_if_block(ctx) {
+	let div;
+	let tag;
+	let current;
+
+	tag = new Tag_nested({
+			props: {
+				id: "id-tag",
+				label: /*showAll*/ ctx[4] && !/*stateless*/ ctx[3]
+				? /*reducelabel*/ ctx[2]
+				: /*showlabel*/ ctx[1],
+				size: "s",
+				type: "link",
+				class: "mc-taglist__showhide",
+				dark: false,
+				disabled: false,
+				name: ""
+			}
+		});
+
+	tag.$on("tag-selected", /*onExtend*/ ctx[7]);
+
+	return {
+		c() {
+			div = element("div");
+			create_component(tag.$$.fragment);
+			attr(div, "class", "tag-selected");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(tag, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const tag_changes = {};
+
+			if (dirty & /*showAll, stateless, reducelabel, showlabel*/ 30) tag_changes.label = /*showAll*/ ctx[4] && !/*stateless*/ ctx[3]
+			? /*reducelabel*/ ctx[2]
+			: /*showlabel*/ ctx[1];
+
+			tag.$set(tag_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(tag.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(tag.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(tag);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let t;
+	let current;
+	let each_value = /*parsedItems*/ ctx[5];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	let if_block = /*max*/ ctx[0] && /*parsedItems*/ ctx[5].length > /*max*/ ctx[0] && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			t = space();
+			if (if_block) if_block.c();
+			this.c = noop;
+			attr(div, "class", "mc-taglist");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(div, null);
+				}
+			}
+
+			append(div, t);
+			if (if_block) if_block.m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*parsedItems, onRemoved, max, showAll*/ 113) {
+				each_value = /*parsedItems*/ ctx[5];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(div, t);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+
+			if (/*max*/ ctx[0] && /*parsedItems*/ ctx[5].length > /*max*/ ctx[0]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*max, parsedItems*/ 33) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let parsedItems;
+	let showAll;
+	let attributes;
+	const omit_props_names = ["items","max","showlabel","reducelabel","showall","stateless"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { items } = $$props;
+	let { max = 10 } = $$props;
+	let { showlabel = 'Show all' } = $$props;
+	let { reducelabel = 'Reduce' } = $$props;
+	let { showall = false } = $$props;
+	let { stateless = false } = $$props;
+	let eventHandler = new EventHandler();
+
+	function onRemoved(item) {
+		eventHandler.dispatch('tag-removed', item);
+	}
+
+	function onExtend() {
+		if (stateless) eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems); else $$invalidate(4, showAll = !showAll);
+	}
+
+	const tag_removed_handler = item => onRemoved(item);
+
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('items' in $$new_props) $$invalidate(8, items = $$new_props.items);
+		if ('max' in $$new_props) $$invalidate(0, max = $$new_props.max);
+		if ('showlabel' in $$new_props) $$invalidate(1, showlabel = $$new_props.showlabel);
+		if ('reducelabel' in $$new_props) $$invalidate(2, reducelabel = $$new_props.reducelabel);
+		if ('showall' in $$new_props) $$invalidate(9, showall = $$new_props.showall);
+		if ('stateless' in $$new_props) $$invalidate(3, stateless = $$new_props.stateless);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*items*/ 256) {
+			$$invalidate(5, parsedItems = items ? JSON.parse(items) : []);
+		}
+
+		if ($$self.$$.dirty & /*showall*/ 512) {
+			$$invalidate(4, showAll = showall ? true : false);
+		}
+
+		$$invalidate(10, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 1024) {
+			delete attributes.class;
+		}
+	};
+
+	return [
+		max,
+		showlabel,
+		reducelabel,
+		stateless,
+		showAll,
+		parsedItems,
+		onRemoved,
+		onExtend,
+		items,
+		showall,
+		attributes,
+		tag_removed_handler
+	];
+}
+
+class TagList extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-taglist{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				items: 8,
+				max: 0,
+				showlabel: 1,
+				reducelabel: 2,
+				showall: 9,
+				stateless: 3
+			},
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return ["items", "max", "showlabel", "reducelabel", "showall", "stateless"];
+	}
+
+	get items() {
+		return this.$$.ctx[8];
+	}
+
+	set items(items) {
+		this.$$set({ items });
+		flush();
+	}
+
+	get max() {
+		return this.$$.ctx[0];
+	}
+
+	set max(max) {
+		this.$$set({ max });
+		flush();
+	}
+
+	get showlabel() {
+		return this.$$.ctx[1];
+	}
+
+	set showlabel(showlabel) {
+		this.$$set({ showlabel });
+		flush();
+	}
+
+	get reducelabel() {
+		return this.$$.ctx[2];
+	}
+
+	set reducelabel(reducelabel) {
+		this.$$set({ reducelabel });
+		flush();
+	}
+
+	get showall() {
+		return this.$$.ctx[9];
+	}
+
+	set showall(showall) {
+		this.$$set({ showall });
+		flush();
+	}
+
+	get stateless() {
+		return this.$$.ctx[3];
+	}
+
+	set stateless(stateless) {
+		this.$$set({ stateless });
+		flush();
+	}
+}
+
+export { TagList as default };
 //# sourceMappingURL=TagList.js.map

package/public/components/taglist/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sources":["../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { TagElem } from '../tag/tag.types';\n  export let items: string;\n  export let max = 10;\n  export let showlabel = 'Show all';\n  export let reducelabel = 'Reduce';\n  export let showall = false;\n  export let stateless = false;\n\n  $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];\n  $: showAll = showall ? true : false;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function onRemoved(item: any): void {\n    eventHandler.dispatch('tag-removed', item);\n  }\n\n  function onExtend(): void {\n    if (stateless)\n      eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);\n    else showAll = !showAll;\n  }\n</script>\n\n<div class=\"mc-taglist\">\n  {#each parsedItems as item, index}\n    {#if index < max || showAll}\n      <div class=\"tag-selected\">\n        <Tag\n          id={item.id}\n          label={item.label}\n          size={'s'}\n          type=\"removable\"\n          dark={false}\n          disabled={false}\n          selected={false}\n          on:tag-removed={() => onRemoved(item)}\n        />\n      </div>\n    {/if}\n  {/each}\n  {#if max && parsedItems.length > max}\n    <div class=\"tag-selected\">\n      <Tag\n        id=\"id-tag\"\n        label={showAll && !stateless ? reducelabel : showlabel}\n        size=\"s\"\n        type=\"link\"\n        class=\"mc-taglist__showhide\"\n        dark={false}\n        disabled={false}\n        name=\"\"\n        on:tag-selected={onExtend}\n      />\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  .mc-taglist {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: $mu100;\n\n    &__showhide {\n      cursor: pointer;\n    }\n  }\n</style>\n"],"names":["id","ctx","label","insert","target","div","anchor","dirty","tag_changes","create_if_block_1","length","i","if_block","create_if_block","each_blocks","items","$$props","max","showlabel","reducelabel","showall","stateless","eventHandler","EventHandler","onRemoved","item","dispatch","$$invalidate","parsedItems","JSON","parse","showAll","attributes","Object","assign","$$restProps","class"],"mappings":"8YAoCcA,GAAAC,MAAKD,GACFE,MAAAD,MAAKC,WACN,2BAEA,YACI,YACA,iIARdC,EAWKC,EAAAC,EAAAC,2CATG,GAAAC,IAAAC,EAAAR,GAAAC,MAAKD,IACF,GAAAO,IAAAC,EAAAN,MAAAD,MAAKC,gIAJbD,EAAK,IAAGA,EAAG,IAAIA,EAAO,KAAAQ,EAAAR,uEAAtBA,EAAK,IAAGA,EAAG,IAAIA,EAAO,sOAmBhBC,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,2DAIhD,YACI,kCAEOA,EAAQ,yEAV7BE,EAYKC,EAAAC,EAAAC,uCATM,GAAAC,IAAAC,EAAAN,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,8HApBrDA,EAAW,wBAAhBS,OAAIC,GAAA,4DAgBD,IAAAC,EAAAX,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,IAAAY,EAAAZ,wHAjBtCE,EAgCKC,EAAAC,EAAAC,+GA/BIL,EAAW,WAAhBS,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAG,EAAAJ,OAAAC,GAAA,WAgBDV,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,iIAhBlCS,OAAIC,GAAA,qPA1BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAKL,EAOxBM,MAAmBC,EAEd,SAAAC,EAAUC,GACjBH,EAAaI,SAAS,cAAeD,6RARtCE,EAAA,EAAEC,EAAcb,EAASc,KAAKC,MAAMf,GAAK,wBACvCgB,IAAUX,QACVY,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,iCASff,EACFC,EAAaI,SAASK,EAAU,SAAW,WAAYH,GACpDD,EAAA,EAAAI,GAAWA,UAgBYN,GAAAD,EAAUC"}
+{"version":3,"file":"TagList.js","sources":["../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import Tag from '../tag/Tag.nested.svelte';\n  import type { TagElem } from '../tag/tag.types';\n  export let items: string;\n  export let max = 10;\n  export let showlabel = 'Show all';\n  export let reducelabel = 'Reduce';\n  export let showall = false;\n  export let stateless = false;\n\n  $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];\n  $: showAll = showall ? true : false;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  let eventHandler = new EventHandler();\n\n  function onRemoved(item: any): void {\n    eventHandler.dispatch('tag-removed', item);\n  }\n\n  function onExtend(): void {\n    if (stateless)\n      eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);\n    else showAll = !showAll;\n  }\n</script>\n\n<div class=\"mc-taglist\">\n  {#each parsedItems as item, index}\n    {#if index < max || showAll}\n      <div class=\"tag-selected\">\n        <Tag\n          id={item.id}\n          label={item.label}\n          size={'s'}\n          type=\"removable\"\n          dark={false}\n          disabled={false}\n          selected={false}\n          on:tag-removed={() => onRemoved(item)}\n        />\n      </div>\n    {/if}\n  {/each}\n  {#if max && parsedItems.length > max}\n    <div class=\"tag-selected\">\n      <Tag\n        id=\"id-tag\"\n        label={showAll && !stateless ? reducelabel : showlabel}\n        size=\"s\"\n        type=\"link\"\n        class=\"mc-taglist__showhide\"\n        dark={false}\n        disabled={false}\n        name=\"\"\n        on:tag-selected={onExtend}\n      />\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  .mc-taglist {\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: $mu100;\n\n    &__showhide {\n      cursor: pointer;\n    }\n  }\n</style>\n"],"names":[],"mappings":"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"}