@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/link/Link.js

@@ -1,381 +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, c as assign, e as element, d as space, t as text, n as noop, h as set_attributes, j as append, B as action_destroyer, l as listen, X as set_data_maybe_contenteditable, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, g as attr, O as bubble } from '../../index-c33b3772.js';
-import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
-
-/* src/components/link/Link.svelte generated by Svelte v3.58.0 */
-
-function create_if_block_1(ctx) {
-	let span;
-	let raw_value = `<${generateIconName(/*iconname*/ ctx[6])} />` + "";
-	let span_class_value;
-
-	return {
-		c() {
-			span = element("span");
-			attr(span, "class", span_class_value = generateIconClass(/*iconposition*/ ctx[7]));
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			span.innerHTML = raw_value;
-		},
-		p(ctx, dirty) {
-			if (dirty & /*iconname*/ 64 && raw_value !== (raw_value = `<${generateIconName(/*iconname*/ ctx[6])} />` + "")) span.innerHTML = raw_value;
-			if (dirty & /*iconposition*/ 128 && span_class_value !== (span_class_value = generateIconClass(/*iconposition*/ ctx[7]))) {
-				attr(span, "class", span_class_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-// (58:2) {#if iconname && iconposition === 'right'}
-function create_if_block(ctx) {
-	let span;
-	let raw_value = `<${generateIconName(/*iconname*/ ctx[6])} />` + "";
-	let span_class_value;
-
-	return {
-		c() {
-			span = element("span");
-			attr(span, "class", span_class_value = generateIconClass(/*iconposition*/ ctx[7]));
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			span.innerHTML = raw_value;
-		},
-		p(ctx, dirty) {
-			if (dirty & /*iconname*/ 64 && raw_value !== (raw_value = `<${generateIconName(/*iconname*/ ctx[6])} />` + "")) span.innerHTML = raw_value;
-			if (dirty & /*iconposition*/ 128 && span_class_value !== (span_class_value = generateIconClass(/*iconposition*/ ctx[7]))) {
-				attr(span, "class", span_class_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let a;
-	let t0;
-	let t1;
-	let t2;
-	let a_class_value;
-	let mounted;
-	let dispose;
-	let if_block0 = /*iconname*/ ctx[6] && /*iconposition*/ ctx[7] === 'left' && create_if_block_1(ctx);
-	let if_block1 = /*iconname*/ ctx[6] && /*iconposition*/ ctx[7] === 'right' && create_if_block(ctx);
-
-	let a_levels = [
-		{ href: /*href*/ ctx[1] },
-		{ target: /*target*/ ctx[2] },
-		{
-			class: a_class_value = "" + (setClasses(/*theme*/ ctx[3], /*size*/ ctx[5]) + " " + (/*disabled*/ ctx[4] ? 'is-disabled' : '') + " " + /*userClass*/ ctx[9])
-		},
-		/*attributes*/ ctx[8]
-	];
-
-	let a_data = {};
-
-	for (let i = 0; i < a_levels.length; i += 1) {
-		a_data = assign(a_data, a_levels[i]);
-	}
-
-	return {
-		c() {
-			a = element("a");
-			if (if_block0) if_block0.c();
-			t0 = space();
-			t1 = text(/*label*/ ctx[0]);
-			t2 = space();
-			if (if_block1) if_block1.c();
-			this.c = noop;
-			set_attributes(a, a_data);
-		},
-		m(target, anchor) {
-			insert(target, a, anchor);
-			if (if_block0) if_block0.m(a, null);
-			append(a, t0);
-			append(a, t1);
-			append(a, t2);
-			if (if_block1) if_block1.m(a, null);
-
-			if (!mounted) {
-				dispose = [
-					action_destroyer(/*forwardEvents*/ ctx[10].call(null, a)),
-					listen(a, "click", /*click_handler*/ ctx[11])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (/*iconname*/ ctx[6] && /*iconposition*/ ctx[7] === 'left') {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-				} else {
-					if_block0 = create_if_block_1(ctx);
-					if_block0.c();
-					if_block0.m(a, t0);
-				}
-			} else if (if_block0) {
-				if_block0.d(1);
-				if_block0 = null;
-			}
-
-			if (dirty & /*label*/ 1) set_data_maybe_contenteditable(t1, /*label*/ ctx[0], a_data['contenteditable']);
-
-			if (/*iconname*/ ctx[6] && /*iconposition*/ ctx[7] === 'right') {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block(ctx);
-					if_block1.c();
-					if_block1.m(a, null);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-
-			set_attributes(a, a_data = get_spread_update(a_levels, [
-				dirty & /*href*/ 2 && { href: /*href*/ ctx[1] },
-				dirty & /*target*/ 4 && { target: /*target*/ ctx[2] },
-				dirty & /*theme, size, disabled, userClass*/ 568 && a_class_value !== (a_class_value = "" + (setClasses(/*theme*/ ctx[3], /*size*/ ctx[5]) + " " + (/*disabled*/ ctx[4] ? 'is-disabled' : '') + " " + /*userClass*/ ctx[9])) && { class: a_class_value },
-				dirty & /*attributes*/ 256 && /*attributes*/ ctx[8]
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(a);
-			if (if_block0) if_block0.d();
-			if (if_block1) if_block1.d();
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function generateIconName(iconName) {
-	return `${iconName} size="1rem"`;
-}
-
-function generateIconClass(iconposition) {
-	const classes = ['mc-link__icon'];
-
-	if (iconposition === 'left') {
-		classes.push('mc-link__icon--left');
-	}
-
-	if (iconposition === 'right') {
-		classes.push('mc-link__icon--right');
-	}
-
-	return classes.join(' ');
-}
-
-function setClasses(theme, size) {
-	const classes = ['mc-link'];
-
-	if (theme) {
-		classes.push(`mc-link--${theme}`);
-	}
-
-	if (size) {
-		classes.push(`mc-link--${size}`);
-	}
-
-	return classes.join(' ');
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let userClass;
-	let attributes;
-	const omit_props_names = ["label","href","target","theme","disabled","size","iconname","iconposition"];
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { label } = $$props;
-	let { href } = $$props;
-	let { target } = $$props;
-	let { theme = undefined } = $$props;
-	let { disabled = false } = $$props;
-	let { size = 'm' } = $$props;
-	let { iconname = undefined } = $$props;
-	let { iconposition = undefined } = $$props;
-	const forwardEvents = createEventForwarder(get_current_component());
-
-	function click_handler(event) {
-		bubble.call(this, $$self, event);
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(13, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(12, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('label' in $$new_props) $$invalidate(0, label = $$new_props.label);
-		if ('href' in $$new_props) $$invalidate(1, href = $$new_props.href);
-		if ('target' in $$new_props) $$invalidate(2, target = $$new_props.target);
-		if ('theme' in $$new_props) $$invalidate(3, theme = $$new_props.theme);
-		if ('disabled' in $$new_props) $$invalidate(4, disabled = $$new_props.disabled);
-		if ('size' in $$new_props) $$invalidate(5, size = $$new_props.size);
-		if ('iconname' in $$new_props) $$invalidate(6, iconname = $$new_props.iconname);
-		if ('iconposition' in $$new_props) $$invalidate(7, iconposition = $$new_props.iconposition);
-	};
-
-	$$self.$$.update = () => {
-		$$invalidate(9, userClass = $$props.class);
-		$$invalidate(8, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 256) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		label,
-		href,
-		target,
-		theme,
-		disabled,
-		size,
-		iconname,
-		iconposition,
-		attributes,
-		userClass,
-		forwardEvents,
-		click_handler
-	];
-}
-
-class Link extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				label: 0,
-				href: 1,
-				target: 2,
-				theme: 3,
-				disabled: 4,
-				size: 5,
-				iconname: 6,
-				iconposition: 7
-			},
-			null
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"label",
-			"href",
-			"target",
-			"theme",
-			"disabled",
-			"size",
-			"iconname",
-			"iconposition"
-		];
-	}
-
-	get label() {
-		return this.$$.ctx[0];
-	}
-
-	set label(label) {
-		this.$$set({ label });
-		flush();
-	}
-
-	get href() {
-		return this.$$.ctx[1];
-	}
-
-	set href(href) {
-		this.$$set({ href });
-		flush();
-	}
-
-	get target() {
-		return this.$$.ctx[2];
-	}
-
-	set target(target) {
-		this.$$set({ target });
-		flush();
-	}
-
-	get theme() {
-		return this.$$.ctx[3];
-	}
-
-	set theme(theme) {
-		this.$$set({ theme });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[4];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[5];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get iconname() {
-		return this.$$.ctx[6];
-	}
-
-	set iconname(iconname) {
-		this.$$set({ iconname });
-		flush();
-	}
-
-	get iconposition() {
-		return this.$$.ctx[7];
-	}
-
-	set iconposition(iconposition) {
-		this.$$set({ iconposition });
-		flush();
-	}
-}
-
-export { Link as default };
+import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,I as b,X as p,m as g,o as u,H as x,p as $,r as v,q as w,g as y,O as z}from"../../index-c33b3772.js";import{c as _}from"../../EventForward-8492ff62.js";function j(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function H(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function L(e){let i,t,s,o,$,v,w,y=e[6]&&"left"===e[7]&&j(e),z=e[6]&&"right"===e[7]&&H(e),_=[{href:e[1]},{target:e[2]},{class:$=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],L={};for(let e=0;e<_.length;e+=1)L=r(L,_[e]);return{c(){i=l("a"),y&&y.c(),t=c(),s=a(e[0]),o=c(),z&&z.c(),this.c=m,h(i,L)},m(r,l){n(r,i,l),y&&y.m(i,null),d(i,t),d(i,s),d(i,o),z&&z.m(i,null),v||(w=[f(e[10].call(null,i)),k(i,"click",b(e[11]))],v=!0)},p(e,[n]){e[6]&&"left"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,t)):y&&(y.d(1),y=null),1&n&&p(s,e[0],L.contenteditable),e[6]&&"right"===e[7]?z?z.p(e,n):(z=H(e),z.c(),z.m(i,null)):z&&(z.d(1),z=null),h(i,L=g(_,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&$!==($=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:$},256&n&&e[8]]))},i:m,o:m,d(e){e&&u(i),y&&y.d(),z&&z.d(),v=!1,x(w)}}}function M(e){return`${e} size="1rem"`}function T(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function C(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function E(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=$(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=_(v());return e.$$set=e=>{t(13,i=r(r({},i),w(e))),t(12,l=$(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=w(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){z.call(this,e,i)}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},E,L,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{O as default};
 //# sourceMappingURL=Link.js.map

package/public/components/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if iconname && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if iconname && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click|stopPropagation\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if iconname && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if iconname && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"mRA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,0HAbIP,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/public/components/link/Link.svelte

@@ -51,7 +51,7 @@
 
 <a
   use:forwardEvents
-  on:click
+  on:click|stopPropagation
   {href}
   {target}
   class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"