@responsive-ui/bottom-sheet - npm Package Compare versions

Comparing version 1.1.0-alpha.10 to 1.1.0-alpha.25

CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log
 
+# [1.1.0-alpha.25](https://github.com/wetix/responsive-ui/compare/v1.1.0-alpha.24...v1.1.0-alpha.25) (2022-06-28)
+
+
+### Bug Fixes
+
+* bottom sheet ([42af634](https://github.com/wetix/responsive-ui/commit/42af634bdb5d0e79d563a461736971105b0dcda5))
+* bottom sheet height ([b228719](https://github.com/wetix/responsive-ui/commit/b2287196645a492fbd3f46c519b77d0e742563d5))
+* bottom-sheet height ([9a5924b](https://github.com/wetix/responsive-ui/commit/9a5924b9e7a4d58f5b8eace3674f08ad57fde354))
+
+
+
+
+
 # [1.1.0-alpha.10](https://github.com/wetix/responsive-ui/compare/v1.1.0-alpha.9...v1.1.0-alpha.10) (2022-04-05)
@@ -8,0 +21,0 @@

lib/cjs/index.js

@@ -200,2 +200,10 @@ 'use strict';
 }
+function get_current_component() {
+    if (!current_component)
+        throw new Error('Function called outside component initialization');
+    return current_component;
+}
+function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+}
 
@@ -614,3 +622,3 @@ const dirty_components = [];
 
-/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.4 */
+/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.48.0 */
 
@@ -635,3 +643,3 @@ function create_if_block_1(ctx) {
 
-// (42:2) {#if closable}
+// (47:2) {#if closable}
 function create_if_block(ctx) {
@@ -657,3 +665,3 @@ let span;
 			if (!mounted) {
-				dispose = listen(i, "click", /*click_handler_1*/ ctx[14]);
+				dispose = listen(i, "click", /*click_handler_1*/ ctx[15]);
 				mounted = true;
@@ -679,3 +687,2 @@ }
 	let div1_style_value;
-	let style_height = `${/*height*/ ctx[1]}px`;
 	let current;
@@ -686,4 +693,4 @@ let mounted;
 	let if_block1 = /*closable*/ ctx[4] && create_if_block(ctx);
-	const default_slot_template = /*#slots*/ ctx[12].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
+	const default_slot_template = /*#slots*/ ctx[13].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[12], null);
 
@@ -720,3 +727,3 @@ let div1_levels = [
 			set_attributes(div1, div1_data);
-			set_style(div1, "height", style_height, false);
+			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
 			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -742,5 +749,5 @@ },
 					if (is_function(/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[13]
+					? /*click_handler*/ ctx[14]
 					: noop)) (/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[13]
+					? /*click_handler*/ ctx[14]
 					: noop).apply(this, arguments);
@@ -788,3 +795,3 @@ });
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 2048)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 4096)) {
 					update_slot_base(
@@ -794,6 +801,6 @@ default_slot,
 						ctx,
-						/*$$scope*/ ctx[11],
+						/*$$scope*/ ctx[12],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[11])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[11], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[12])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[12], dirty, null),
 						null
@@ -810,3 +817,3 @@ );
 
-			set_style(div1, "height", style_height, false);
+			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
 			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -838,3 +845,3 @@ },
 	let offset;
-	const omit_props_names = ["class","open","height","maskClosable","closable","draggable","style"];
+	const omit_props_names = ["class","open","maskClosable","closable","draggable","style","height"];
 	let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -845,3 +852,2 @@ let $tween;
 	let { open = false } = $$props;
-	let { height = 0 } = $$props;
 	let { maskClosable = true } = $$props;
@@ -851,4 +857,11 @@ let { closable = true } = $$props;
 	let { style = "" } = $$props;
+	let { height = 0 } = $$props;
+	let innerHeight = 0;
 	const tween = tweened(1, { duration: 150 });
 	component_subscribe($$self, tween, value => $$invalidate(7, $tween = value));
+
+	onMount(() => {
+		$$invalidate(11, innerHeight = window.innerHeight);
+	});
+
 	const click_handler = () => $$invalidate(0, open = false);
