@mozaic-ds/web-components 0.5.0 → 0.6.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) {\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":"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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":["ctx","getSubClasses","insert","target","span1","anchor","append","span0","class","span1_class_value","a","span","a_class_value","input","label_1","span2","button","span2_class_value","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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"}

package/public/components/taglist/TagList.js

@@ -1,476 +1,2 @@
-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 };
+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};
 //# 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":[],"mappings":"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"}
+{"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"}