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

Comparing version 1.1.0-alpha.7 to 1.1.0-alpha.8

lib/cjs/index.js

@@ -631,3 +631,3 @@ 'use strict';
 
-/* components/button/src/Button.svelte generated by Svelte v3.46.3 */
+/* components/button/src/Button.svelte generated by Svelte v3.46.4 */
 
@@ -930,3 +930,3 @@ function create_fragment$2(ctx) {
 
-/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.3 */
+/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.4 */
 
@@ -953,3 +953,2 @@ function create_if_block(ctx) {
 	let div0;
-	let div0_style_value;
 	let t0;
@@ -960,2 +959,3 @@ let div1;
 	let div1_style_value;
+	let style_height = `${/*height*/ ctx[1]}px`;
 	let current;
@@ -965,5 +965,21 @@ let mounted;
 	let if_block = /*draggable*/ ctx[4] && create_if_block();
-	const default_slot_template = /*#slots*/ ctx[9].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+	const default_slot_template = /*#slots*/ ctx[11].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
 
+	let div1_levels = [
+		{
+			class: div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2]
+		},
+		/*$$restProps*/ ctx[9],
+		{
+			style: div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); ${/*style*/ ctx[5]}`
+		}
+	];
+
+	let div1_data = {};
+
+	for (let i = 0; i < div1_levels.length; i += 1) {
+		div1_data = assign(div1_data, div1_levels[i]);
+	}
+
 	return {
@@ -978,5 +994,7 @@ c() {
 			attr(div0, "class", "resp-bottom-sheet__overlay");
-			attr(div0, "style", div0_style_value = `opacity: ${1 - /*$tween*/ ctx[6]}; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}`);
-			attr(div1, "class", div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2]);
-			attr(div1, "style", div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); height: ${/*height*/ ctx[1]}px; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}; ${/*style*/ ctx[5]}`);
+			set_style(div0, "opacity", /*offset*/ ctx[7], false);
+			set_style(div0, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
+			set_attributes(div1, div1_data);
+			set_style(div1, "height", style_height, false);
+			set_style(div1, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
 		},
@@ -999,5 +1017,5 @@ m(target, anchor) {
 					if (is_function(/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[10]
+					? /*click_handler*/ ctx[12]
 					: noop)) (/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[10]
+					? /*click_handler*/ ctx[12]
 					: noop).apply(this, arguments);
@@ -1012,6 +1030,10 @@ });
 
