@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

package/public/components/link/Link.js

@@ -1,2 +1,381 @@
-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,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-c33b3772.js";import{c as z}from"../../EventForward-8492ff62.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(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 T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(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=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(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=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E 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},C,H,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{E 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, 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 };
 //# 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":["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":"4QA6DiBA,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,uHAbIP,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"}
+{"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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"}