@mozaic-ds/web-components 0.4.1-beta.0 → 0.5.0

package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js

@@ -1,2 +1,264 @@
-import{P as e,i as t,s as l,Q as s,e as n,g as c,b as o,n as a,o as d,t as i,d as r,j as u,k as m,K as p}from"../../index-c33b3772.js";function b(e){s(e,"svelte-o9e44d",".mc-datatable__topbar-selection.svelte-o9e44d.svelte-o9e44d{margin-left:1rem}.center-selection-label.svelte-o9e44d.svelte-o9e44d{text-align:center}.center-selection-label.svelte-o9e44d span.svelte-o9e44d{line-height:2;display:inline-block;vertical-align:middle}")}function v(e){let t;function l(e,t){return e[1]?.allSelected?f:S}let s=l(e),a=s(e);return{c(){t=n("div"),a.c(),c(t,"class","center-selection-label svelte-o9e44d")},m(e,l){o(e,t,l),a.m(t,null)},p(e,n){s===(s=l(e))&&a?a.p(e,n):(a.d(1),a=s(e),a&&(a.c(),a.m(t,null)))},d(e){e&&d(t),a.d()}}}function S(e){let t,l,s,a,p,b=e[1]?.idsSelected.length+"",v=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),a=r(),p=i(v),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,a),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.idsSelected.length+"")&&m(s,b),2&t&&v!==(v=(e[1]?.selectedLabel||"selected")+"")&&m(p,v)},d(e){e&&d(t)}}}function f(e){let t;function l(e,t){return e[1]?.excludedIdsFromSelection.length>0?g:h}let s=l(e),n=s(e);return{c(){n.c(),t=p()},m(e,l){n.m(e,l),o(e,t,l)},p(e,c){s===(s=l(e))&&n?n.p(e,c):(n.d(1),n=s(e),n&&(n.c(),n.m(t.parentNode,t)))},d(e){n.d(e),e&&d(t)}}}function h(e){let t,l,s,a=e[1]?.totalItems+" selected";return{c(){t=n("span"),l=n("b"),s=i(a),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s)},p(e,t){2&t&&a!==(a=e[1]?.totalItems+" selected")&&m(s,a)},d(e){e&&d(t)}}}function g(e){let t,l,s,a,p,b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"",v=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),a=r(),p=i(v),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,a),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"")&&m(s,b),2&t&&v!==(v=(e[1]?.selectedLabel||"selected")+"")&&m(p,v)},d(e){e&&d(t)}}}function x(e){let t,l=e[0]&&e[2]&&null!=e[1]&&v(e);return{c(){t=n("div"),l&&l.c(),c(t,"class","mc-datatable__topbar-selection svelte-o9e44d")},m(e,s){o(e,t,s),l&&l.m(t,null)},p(e,[s]){e[0]&&e[2]&&null!=e[1]?l?l.p(e,s):(l=v(e),l.c(),l.m(t,null)):l&&(l.d(1),l=null)},i:a,o:a,d(e){e&&d(t),l&&l.d()}}}function I(e,t,l){let{itemsSelection:s}=t,{selectionParams:n}=t,{showSelectionCount:c}=t;return e.$$set=e=>{"itemsSelection"in e&&l(0,s=e.itemsSelection),"selectionParams"in e&&l(1,n=e.selectionParams),"showSelectionCount"in e&&l(2,c=e.showSelectionCount)},[s,n,c]}class P extends e{constructor(e){super(),t(this,e,I,x,l,{itemsSelection:0,selectionParams:1,showSelectionCount:2},b)}}export{P as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, g as attr, b as insert, n as noop, o as detach, t as text, d as space, j as append, k as set_data, K as empty } from '../../index-c33b3772.js';
+
+/* src/components/datatable/DataTableDefaultSelectionLabel.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-o9e44d", ".mc-datatable__topbar-selection.svelte-o9e44d.svelte-o9e44d{margin-left:1rem}.center-selection-label.svelte-o9e44d.svelte-o9e44d{text-align:center}.center-selection-label.svelte-o9e44d span.svelte-o9e44d{line-height:2;display:inline-block;vertical-align:middle}");
+}
+
+// (7:2) {#if itemsSelection && showSelectionCount && selectionParams != null}
+function create_if_block(ctx) {
+	let div;
+
+	function select_block_type(ctx, dirty) {
+		if (/*selectionParams*/ ctx[1]?.allSelected) return create_if_block_1;
+		return create_else_block_1;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if_block.c();
+			attr(div, "class", "center-selection-label svelte-o9e44d");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if_block.m(div, null);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(div, null);
+				}
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if_block.d();
+		}
+	};
+}
+
+// (21:6) {:else}
+function create_else_block_1(ctx) {
+	let span;
+	let b;
+	let t0_value = /*selectionParams*/ ctx[1]?.idsSelected.length + "";
+	let t0;
+	let t1;
+	let t2_value = (/*selectionParams*/ ctx[1]?.selectedLabel || 'selected') + "";
+	let t2;
+
+	return {
+		c() {
+			span = element("span");
+			b = element("b");
+			t0 = text(t0_value);
+			t1 = space();
+			t2 = text(t2_value);
+			attr(span, "class", "svelte-o9e44d");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, b);
+			append(b, t0);
+			append(b, t1);
+			append(b, t2);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*selectionParams*/ 2 && t0_value !== (t0_value = /*selectionParams*/ ctx[1]?.idsSelected.length + "")) set_data(t0, t0_value);
+			if (dirty & /*selectionParams*/ 2 && t2_value !== (t2_value = (/*selectionParams*/ ctx[1]?.selectedLabel || 'selected') + "")) set_data(t2, t2_value);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+// (9:6) {#if selectionParams?.allSelected}
+function create_if_block_1(ctx) {
+	let if_block_anchor;
+
+	function select_block_type_1(ctx, dirty) {
+		if (/*selectionParams*/ ctx[1]?.excludedIdsFromSelection.length > 0) return create_if_block_2;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type_1(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			}
+		},
+		d(detaching) {
+			if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (18:8) {:else}
+function create_else_block(ctx) {
+	let span;
+	let b;
+	let t_value = /*selectionParams*/ ctx[1]?.totalItems + ' selected' + "";
+	let t;
+
+	return {
+		c() {
+			span = element("span");
+			b = element("b");
+			t = text(t_value);
+			attr(span, "class", "svelte-o9e44d");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, b);
+			append(b, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*selectionParams*/ 2 && t_value !== (t_value = /*selectionParams*/ ctx[1]?.totalItems + ' selected' + "")) set_data(t, t_value);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+// (10:8) {#if selectionParams?.excludedIdsFromSelection.length > 0}
+function create_if_block_2(ctx) {
+	let span;
+	let b;
+	let t0_value = /*selectionParams*/ ctx[1]?.totalItems - /*selectionParams*/ ctx[1]?.excludedIdsFromSelection.length + "";
+	let t0;
+	let t1;
+	let t2_value = (/*selectionParams*/ ctx[1]?.selectedLabel || 'selected') + "";
+	let t2;
+
+	return {
+		c() {
+			span = element("span");
+			b = element("b");
+			t0 = text(t0_value);
+			t1 = space();
+			t2 = text(t2_value);
+			attr(span, "class", "svelte-o9e44d");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, b);
+			append(b, t0);
+			append(b, t1);
+			append(b, t2);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*selectionParams*/ 2 && t0_value !== (t0_value = /*selectionParams*/ ctx[1]?.totalItems - /*selectionParams*/ ctx[1]?.excludedIdsFromSelection.length + "")) set_data(t0, t0_value);
+			if (dirty & /*selectionParams*/ 2 && t2_value !== (t2_value = (/*selectionParams*/ ctx[1]?.selectedLabel || 'selected') + "")) set_data(t2, t2_value);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let if_block = /*itemsSelection*/ ctx[0] && /*showSelectionCount*/ ctx[2] && /*selectionParams*/ ctx[1] != null && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block) if_block.c();
+			attr(div, "class", "mc-datatable__topbar-selection svelte-o9e44d");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+		},
+		p(ctx, [dirty]) {
+			if (/*itemsSelection*/ ctx[0] && /*showSelectionCount*/ ctx[2] && /*selectionParams*/ ctx[1] != null) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { itemsSelection } = $$props;
+	let { selectionParams } = $$props;
+	let { showSelectionCount } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('itemsSelection' in $$props) $$invalidate(0, itemsSelection = $$props.itemsSelection);
+		if ('selectionParams' in $$props) $$invalidate(1, selectionParams = $$props.selectionParams);
+		if ('showSelectionCount' in $$props) $$invalidate(2, showSelectionCount = $$props.showSelectionCount);
+	};
+
+	return [itemsSelection, selectionParams, showSelectionCount];
+}
+
+class DataTableDefaultSelectionLabel_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				itemsSelection: 0,
+				selectionParams: 1,
+				showSelectionCount: 2
+			},
+			add_css
+		);
+	}
+}
+
+export { DataTableDefaultSelectionLabel_nested as default };
 //# sourceMappingURL=DataTableDefaultSelectionLabel.nested.js.map