@@ -862,3 +875,2 @@ const click_handler_1 = () => $$invalidate(0, open = false);
 		if ('open' in $$new_props) $$invalidate(0, open = $$new_props.open);
-		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
 		if ('maskClosable' in $$new_props) $$invalidate(3, maskClosable = $$new_props.maskClosable);
@@ -868,3 +880,4 @@ if ('closable' in $$new_props) $$invalidate(4, closable = $$new_props.closable);
 		if ('style' in $$new_props) $$invalidate(6, style = $$new_props.style);
-		if ('$$scope' in $$new_props) $$invalidate(11, $$scope = $$new_props.$$scope);
+		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
+		if ('$$scope' in $$new_props) $$invalidate(12, $$scope = $$new_props.$$scope);
 	};
@@ -884,6 +897,8 @@
 		}
+
+		if ($$self.$$.dirty & /*innerHeight*/ 2048) {
+			$$invalidate(1, height = innerHeight * 0.85);
+		}
 	};
 
-	$$invalidate(1, height = window.innerHeight * 0.85);
-
 	return [
@@ -901,2 +916,3 @@ open,
 		$$restProps,
+		innerHeight,
 		$$scope,
@@ -916,7 +932,7 @@ slots,
 			open: 0,
-			height: 1,
 			maskClosable: 3,
 			closable: 4,
 			draggable: 5,
-			style: 6
+			style: 6,
+			height: 1
 		});
@@ -923,0 +939,0 @@ }

lib/esm/index.js

@@ -198,2 +198,10 @@ function noop() { }
 }
+function get_current_component() {
+    if (!current_component)
+        throw new Error('Function called outside component initialization');
+    return current_component;
+}
+function onMount(fn) {
+    get_current_component().$$.on_mount.push(fn);
+}
 
@@ -612,3 +620,3 @@ const dirty_components = [];
 
-/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.4 */
+/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.48.0 */
 
@@ -633,3 +641,3 @@ function create_if_block_1(ctx) {
 
-// (42:2) {#if closable}
+// (47:2) {#if closable}
 function create_if_block(ctx) {
@@ -655,3 +663,3 @@ let span;
 			if (!mounted) {
-				dispose = listen(i, "click", /*click_handler_1*/ ctx[14]);
+				dispose = listen(i, "click", /*click_handler_1*/ ctx[15]);
 				mounted = true;
@@ -677,3 +685,2 @@ }
 	let div1_style_value;
-	let style_height = `${/*height*/ ctx[1]}px`;
 	let current;
@@ -684,4 +691,4 @@ let mounted;
 	let if_block1 = /*closable*/ ctx[4] && create_if_block(ctx);
-	const default_slot_template = /*#slots*/ ctx[12].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
+	const default_slot_template = /*#slots*/ ctx[13].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[12], null);
 
@@ -718,3 +725,3 @@ let div1_levels = [
 			set_attributes(div1, div1_data);
-			set_style(div1, "height", style_height, false);
+			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
 			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -740,5 +747,5 @@ },
 					if (is_function(/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[13]
+					? /*click_handler*/ ctx[14]
 					: noop)) (/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[13]
+					? /*click_handler*/ ctx[14]
 					: noop).apply(this, arguments);
@@ -786,3 +793,3 @@ });
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 2048)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 4096)) {
 					update_slot_base(
@@ -792,6 +799,6 @@ default_slot,
 						ctx,
-						/*$$scope*/ ctx[11],
+						/*$$scope*/ ctx[12],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[11])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[11], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[12])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[12], dirty, null),
 						null
@@ -808,3 +815,3 @@ );
 
-			set_style(div1, "height", style_height, false);
+			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
 			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -836,3 +843,3 @@ },
 	let offset;
-	const omit_props_names = ["class","open","height","maskClosable","closable","draggable","style"];
+	const omit_props_names = ["class","open","maskClosable","closable","draggable","style","height"];
 	let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -843,3 +850,2 @@ let $tween;
 	let { open = false } = $$props;
-	let { height = 0 } = $$props;
 	let { maskClosable = true } = $$props;
@@ -849,4 +855,11 @@ let { closable = true } = $$props;
 	let { style = "" } = $$props;
+	let { height = 0 } = $$props;
+	let innerHeight = 0;
 	const tween = tweened(1, { duration: 150 });
 	component_subscribe($$self, tween, value => $$invalidate(7, $tween = value));
+
+	onMount(() => {
+		$$invalidate(11, innerHeight = window.innerHeight);
+	});
+
 	const click_handler = () => $$invalidate(0, open = false);
@@ -860,3 +873,2 @@ const click_handler_1 = () => $$invalidate(0, open = false);
 		if ('open' in $$new_props) $$invalidate(0, open = $$new_props.open);
-		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
 		if ('maskClosable' in $$new_props) $$invalidate(3, maskClosable = $$new_props.maskClosable);
@@ -866,3 +878,4 @@ if ('closable' in $$new_props) $$invalidate(4, closable = $$new_props.closable);
 		if ('style' in $$new_props) $$invalidate(6, style = $$new_props.style);
-		if ('$$scope' in $$new_props) $$invalidate(11, $$scope = $$new_props.$$scope);
+		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
+		if ('$$scope' in $$new_props) $$invalidate(12, $$scope = $$new_props.$$scope);
 	};
@@ -882,6 +895,8 @@
 		}
+
+		if ($$self.$$.dirty & /*innerHeight*/ 2048) {
+			$$invalidate(1, height = innerHeight * 0.85);
+		}
 	};
 
-	$$invalidate(1, height = window.innerHeight * 0.85);
-
 	return [
@@ -899,2 +914,3 @@ open,
 		$$restProps,
+		innerHeight,
 		$$scope,
@@ -914,7 +930,7 @@ slots,
 			open: 0,
-			height: 1,
 			maskClosable: 3,
 			closable: 4,
 			draggable: 5,
-			style: 6
+			style: 6,
+			height: 1
 		});
@@ -921,0 +937,0 @@ }

lib/index.js

@@ -201,2 +201,10 @@ var BottomSheet = (function () {
     }
+    function get_current_component() {
+        if (!current_component)
+            throw new Error('Function called outside component initialization');
+        return current_component;
+    }
+    function onMount(fn) {
+        get_current_component().$$.on_mount.push(fn);
+    }
 
@@ -615,3 +623,3 @@ const dirty_components = [];
 
-    /* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.4 */
+    /* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.48.0 */
 
@@ -636,3 +644,3 @@ function create_if_block_1(ctx) {
 
-    // (42:2) {#if closable}
+    // (47:2) {#if closable}
     function create_if_block(ctx) {
@@ -658,3 +666,3 @@ let span;
     			if (!mounted) {
-    				dispose = listen(i, "click", /*click_handler_1*/ ctx[14]);
+    				dispose = listen(i, "click", /*click_handler_1*/ ctx[15]);
     				mounted = true;
@@ -680,3 +688,2 @@ }
     	let div1_style_value;
-    	let style_height = `${/*height*/ ctx[1]}px`;
     	let current;
@@ -687,4 +694,4 @@ let mounted;
     	let if_block1 = /*closable*/ ctx[4] && create_if_block(ctx);
-    	const default_slot_template = /*#slots*/ ctx[12].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
+    	const default_slot_template = /*#slots*/ ctx[13].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[12], null);
 
@@ -721,3 +728,3 @@ let div1_levels = [
     			set_attributes(div1, div1_data);
-    			set_style(div1, "height", style_height, false);
+    			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
     			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -743,5 +750,5 @@ },
     					if (is_function(/*maskClosable*/ ctx[3]
-    					? /*click_handler*/ ctx[13]
+    					? /*click_handler*/ ctx[14]
     					: noop)) (/*maskClosable*/ ctx[3]
-    					? /*click_handler*/ ctx[13]
+    					? /*click_handler*/ ctx[14]
     					: noop).apply(this, arguments);
@@ -789,3 +796,3 @@ });
     			if (default_slot) {
-    				if (default_slot.p && (!current || dirty & /*$$scope*/ 2048)) {
+    				if (default_slot.p && (!current || dirty & /*$$scope*/ 4096)) {
     					update_slot_base(
@@ -795,6 +802,6 @@ default_slot,
     						ctx,
-    						/*$$scope*/ ctx[11],
+    						/*$$scope*/ ctx[12],
     						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[11])
-    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[11], dirty, null),
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[12])
+    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[12], dirty, null),
     						null
@@ -811,3 +818,3 @@ );
 
-    			set_style(div1, "height", style_height, false);
+    			set_style(div1, "height", `${/*height*/ ctx[1]}px`, false);
     			set_style(div1, "visibility", /*offset*/ ctx[8] <= 0 ? "hidden" : "visible", false);
@@ -839,3 +846,3 @@ },
     	let offset;
-    	const omit_props_names = ["class","open","height","maskClosable","closable","draggable","style"];
+    	const omit_props_names = ["class","open","maskClosable","closable","draggable","style","height"];
     	let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -846,3 +853,2 @@ let $tween;
     	let { open = false } = $$props;
-    	let { height = 0 } = $$props;
     	let { maskClosable = true } = $$props;
@@ -852,4 +858,11 @@ let { closable = true } = $$props;
     	let { style = "" } = $$props;
+    	let { height = 0 } = $$props;
+    	let innerHeight = 0;
     	const tween = tweened(1, { duration: 150 });
     	component_subscribe($$self, tween, value => $$invalidate(7, $tween = value));
+
+    	onMount(() => {
+    		$$invalidate(11, innerHeight = window.innerHeight);
+    	});
+
     	const click_handler = () => $$invalidate(0, open = false);
@@ -863,3 +876,2 @@ const click_handler_1 = () => $$invalidate(0, open = false);
     		if ('open' in $$new_props) $$invalidate(0, open = $$new_props.open);
-    		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
     		if ('maskClosable' in $$new_props) $$invalidate(3, maskClosable = $$new_props.maskClosable);
@@ -869,3 +881,4 @@ if ('closable' in $$new_props) $$invalidate(4, closable = $$new_props.closable);
     		if ('style' in $$new_props) $$invalidate(6, style = $$new_props.style);
-    		if ('$$scope' in $$new_props) $$invalidate(11, $$scope = $$new_props.$$scope);
+    		if ('height' in $$new_props) $$invalidate(1, height = $$new_props.height);
+    		if ('$$scope' in $$new_props) $$invalidate(12, $$scope = $$new_props.$$scope);
     	};
@@ -885,6 +898,8 @@
     		}
+
+    		if ($$self.$$.dirty & /*innerHeight*/ 2048) {
+    			$$invalidate(1, height = innerHeight * 0.85);
+    		}
     	};
 
-    	$$invalidate(1, height = window.innerHeight * 0.85);
-
     	return [
@@ -902,2 +917,3 @@ open,
     		$$restProps,
+    		innerHeight,
     		$$scope,
@@ -917,7 +933,7 @@ slots,
     			open: 0,
-    			height: 1,
     			maskClosable: 3,
     			closable: 4,
     			draggable: 5,
-    			style: 6
+    			style: 6,
+    			height: 1
     		});
@@ -924,0 +940,0 @@ }

package.json

 {
   "name": "@responsive-ui/bottom-sheet",
-  "version": "1.1.0-alpha.10",
+  "version": "1.1.0-alpha.25",
   "description": "A bottom sheet component of responsive-ui.",
@@ -50,3 +50,3 @@ "author": "Si3nLoong <[e-mail]> (https://github.com/si3nloong)",
   },
-  "gitHead": "de37fcedf95d52d7d88e233450dae4f5a92afaaa"
+  "gitHead": "7e4b2a18439031439da0ab2740897bd910ddc254"
 }

No alert changes

Improved metrics

Total package byte prevSize

100343

increased by1.5%

Lines of code

2670

increased by1.6%

No dependency changes