@responsive-ui/card - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

lib/index.js

@@ -87,2 +87,5 @@ var Card = (function () {
     }
+    function toggle_class(element, name, toggle) {
+        element.classList[toggle ? 'add' : 'remove'](name);
+    }
 
@@ -316,7 +319,8 @@ let current_component;
     	let div;
+    	let div_class_value;
     	let current;
     	let mounted;
     	let dispose;
-    	const default_slot_template = /*#slots*/ ctx[1].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
+    	const default_slot_template = /*#slots*/ ctx[3].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
 
@@ -327,3 +331,4 @@ return {
     			if (default_slot) default_slot.c();
-    			attr(div, "class", "responsive-ui-card svelte-14tzgwb");
+    			attr(div, "class", div_class_value = "responsive-ui-card " + /*className*/ ctx[0] + " svelte-1ub7ht2");
+    			toggle_class(div, "responsive-ui-card--compact", /*compact*/ ctx[1]);
     		},
@@ -340,3 +345,3 @@ m(target, anchor) {
     			if (!mounted) {
-    				dispose = listen(div, "click", /*click_handler*/ ctx[2]);
+    				dispose = listen(div, "click", /*click_handler*/ ctx[4]);
     				mounted = true;
@@ -347,6 +352,14 @@ }
     			if (default_slot) {
-    				if (default_slot.p && dirty & /*$$scope*/ 1) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[0], dirty, null, null);
+    				if (default_slot.p && dirty & /*$$scope*/ 4) {
+    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[2], dirty, null, null);
     				}
     			}
+
+    			if (!current || dirty & /*className*/ 1 && div_class_value !== (div_class_value = "responsive-ui-card " + /*className*/ ctx[0] + " svelte-1ub7ht2")) {
+    				attr(div, "class", div_class_value);
+    			}
+
+    			if (dirty & /*className, compact*/ 3) {
+    				toggle_class(div, "responsive-ui-card--compact", /*compact*/ ctx[1]);
+    			}
     		},
@@ -373,2 +386,4 @@ i(local) {
     	let { $$slots: slots = {}, $$scope } = $$props;
+    	let { class: className = "" } = $$props;
+    	let { compact = false } = $$props;
 
@@ -380,6 +395,8 @@ function click_handler(event) {
     	$$self.$$set = $$props => {
-    		if ("$$scope" in $$props) $$invalidate(0, $$scope = $$props.$$scope);
+    		if ("class" in $$props) $$invalidate(0, className = $$props.class);
+    		if ("compact" in $$props) $$invalidate(1, compact = $$props.compact);
+    		if ("$$scope" in $$props) $$invalidate(2, $$scope = $$props.$$scope);
     	};
 
-    	return [$$scope, slots, click_handler];
+    	return [className, compact, $$scope, slots, click_handler];
     }
@@ -390,3 +407,3 @@
     		super();
-    		init(this, options, instance, create_fragment, safe_not_equal, {});
+    		init(this, options, instance, create_fragment, safe_not_equal, { class: 0, compact: 1 });
     	}
@@ -393,0 +410,0 @@ }

package.json

 {
   "name": "@responsive-ui/card",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "A card component of responsive-ui.",
@@ -38,3 +38,3 @@ "author": "Si3nLoong <[e-mail]>",
   },
-  "gitHead": "9c550f03d2ce234d99ebcf9ea942c09ffbc805a2"
+  "gitHead": "8bbc9e0ca7f3107f3571eb2dc21b3262c51bfb6e"
 }

No alert changes

Improved metrics

Total package byte prevSize

41706

increased by6.64%

Lines of code

1176

increased by3.98%

No dependency changes