package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableDefaultSelectionLabel.nested.js","sources":["../../../src/components/datatable/DataTableDefaultSelectionLabel.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import type { SelectionParams } from './datatable.types';\n\n  export let itemsSelection: boolean;\n  export let selectionParams: SelectionParams | undefined;\n  export let showSelectionCount: boolean;\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n  {#if itemsSelection && showSelectionCount && selectionParams != null}\n    <div class=\"center-selection-label\">\n      {#if selectionParams?.allSelected}\n        {#if selectionParams?.excludedIdsFromSelection.length > 0}\n          <span\n            ><b\n              >{selectionParams?.totalItems -\n                selectionParams?.excludedIdsFromSelection.length}\n              {selectionParams?.selectedLabel || 'selected'}</b\n            >\n          </span>\n        {:else}\n          <span><b>{selectionParams?.totalItems + ' selected'}</b> </span>\n        {/if}\n      {:else}\n        <span\n          ><b\n            >{selectionParams?.idsSelected.length}\n            {selectionParams?.selectedLabel || 'selected'}</b\n          >\n        </span>\n      {/if}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  .mc-datatable__topbar-selection {\n    margin-left: 1rem;\n  }\n\n  .center-selection-label {\n    text-align: center;\n  }\n\n  .center-selection-label span {\n    line-height: 2;\n    display: inline-block;\n    vertical-align: middle;\n  }\n</style>\n"],"names":["ctx","allSelected","create_if_block_1","insert","target","div","anchor","idsSelected","length","selectedLabel","span","append","b","set_data","t0","t0_value","t2","t2_value","excludedIdsFromSelection","create_if_block_2","totalItems","t","t_value","dirty","if_block","create_if_block","itemsSelection","$$props","selectionParams","showSelectionCount"],"mappings":"sdAWW,OAAAA,MAAiBC,YAAWC,8GADnCC,EAqBKC,EAAAC,EAAAC,2IALKN,EAAe,IAAEO,YAAYC,OAAM,MACpCR,EAAe,IAAES,eAAiB,YAAU,4FAHjDN,EAKMC,EAAAM,EAAAJ,GAJHK,EAGDD,EAAAE,4CAFIZ,EAAe,IAAEO,YAAYC,OAAM,KAAAK,EAAAC,EAAAC,gBACpCf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uDAf5C,OAAAjB,EAAiB,IAAAkB,yBAAyBV,OAAS,EAACW,wMAS7CnB,EAAe,IAAEoB,WAAa,wFAAxCjB,EAA+DC,EAAAM,EAAAJ,GAAzDK,EAAkDD,EAAAE,8BAA9CZ,EAAe,IAAEoB,WAAa,cAAWP,EAAAQ,EAAAC,+CAN7CP,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,MACjDR,EAAe,IAAES,eAAiB,YAAU,4FAJjDN,EAMMC,EAAAM,EAAAJ,GALHK,EAIDD,EAAAE,gCAHI,EAAAW,GAAAR,KAAAA,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,KAAAK,EAAAC,EAAAC,gBACjDf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uCARpDO,EAAAxB,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,MAAuByB,EAAAzB,sGADtEG,EAyBKC,EAAAC,EAAAC,4BAxBEN,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,oIANlC0B,GAAuBC,mBACvBC,GAA4CD,sBAC5CE,GAA2BF"}
+{"version":3,"file":"DataTableDefaultSelectionLabel.nested.js","sources":["../../../src/components/datatable/DataTableDefaultSelectionLabel.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import type { SelectionParams } from './datatable.types';\n\n  export let itemsSelection: boolean;\n  export let selectionParams: SelectionParams | undefined;\n  export let showSelectionCount: boolean;\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n  {#if itemsSelection && showSelectionCount && selectionParams != null}\n    <div class=\"center-selection-label\">\n      {#if selectionParams?.allSelected}\n        {#if selectionParams?.excludedIdsFromSelection.length > 0}\n          <span\n            ><b\n              >{selectionParams?.totalItems -\n                selectionParams?.excludedIdsFromSelection.length}\n              {selectionParams?.selectedLabel || 'selected'}</b\n            >\n          </span>\n        {:else}\n          <span><b>{selectionParams?.totalItems + ' selected'}</b> </span>\n        {/if}\n      {:else}\n        <span\n          ><b\n            >{selectionParams?.idsSelected.length}\n            {selectionParams?.selectedLabel || 'selected'}</b\n          >\n        </span>\n      {/if}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  .mc-datatable__topbar-selection {\n    margin-left: 1rem;\n  }\n\n  .center-selection-label {\n    text-align: center;\n  }\n\n  .center-selection-label span {\n    line-height: 2;\n    display: inline-block;\n    vertical-align: middle;\n  }\n</style>\n"],"names":[],"mappings":"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"}