-			if (!current || dirty & /*$tween*/ 64 && div0_style_value !== (div0_style_value = `opacity: ${1 - /*$tween*/ ctx[6]}; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}`)) {
-				attr(div0, "style", div0_style_value);
+			if (dirty & /*offset*/ 128) {
+				set_style(div0, "opacity", /*offset*/ ctx[7], false);
 			}
 
+			if (dirty & /*offset*/ 128) {
+				set_style(div0, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
+			}
+
 			if (/*draggable*/ ctx[4]) {
@@ -1029,3 +1051,3 @@ if (if_block) ; else {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 1024)) {
 					update_slot_base(
@@ -1035,6 +1057,6 @@ default_slot,
 						ctx,
-						/*$$scope*/ ctx[8],
+						/*$$scope*/ ctx[10],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[10])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[10], dirty, null),
 						null
@@ -1045,9 +1067,10 @@ );
 
-			if (!current || dirty & /*className*/ 4 && div1_class_value !== (div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2])) {
-				attr(div1, "class", div1_class_value);
-			}
+			set_attributes(div1, div1_data = get_spread_update(div1_levels, [
+				(!current || dirty & /*className*/ 4 && div1_class_value !== (div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2])) && { class: div1_class_value },
+				dirty & /*$$restProps*/ 512 && /*$$restProps*/ ctx[9],
+				(!current || dirty & /*$tween, style*/ 96 && div1_style_value !== (div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); ${/*style*/ ctx[5]}`)) && { style: div1_style_value }
+			]));
 
-			if (!current || dirty & /*$tween, height, style*/ 98 && div1_style_value !== (div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); height: ${/*height*/ ctx[1]}px; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}; ${/*style*/ ctx[5]}`)) {
-				attr(div1, "style", div1_style_value);
-			}
+			set_style(div1, "height", style_height, false);
+			set_style(div1, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
 		},
@@ -1076,2 +1099,5 @@ i(local) {
 function instance$1($$self, $$props, $$invalidate) {
+	let offset;
+	const omit_props_names = ["class","open","height","maskClosable","draggable","style"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
 	let $tween;
@@ -1089,10 +1115,12 @@ let { $$slots: slots = {}, $$scope } = $$props;
 
-	$$self.$$set = $$props => {
-		if ('class' in $$props) $$invalidate(2, className = $$props.class);
-		if ('open' in $$props) $$invalidate(0, open = $$props.open);
-		if ('height' in $$props) $$invalidate(1, height = $$props.height);
-		if ('maskClosable' in $$props) $$invalidate(3, maskClosable = $$props.maskClosable);
-		if ('draggable' in $$props) $$invalidate(4, draggable = $$props.draggable);
-		if ('style' in $$props) $$invalidate(5, style = $$props.style);
-		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(9, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('class' in $$new_props) $$invalidate(2, className = $$new_props.class);
+		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);
+		if ('draggable' in $$new_props) $$invalidate(4, draggable = $$new_props.draggable);
+		if ('style' in $$new_props) $$invalidate(5, style = $$new_props.style);
+		if ('$$scope' in $$new_props) $$invalidate(10, $$scope = $$new_props.$$scope);
 	};
@@ -1108,2 +1136,6 @@
 		}
+
+		if ($$self.$$.dirty & /*$tween*/ 64) {
+			$$invalidate(7, offset = 1 - $tween);
+		}
 	};
@@ -1121,3 +1153,5 @@
 		$tween,
+		offset,
 		tween,
+		$$restProps,
 		$$scope,
@@ -1144,3 +1178,3 @@ slots,
 
-/* components/action-sheet/src/ActionSheet.svelte generated by Svelte v3.46.3 */
+/* components/action-sheet/src/ActionSheet.svelte generated by Svelte v3.46.4 */
 const get_footer_slot_changes = dirty => ({});
@@ -1147,0 +1181,0 @@ const get_footer_slot_context = ctx => ({});

lib/esm/index.js

@@ -629,3 +629,3 @@ function noop() { }
 
-/* components/button/src/Button.svelte generated by Svelte v3.46.3 */
+/* components/button/src/Button.svelte generated by Svelte v3.46.4 */
 
@@ -928,3 +928,3 @@ function create_fragment$2(ctx) {
 
-/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.3 */
+/* components/bottom-sheet/src/BottomSheet.svelte generated by Svelte v3.46.4 */
 
@@ -951,3 +951,2 @@ function create_if_block(ctx) {
 	let div0;
-	let div0_style_value;
 	let t0;
@@ -958,2 +957,3 @@ let div1;
 	let div1_style_value;
+	let style_height = `${/*height*/ ctx[1]}px`;
 	let current;
@@ -963,5 +963,21 @@ let mounted;
 	let if_block = /*draggable*/ ctx[4] && create_if_block();
-	const default_slot_template = /*#slots*/ ctx[9].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+	const default_slot_template = /*#slots*/ ctx[11].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
 
+	let div1_levels = [
+		{
+			class: div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2]
+		},
+		/*$$restProps*/ ctx[9],
+		{
+			style: div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); ${/*style*/ ctx[5]}`
+		}
+	];
+
+	let div1_data = {};
+
+	for (let i = 0; i < div1_levels.length; i += 1) {
+		div1_data = assign(div1_data, div1_levels[i]);
+	}
+
 	return {
@@ -976,5 +992,7 @@ c() {
 			attr(div0, "class", "resp-bottom-sheet__overlay");
-			attr(div0, "style", div0_style_value = `opacity: ${1 - /*$tween*/ ctx[6]}; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}`);
-			attr(div1, "class", div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2]);
-			attr(div1, "style", div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); height: ${/*height*/ ctx[1]}px; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}; ${/*style*/ ctx[5]}`);
+			set_style(div0, "opacity", /*offset*/ ctx[7], false);
+			set_style(div0, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
+			set_attributes(div1, div1_data);
+			set_style(div1, "height", style_height, false);
+			set_style(div1, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
 		},
@@ -997,5 +1015,5 @@ m(target, anchor) {
 					if (is_function(/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[10]
+					? /*click_handler*/ ctx[12]
 					: noop)) (/*maskClosable*/ ctx[3]
-					? /*click_handler*/ ctx[10]
+					? /*click_handler*/ ctx[12]
 					: noop).apply(this, arguments);
@@ -1010,6 +1028,10 @@ });
 
-			if (!current || dirty & /*$tween*/ 64 && div0_style_value !== (div0_style_value = `opacity: ${1 - /*$tween*/ ctx[6]}; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}`)) {
-				attr(div0, "style", div0_style_value);
+			if (dirty & /*offset*/ 128) {
+				set_style(div0, "opacity", /*offset*/ ctx[7], false);
 			}
 
+			if (dirty & /*offset*/ 128) {
+				set_style(div0, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
+			}
+
 			if (/*draggable*/ ctx[4]) {
@@ -1027,3 +1049,3 @@ if (if_block) ; else {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 1024)) {
 					update_slot_base(
@@ -1033,6 +1055,6 @@ default_slot,
 						ctx,
-						/*$$scope*/ ctx[8],
+						/*$$scope*/ ctx[10],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[10])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[10], dirty, null),
 						null
@@ -1043,9 +1065,10 @@ );
 
-			if (!current || dirty & /*className*/ 4 && div1_class_value !== (div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2])) {
-				attr(div1, "class", div1_class_value);
-			}
+			set_attributes(div1, div1_data = get_spread_update(div1_levels, [
+				(!current || dirty & /*className*/ 4 && div1_class_value !== (div1_class_value = "resp-bottom-sheet " + /*className*/ ctx[2])) && { class: div1_class_value },
+				dirty & /*$$restProps*/ 512 && /*$$restProps*/ ctx[9],
+				(!current || dirty & /*$tween, style*/ 96 && div1_style_value !== (div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); ${/*style*/ ctx[5]}`)) && { style: div1_style_value }
+			]));
 
-			if (!current || dirty & /*$tween, height, style*/ 98 && div1_style_value !== (div1_style_value = `transform: translateY(${/*$tween*/ ctx[6] * 100}%); height: ${/*height*/ ctx[1]}px; visibility: ${1 - /*$tween*/ ctx[6] <= 0 ? "hidden" : "visible"}; ${/*style*/ ctx[5]}`)) {
-				attr(div1, "style", div1_style_value);
-			}
+			set_style(div1, "height", style_height, false);
+			set_style(div1, "visibility", /*offset*/ ctx[7] <= 0 ? "hidden" : "visible", false);
 		},
@@ -1074,2 +1097,5 @@ i(local) {
 function instance$1($$self, $$props, $$invalidate) {
+	let offset;
+	const omit_props_names = ["class","open","height","maskClosable","draggable","style"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
 	let $tween;
@@ -1087,10 +1113,12 @@ let { $$slots: slots = {}, $$scope } = $$props;
 
-	$$self.$$set = $$props => {
-		if ('class' in $$props) $$invalidate(2, className = $$props.class);
-		if ('open' in $$props) $$invalidate(0, open = $$props.open);
-		if ('height' in $$props) $$invalidate(1, height = $$props.height);
-		if ('maskClosable' in $$props) $$invalidate(3, maskClosable = $$props.maskClosable);
-		if ('draggable' in $$props) $$invalidate(4, draggable = $$props.draggable);
-		if ('style' in $$props) $$invalidate(5, style = $$props.style);
-		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(9, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('class' in $$new_props) $$invalidate(2, className = $$new_props.class);
+		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);
+		if ('draggable' in $$new_props) $$invalidate(4, draggable = $$new_props.draggable);
+		if ('style' in $$new_props) $$invalidate(5, style = $$new_props.style);
+		if ('$$scope' in $$new_props) $$invalidate(10, $$scope = $$new_props.$$scope);
 	};
@@ -1106,2 +1134,6 @@
 		}
+
+		if ($$self.$$.dirty & /*$tween*/ 64) {
+			$$invalidate(7, offset = 1 - $tween);
+		}
 	};
@@ -1119,3 +1151,5 @@
 		$tween,
+		offset,
 		tween,
+		$$restProps,
 		$$scope,
@@ -1142,3 +1176,3 @@ slots,
 
-/* components/action-sheet/src/ActionSheet.svelte generated by Svelte v3.46.3 */
+/* components/action-sheet/src/ActionSheet.svelte generated by Svelte v3.46.4 */
 const get_footer_slot_changes = dirty => ({});
@@ -1145,0 +1179,0 @@ const get_footer_slot_context = ctx => ({});

package.json

 {
   "name": "@responsive-ui/action-sheet",
-  "version": "1.1.0-alpha.7",
+  "version": "1.1.0-alpha.8",
   "description": "An action sheet component of responsive-ui.",
@@ -52,3 +52,3 @@ "author": "Si3nLoong <[e-mail]> (https://github.com/si3nloong)",
   },
-  "gitHead": "0d2a7c3a1664e5f75bae4fd41875e3e03fcfae86"
+  "gitHead": "ad1b7c19cabb255eb4210b0ab94d29ff6e2db232"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

5637

increased by1.57%

Worsened metrics

Total package byte prevSize

194625

decreased by-1.1%

Number of package files

9

decreased by-10%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes